ссылки, которые должны быть сделаны рядом с логотипом

Как сделать ссылки смежными с логотипом изображения .... Я пытаюсь сделать это в той же строке .... Я дал поплавок влево, но его не работало .. .. обеспечение мой код нижессылки, которые должны быть сделаны рядом с логотипом

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>

источник

2013-03-16 user2045025

Где находится логотип, и вы знаете, что вам нужно использовать только один идентификатор. –

Это не считается скрипкой, если вы все еще не поняли, как установить связь с внешними ресурсами. – hjpotter92

Если ваш вопрос касается максимизации экрана, я считаю, что проблема заключается в том, что ваш «контейнер» является фиксированным 940px, а ширина «nav» слишком велика, чтобы соответствовать одной и той же строке вместе с логотипом. Он переносится на следующую строку. –

попытаться положить изображение до якоря и плавающая изображение влево. Вам также необходимо очистить float на следующем li или использовать clearfix как переполнение: скрытый в li. И, конечно, очистить проблему с несколькими идентификаторами.

источник

2013-03-16 00:50:25

ul не будет плавать рядом с логотипом, если для этого не достаточно места для него по горизонтали. Поэтому, если вы сделаете окно слишком маленьким, оно все равно окажется под логотипом. Уменьшение размера шрифта a-тегов в навигации позволит ему поместиться на меньшие экраны.

источник

2013-03-16 00:53:05 zoee

ссылки, которые должны быть сделаны рядом с логотипом

ответ

Смежные вопросы