0
Я не знаю, как решить эту проблему. У меня есть меню с высотой: 72px и логотип с высотой: 117px. Логотип по-прежнему высотой: 72 пикселей. Я делаю отзывчивый дизайн. Я могу сделать это с позиционированием маржи, но я думаю, что это не хорошо для отзывчивости.HTML, CSS, позиция изображения
Любые идеи, как решить эту проблему? Большое спасибо
@font-face{font-family: Exo-Bold; src:url(../fonts/Exo-Bold.otf);}
@font-face{font-family: Exo-Light; src:url(../fonts/Exo-Light.otf);}
body
{
background-color: white;
width: 100%;
margin: 0 auto;
}
a
{
text-decoration: none;
}
a:link, a:visited
{
color: white;
}
a:hover, a:active
{
color: white;
text-decoration: underline;
}
.header
{
background-image: url(../images/bg-img.png);
background-repeat: repeat-x;
height: 72px;
width: 100%;
}
.header .nav
{
height: 72px;
margin-left: 15%;
}
.header .nav ul
{
margin: 0 auto;
list-style-type: none;
}
.header .nav ul li
{
float:left;
display: inline-block;
font-family: Exo-Bold;
font-size: 14px;
margin: 25px 20px;
}
.logo
{
background-image:url(../images/logo.png);
background-repeat: no-repeat;
height: 117px;
width: auto;
margin-left: 10%;
}
Итак, что вы хотите достичь, чтобы иметь логотип всегда имеют высоту '.header'? – Mabedan
Я не вижу логотип с вашей ссылки. Можете ли вы разместить соответствующий HTML здесь? – Zhihao
Я хочу меню с высотой: 72px и в этом меню хочу логотип с высотой: 117px. Таким образом, это должно выглядеть так: http://postimg.org/image/82bxvo3xl/ – psajtik