Вёрстка верхнего меню
Issue #70
new
CSS
DIV.topmenuitem {height:35px; line-height:35px; padding:0px 12px; border:1px solid #e5e5e5; border-left:1px solid #f5f5f5; border-bottom:0px; font-size:14px; background-color:#eeeeee; display: -moz-inline-stack; display:inline-block; *display: inline;}
HTML (только текст ещё в тег A обрамить нужно)
<div class="topmenuitem">события</div><div class="topmenuitem">политика</div><div class="topmenuitem">экономика</div><div class="topmenuitem">тесттест</div><div class="topmenuitem">тесттесттест</div><div class="topmenuitem">тесттесттесттест</div><div class="topmenuitem">тесттесттесттесттесттест</div><div class="topmenuitem">тесттесттесттесттесттесттесттест</div><div class="topmenuitem">тесттесттесттесттесттесттесттесттесттест</div><div class="topmenuitem">тесттесттесттесттесттесттесттест</div><div class="topmenuitem">тесттесттесттесттесттесттесттесттесттест</div>
Comments (4)
-
-
reporter Важно, чтобы в коде между DIV не было пробелов. То есть чтобы всё выглядело один-в-один как в моём примере
-
reporter По идее, это даст корректное отображение списка категорий на всех устройствах. Я уверен в этом не на 100, но на 78% :)
-
reporter А, ну и, конечно, с этим не страшен второй уровень категорий :) Будет автоматический корректный перенос на другую строку.
- Log in to comment
Что это даст?