Вы пришли к нам на портал что бы скачать\посмотреть
Красивое меню c выпадающим подменю на CSS, если возникнут вопросы по данному файлу
Красивое меню c выпадающим подменю на CSS, вы всегда можете задать свой вопрос на нашем
форуме.
С уважением, администрация isucoz.com.
Скачать Красивое меню c выпадающим подменю на CSS
Начнем с модифицированной HTML разметки:
Code
<div id="navigation">
<ul>
<li><a href="index.php" class="link1">Home</a></li>
<li><a href="metal" class="drop link2">Metal<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="gold.php">Gold</a></li>
<li><a href="aluminum.php">Aluminum</a></li>
<li><a href="brass.php">Brass</a></li>
<li><a href="stainless-steel.php">Stainless Steel</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="plastic" class="drop link3">Plastic<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="polyethelene.php">Polyethelene</a></li>
<li><a href="polycarbonate.php">Polycarbonate</a></li>
<li><a href="fiberglass.php">Fiberglass</a></li>
<li><a href="pvc.php">PVC</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="services.php" class="drop link4">Services<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul style="height:240px;top:-40px;">
<li><a href="art.php">Art</a></li>
<li><a href="design-for-manufacturing.php">Design For Manufacturing</a></li>
<li><a href="prototyping.php">Prototyping</a></li>
<li><a href="quickturn.php">Quickturn</a></li>
<li><a href="safety-design.php">Safety Design</a></li>
<li><a href="kits-and-assembly.php">Kits & Assembly</a></li>
<li><a href="rfq.php">Request For Quote</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="news.php" class="link5">News</a></li>
<li><a href="catalog.php" class="link6">Catalog</a></li>
<li><a href="about.php" class="link7">About Us</a></li>
<li><a href="contact.php" class="link8">Contact</a></li>
<li><a href="users.php" class="link9">Registered Users</a></li>
</ul>
</div>
Что касается CSS, то код здесь довольно объемный и я не вижу смысла полностью его выкладывать здесь. Я поместил его в отдельных файл и подключил к основному документы следующим образом:
Code
<link href="reset.css" type="text/css" rel="stylesheet" />
<link href="menustyle.css" type="text/css" rel="stylesheet" />
Смотрим пример!
Кому понравилось ставим +
У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт!
Счетчик тИЦ и ПР.