내 탐색 모음을 가운데에 맞출 수 없음

내 CSS 코드에 문제가 있다고 생각하지만 무엇을 알아낼 수 없습니까?내 탐색 모음을 가운데에 맞출 수 없음

탐색 모음은 컨테이너 안에 있으며 가운데 (가운데)에 로고가있는 두면 (leftnav 및 rightnav)으로 나뉩니다.

도움이 될 것입니다. 감사!

JSfiddle : 이제 http://jsfiddle.net/richirich/JTXPr/

<div class="container"> 
    <header> 
     <div id="header"> 
     <ul class="leftnav"> 
      <li><a href="index.html">HOME</a></li> 
      <li><a href="music.html">MUSIC</a></li> 
      </ul> 
     <ul class="center"> 
      <li> 
      <img class="headerimage" src="images/header.png" alt="Richi Rich Logo" /> 
      </li> 
      </ul> 
      <ul class="rightnav"> 
      <li><a href="about.html">ABOUT</a></li> 
      <li><a href="index.html">GALLERY</a></li> 
     </ul> 
    </div><!--end header--> 
    </header> 
    </div>

출처

2013-12-10 user3080167

제공하신 바이올린에 마크 업이 깨졌습니다. 먼저 문제를 해결하고 문제가 지속되는지 확인하십시오. –

@DylanMadisetti 편집 : 지금까지 단호했지만 아직 깨진 내용은 확실하지 않습니다. (죄송합니다, 저는이 모든 것에 대해 아주 새로운 것입니다.) http://jsfiddle.net/richirich/JTXPr/1/ – user3080167

일부 불일치 태그가 전부였습니까? 좀 더 자세히 조사해 보면 실제로하는 일에 차이가 없다는 것을 알 수 있습니다. "brokeness"에 대해서는 http://validator.w3.org/#validate_by_input을 확인하십시오. –

내가 예쁜 사용 당신이 대신 여러 정렬되지 않은리스트의 작업 중이던 나는 코드의 대부분을 폐기이 http://jsfiddle.net/eGcLA/ 같은 것을 찾고 같은데요 HTML5 헤더 및 앵커 태그의 인기있는 규칙.

<header> 
     <a href=""> Link </a> 
     <a href=""> Link </a> 
     <a href=""> Link </a> 
</header>

단순성이 더 좋습니다. 도우려고, 유래에

사람들은 멋진 사람이다 : 당신이 디자인이 반응하게하려면이 코드를 잡아 전에 대한 media queries

을 읽고 내가 몇 가지를 지적하고 싶습니다 실행 서로 밖으로. 대부분의 코드는 읽을 수없는 코드를 붙여 놓으면 우리를 행복하게 만들지 못합니다.
자세히 알아보기. 저에게 준 것에서 볼 때 모든 것을 복사하고 붙여 넣은 것처럼 보였습니다. 사이트를 작동 시키려고 시도한 것 같습니다. 나는 복사 및 붙여 넣기가 나쁜 것임을 말하는 것이 아니라 복사 및 붙여 넣기를 이해해야합니다.

시작하기에 가장 좋은 곳은 W3 consortium입니다. 표준에 대해 알아보고 Hypertext Markup이 실제로 무엇인지 배우고 거기에서 가져 가십시오. 너가 노력하고있는 것이 좋다고 생각해 그래서 내가 너를 돕는거야. 그러나 쉬워야하는 무언가를하기 위해 당신이 stackoverflow에 와야한다고 생각하는 것은 잘못입니다.

출처

2013-12-11 04:03:30

내 탐색 모음을 가운데에 맞출 수 없음

답변

관련 문제