Как мне установить заголовок

с логотипом, а также верхнюю и нижнюю границу с помощью CSS? ⇐ Html

Программисты Html
Anonymous
Как мне установить заголовок

с логотипом, а также верхнюю и нижнюю границу с помощью CSS?

Сообщение Anonymous »

Моя цель — создать раздел с заголовком, логотипом, выровненным по левому краю, и цветным фоном. Логотип и фон также должны быть заключены в рамку. Примерно так:
Правильное выравнивание достигается с помощью этого кода CSS:

Код: Выделить всё

h1 {
padding: 10px;
font-size: 2.6em;
font-weight: normal;
color: red;
border-top: 2px solid #989898;
border-bottom: 2px solid #989898
}
.title-wrap {
display: flex;
justify-content: left;
align-items: center;
background-color: #EFEEE6;
padding: 20px;
}
.img-wrap {
border-top: 2px solid #989898;
padding: 10px;
border-bottom: 2px solid #989898;
padding: 10px;
}
И HTML:

Код: Выделить всё

[img]./xampp_pics/favicon.png[/img]
[b]XAMPP[/b] Apache + MariaDB + PHP + Perl
Что не работает, так это граница сверху и снизу изображения, которая, в зависимости от браузера (я пробовал Chrome, Firefox и Safari), выглядит прерывистой. Это всегда происходит с Firefox и при определенных уровнях масштабирования, например 175 % в Chrome, когда заголовок переносится из-за увеличенного размера шрифта h1 по сравнению с границей заголовка.
Что мне нужно сбросить? Спасибо.

Подробнее здесь: https://stackoverflow.com/questions/798 ... r-with-css

Вернуться к началу

Вернуться в «Html»