Ответы пользователя по тегу Вёрстка
  • Как решить нерешаемую проблему с index-z: свойством?

    @Afadeev
    Front-end разработчик
    Чтобы накладывать слои друг на друга не обязательно делать z-index. Если задать элементам position: absolute например, то они наползут друг на друга так, что нижний элемент в верстке окажется сверху. В вашем случае я понял что картинка идет после хедера. Тогда полоску положите в низ хедера, в один контейнер.
    <div class="group">
        <header></header>
        <div class="poloska"></div>
    </div>

    .group {
    position: relative;
    z-index: 1;
    }
    .poloska {
    position: absolute;
    bottom: /*подогнать как надо */
    left: 0;
    right: 0;
    }
    Но это навскидку.
    А лучше скиньте ваш хедер + картинку куда-нибудь, так будет проще и быстрее вам помочь

    https://jsfiddle.net/eksge0L5/
    Ответ написан
  • Из-за чего такое поведение тега caption?

    @Afadeev
    Front-end разработчик
    А вам принципиально задавать рамку с заголовком именно таким способом? Таблицы очень специфичны и ведут себя при нестандартном подходе непредсказуемо.

    Есть к примеру, кроссбраузерный тег специальный
    htmlbook.ru/html/legend

    <fieldset>
      <legend>Стоимость аренды прицепа МЗСА</legend>
    <table>
    ...
    </table>
    </fieldset>
    
    css
    fieldset {
      border: 5px solid #3A89C9;  
    }
    legend {
      padding:0 10px;
    }

    Еще вариант обернуть таблицу дивом с position - relative. Потом тег h3 например с абсолютным позиционированием и потом таблица
    Ответ написан
    1 комментарий