2013-03-16 2 views
0

이미지 로고 옆에있는 링크를 만드는 방법 .... 나는 같은 줄로 만들려고 노력하고 있습니다. ... 왼쪽으로 플로트를 주었지만 작동하지 않습니다. .. 링크를 인접한 로고로 만들 수 있습니다.

http://jsfiddle.net/hYGwH/14/embedded/result/

<li> 
          <a href="/product.html" > 
           <img alt="squareList" style="margin-right: 10px;" id="logo" src="http://intra.defie.co/images/cube_inventory.png"> 
           My Files 
          </a> 
         </li> 
         <li> 
          <a href="/solution.html"> 
           <img alt="squareList" style="margin-right: 10px;" id="logo" src="http://intra.defie.co/images/cube_inventory.png">Shared Files</a> 
          </li> 
         <li> 
          <a href="/service.html"> 
          <img alt="squareList" style="margin-right: 10px;" id="logo" src="http://intra.defie.co/images/cube_inventory.png">Create Files</a></li> 
         <li class="iphonePartnerLink"> 
          <a href="/partner.html"> 
          <img alt="squareList" style="margin-right: 10px;" id="logo" src="http://intra.defie.co/images/cube_inventory.png">Simply Notes</a></li> 
         <li> 
          <a href="/contact.html"> 
          <img alt="squareList" style="margin-right: 10px;" id="logo" src="http://intra.defie.co/images/cube_inventory.png">Forms</a></li> 
         <li> 
          <a href="/contact.html"> 
          <img alt="squareList" style="margin-right: 10px;" id="logo" src="http://intra.defie.co/images/cube_inventory.png">Drawing</a></li> 
         <li> 
          <a href="/contact.html"> 
          <img alt="squareList" style="margin-right: 10px;" id="logo" src="http://intra.defie.co/images/cube_inventory.png"> 
           Presentation</a></li> 
+1

로고는 어디에 있으며 한 번만 ID를 사용해야합니다. –

+1

외부 리소스에 연결하는 방법을 아직 파악하지 못했다면 바이올린으로 간주되지 않습니다. – hjpotter92

+0

당신의 질문이 화면이 최대화되는 경우에 관해서라면, 나는'컨테이너 '가 고정 된 940px이고'nav' 너비가 너무 커서 로고와 함께 같은 줄에 들어갈 수 없다고 생각합니다. 다음 행으로 넘어갑니다. –

답변

0

앵커 전에 이미지를 넣고 이미지가 왼쪽 부동 시도 아래에 내 코드를 제공한다. 다음 li의 float을 지우거나 overflow : ri에 숨겨진 것처럼 clearfix를 사용해야합니다. 물론 여러 ID 문제를 해결하십시오.

2

가로로 충분한 공간이 없으면 ul은 로고 옆에 뜨지 않습니다. 그래서 창을 너무 작게 만들면 어쨌든 로고 밑으로 끝날 것입니다. 네비게이션에서 a 태그의 글꼴 크기를 줄이면 더 작은 화면에 맞출 수 있습니다.

관련 문제