2016-09-18 2 views
-3

Picture 일부 코드가 너무 그것을 미리 형성하기 위해 내가 folat 이미지를 만들려는 네비게이션 바의 왼쪽 모서리에 표시됩니다 나는이부동 이미지

<html> 
    <head></head> 
    <body> 
     <div class="menu"> 
     <li> 
      <img style="float: left;margin-left: -50%;" src="../images/logo.png" alt="Tera Host inc." height="60" width="200"> 
      </li> 
     </div> 
    </body> 
</html> 

하지만 페이지 상단에 나타나는 내가 왼쪽 상단 모서리에 뭔가 그래서 친구가 서로 다음이 div의을해야 뭔가를 나에게 말했다 그리고 하나 하나에서 원하는 발견 당신 do style = "float : left;" 는 그리고 유우는 부동으로 수행 다시 때 이 사람이 나를 도울 수 있다면 그래서 pls는

+1

귀하의 HTML이 시작 유효하지 않습니다,'li'이 포함되어야합니다' ul' 또는'ol'. 만약 당신이 정말로 코드를 작성하지 못한다면 * 이것은 정말로 당신을위한 사이트가 아니며 첫 번째 pararaph 나 [Tour] (https://stackoverflow.com/tour)를 인용합니다. Stack Overflow는 질의 응답 사이트입니다. 전문가 및 열광적 인 프로그래머를위한 당신이 얻게 될 답은 본질적으로 기술적 일 것입니다. 이것은 당신을 위해 코드를 작성하는 사이트가 아닙니다. [HTML 및 CSS 자습서] (https://developer.mozilla.org/en-US/docs/Learn/HTML)를 시작하십시오. –

+0

안녕하세요 저는이 일에있어서 새로운 편이라서 pls는 나와 함께 쉽게 가고 + 배울려고 노력 중입니다 –

+0

새로운 것을 배우고 배우려고하는 데 아무런 문제가 없습니다. 난 그냥 StackOverflow에서 당신이 경험할 수있는 무엇을 기대를 설정 싶었어요. 그것은 당신이 가지고 있을지도 모르는 코딩 문제에 대한 답변을 얻기위한 훌륭한 리소스이지만, 실제로 튜토리얼 등을 원한다면 훌륭한 "학습 리소스"는 아닙니다. –

답변

0

나는 매우 아니다 사전에 전체 코드를 감사 답장을 을 그 div의를 포함하고 결말에 을 큰 사업부를 확인 왼쪽 귀하의 질문에 분명히! 하지만 방금 전 가정에서 시도해 봤는데 메뉴를 & 로고 플로트로 따로 만들 필요가 있다고 생각합니다. 당신이 바이올린을 확인할 수 있습니다

, https://jsfiddle.net/8brvykvn/1/

<div class="header"> 
<a href="#" class="logo"> 
<img src="../images/logo.png" alt="Tera Host inc." height="60" width="200"></a> 
<ul class="menu"> 
    <li><a href="#">Dashboard</a></li> 
    <li><a href="#">Game Monitor</a></li> 
    <li><a href="#">TS3 Admin</a></li> 
</ul> 

는 CSS :

.header a{ 
    float: left; 
    margin-right:10px; 
} 
.header .menu{ 
    float : left; 
    margin : 0; 
    padding: 0; 
} 

.header:after{ 
    content:''; 
    display:block; 
    clear: both 
} 

.header .menu li{ 
    list-style:none; 
    display:inline-block; 
} 

.header .menu li > a{ 
    margin-right:10px; 
} 
+0

정말 코드를 작성할 수 없으므로 코드를 별도로 작성할 수 있습니까? –

관련 문제