собственно задался сегодня целью сделать новый сайт...но это не суть важно:)...собственно меня заинтересовали способы верстки меню...
я вот сделал вот так
Полная Версия: ваше мнение...
| HTML |
| <div style="background:url(images/middle_top.gif) repeat-x scroll 0 0;height:54px"> <div style="float:left" class="left_menu"> </div> <div style="float:right" class="right_menu"> </div> <div class="menu"> <div style="width:17%;min-width:18%;float:left;text-align:center"> О компании </div> <div style="width:19%;min-width:18%;float:left;text-align:center"> Продукция </div> <div style="width:19%;min-width:18%;float:left;text-align:center"> Карта сайта </div> <div style="width:19%;min-width:18%;float:left;text-align:center"> Кредит </div> <div style="width:19%;min-width:18%;float:left;text-align:center"> Контакты </div> </div> </div> |
но как я понял обычно народ делает вот так, т.е. тупо впихивают таблицу и не парятся...но чет ни дивах мну больше прикальнуло...вобщем хотелось бы услышать ваше мнение, кто как делает?
| HTML |
| <div class="container bg-image-3 clearfix"> <div class="block-right"> <div class="block-right-wr"> <div class="nav-main clearfix"><div class="left-top"><div class="left-bottom"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td><div class="root-out active" id="main_menu_item_2" onmouseover="this.className='root-over'; f_show_footnote(event, 'menu_item_2');" onmouseout="this.className='root-out'; f_hide_footnote('menu_item_2');"><div class="left"><div class="right"><a href="/about/">О компании</a></div></div></div></td> <td><div class="root-out active" id="main_menu_item_3" onmouseover="this.className='root-over'; f_show_footnote(event, 'menu_item_3');" onmouseout="this.className='root-out'; f_hide_footnote('menu_item_3');"><div class="left"><div class="right"><a href="/production/">Продукция</a></div></div></div></td> <td><div class="root-out active" id="main_menu_item_5" onmouseover="this.className='root-over'; f_show_footnote(event, 'menu_item_5');" onmouseout="this.className='root-out'; f_hide_footnote('menu_item_5');"><div class="left"><div class="right"><a href="/credit/">Кредит</a></div></div></div></td> <td><div class="root-out active" id="main_menu_item_4" onmouseover="this.className='root-over'; f_show_footnote(event, 'menu_item_4');" onmouseout="this.className='root-out'; f_hide_footnote('menu_item_4');"><div class="left"><div class="right"><a href="/service/">Услуги</a></div></div></div></td> <td><div class="root-out active" id="main_menu_item_6" onmouseover="this.className='root-over'; f_show_footnote(event, 'menu_item_6');" onmouseout="this.className='root-out'; f_hide_footnote('menu_item_6');"><div class="left"><div class="right"><a href="/dealers/">Дилерам</a></div></div></div></td> <td><div class="root-out" id="main_menu_item_7" onmouseover="this.className='root-over'; f_show_footnote(event, 'menu_item_7');" onmouseout="this.className='root-out'; f_hide_footnote('menu_item_7');"><div class="left"><div class="right"><a href="/contacts/">Контакты</a></div></div></div></td> </tr> </tbody></table> </div></div></div> |
Спустя 7 минут, 25 секунд (29.08.2009 - 21:39) web-dev написал(а):
Народ делает вот так:
| HTML |
| <ul> <li>О компании</li> <li>Продукция</li> <li>Кредит</li> <li>Услуги</li> <li>Дилерам</li> <li>Контакты</li> </ul> |
Здесь расположена полная версия этой страницы.