Ответы пользователя по тегу HTML
  • Как сделать кастомные checkbox с картинками?

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    .input__kids:checked{
      background-image: none;
    }
    .input__kids:checked:before{
      content:' ';
      width:1em;
      height:1em;
      position:absolute;
      left: -2em;
      top: 0;
      background-image: url(/images/svg/cheked.svg);
    }


    Общий смысл - делаете чекбокс прозрачным (но не display:none), а в псевдоэлемент before пихаете ваш SVG.
    Ответ написан
    Комментировать
  • Как спускать сайт?

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    Это работает автоматически, при увеличении высоты содержимого страницы. Например, можно просто добавить длинный текст, чтобы он не поместился на страницу - тогда появятся полосы прокрутки, и можно будет прокрутить колесиком.
    Ответ написан
    Комментировать
  • При работе какие семантические теги используете?

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    На сайте W3C есть статья, посвященная отличиям html4 от html5.

    Если вкратце - основные теги, например <div> или <span> работают точно так же, как и в HTML 4. Из них можно при желании сделать все что угодно. Добавилось довольно много новых, в основном чтобы облегчить структурную разметку (<header>, <footer>, <nav>, <section>). И часть тегов, в основном те, что отвечали за оформление (раскраску) - была убрана из стандарта. Например, <big>, <center>, <font>.

    Также, неплохой справочник - сайт htmlbook.ru.
    Ответ написан
    Комментировать
  • Ничего не будет если я куплю домен на одном сайте, а хостинг будет на другом сайте?

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    Это распространенная практика, и если регистратор и хостер нормальные - все будет отлично работать.
    Ответ написан
    Комментировать
  • Как можно изменить значения в БД при помощи PHP?

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    Если предположить, что у вас таблица вида
    |   id   | reviews_name | reviews_body | reviews_logo |
    -------------------------------------------------------
    |    1   | Вася         | тут был вася | /pic.jpg     |
    -------------------------------------------------------
    |    2   | Петя         | Петя тут был | /pic2.jpg    |
    -------------------------------------------------------

    И вам надо иметь возможность сделать редактирование нескольких строк сразу, то можно вот так:

    $model = [ 'id' => 'Идентификатор', 'reviews_name' => 'Имя', 'reviews_body'=> 'Текст', 'reviews_logo'=>'Аватар' ];
    
    if (!empty($_POST)) {
       $update_review = $db->prepare(
        'UPDATE reviews SET 
          reviews_name = :name, 
          reviews_body = :body,
          reviews_logo = :userpic
        WHERE id = :id'
          );
    
        $id = $_POST['id'];
        $name = $_POST['reviewName'];
        $body = $_POST['reviewBody'];
        $userpic = $_POST['userPic'];
    
        foreach ($_POST['reviews']  as $pr) {
            $data = [];       
            foreach ($model as $field=>$field_name) {
                $data[$field] = !empty($pr[$field]) ? $pr[$field] : '';
            }
            $update_review->execute($data);
       }
        $update_review->execute([
          'name' => $name,
          'body' => $body,
          'userpic' => $userpic,
          'id' => $id
        ]);
    
    $reviews = $db->select ... // получаем отзывы, которые нам нужны
    
    foreach ($reviews as $r) {
       foreach ($model as $field=>$field_name) {
           ?>
           <?=$field_name?>: <input type="text" name="reviews[<?=$r['id']?>][<?=$r[$field]?>]" value="<?=$r[$field]?>" />
           <?php
       }
       ?>
       <br />
       <?php
    }
    ?>
    <input type="submit" />


    Чтобы добавить новое поле - понадобится по сути, только обновить таблицу в БД и массив $data.
    Ответ написан
    Комментировать
  • Подключение локальных файлов с помощью js в crome. Возможно ли?

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    Мне кажется, фрейм будет самым беспроблемным способом, к тому же, его поймут даже древние браузеры.

    Можно наверное, завернуть сопутствующий контент в объекты javascript и загрузить через script, но это точно не будет простым и легким в поддержке решением.
    Ответ написан
    Комментировать
  • Как правильно расставить заголовки?

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    Тег h1 должен быть на странице только один раз, и должен быть самым заметным. Остальные - по значимости заголовков. Поисковики учитывают текст в заголовках, особенно h1, при ранжировании, насколько велико влияние h1 - трудно сказать, но оно точно есть.

    Еще, некоторые оптимизаторы считают, что у h1 не должно быть никаких атрибутов и вложенных тегов, и что лучше не перебарщивать с заголовками.

    На мой взгляд, на вашем скриншоте h1 - верно, h2 - неверно, там должно быть что-то типа p, где h4 - должно быть p. h3 - должно быть h2, а где "???" - h3.
    Ответ написан
    Комментировать
  • Как сделать подсчёт времени?

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    date('Y-m-d H:i' , time() - mktime('12', '02', '15', '09', '01', '2014'));

    вернет количество годов, месяцев, дней, часов, секунд, прошедших с 12 часов 02 минут 15 сек. 1 сентября 2014 года
    Ответ написан
    Комментировать
  • Почему суммируются значение?

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    jsfiddle.net/jv7nzohv/embedded/result

    Вот так надо было.

    Суммировалось потому что вы меряли отступ от верхнего края родителя кнопки, в момент, когда над ней был ваш абсолютный блок, т.е. вместе с освобожденным для него расстоянием.

    Как верно заметил netrain, помогло скрытие красного блока.
    Ответ написан
    Комментировать
  • В каких CMS должен разбираться front-end?

    puchkovk
    @puchkovk
    Усложнять — просто. Упрощать — сложно.
    Еще стоит разобраться со smarty и twig, которые используется много где.
    Ответ написан
    Комментировать