HTML, CSS, 이미지 위치

이 문제를 해결하는 방법을 모르겠습니다. 높이가 72px이고 로고 높이가 117px 인 메뉴가 있습니다. 로고의 높이는 여전히 72px입니다. 나는 반응하는 디자인을한다. 나는 margin positioning으로 그것을 만들 수있다. 그러나 나는 이것이 반응 적으로 좋지 않다고 생각한다.HTML, CSS, 이미지 위치

Picture

모든 아이디어를 어떻게 해결 하는가? 많은

@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%; 
}

출처

2014-02-12 psajtik

그래서 당신이 달성하고자 항상의 높이를 가지고있는 로고를하는 것입니다 '.header'? – Mabedan

링크에서 로고가 보이지 않습니다. 여기에 관련 HTML을 게시 할 수 있습니까? – Zhihao

나는 높이 : 72px의 메뉴를 원한다.이 메뉴에서 높이가 117px 인 로고를 원한다. 그래서 사진처럼 보일 것입니다 : http://postimg.org/image/82bxvo3xl/ – psajtik

는 마진과 높이를 추가 덕분에 내가 어떻게 할 것인지, 당신은 구체적인되고 싶은 무엇, 즉 것입니다 그것을

출처

2014-04-19 18:00:51 computerguy

HTML, CSS, 이미지 위치

답변

관련 문제