выдвижное меню на css

вот код, покажите, что куда прописывать

<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8" />
<title>CSS3 onclick Vertical Metal menu | Script Tutorials</title>

<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/menu.css" type="text/css" media="screen">
</head>
<body>
<div class="container">

<ul id="nav">
<li><a href="#"><img src="images/t1.png" /> Home</a></li>
<li><a href="#" class="sub" tabindex="1">
<img src="images/t2.png" />HTML/CSS</a><img src="images/up.gif" alt="" />
<ul>
<li><a href="#"><img src="images/empty.gif" />Link 1</a></li>
<li><a href="#"><img src="images/empty.gif" />Link 2</a></li>
<li><a href="#"><img src="images/empty.gif" />Link 3</a></li>
<li><a href="#"><img src="images/empty.gif" />Link 4</a></li>
<li><a href="#"><img src="images/empty.gif" />Link 5</a></li>
</ul>
</li>
</ul>

</div>
</body>
</html>
 
между тегами
<head>
</head>
а файлы стилей положи в папку css
 
yaskin2 написал(а):
между тегами
<head>
</head>
а файлы стилей положи в папку css
Нажмите для раскрытия...
скрипт у меня в
<head>
</head> , а вот куда стили подставлять и правильно прописывать не знаю. пробовал не получается. выше прилагается весь код и скрипт, если можно наглядно покажите если не сложно или за $
 
У тебя в меню присутствует псевдокласс :focus. Грубо говоря, если пункт меню не в фокусе, то подменю присваивается значение display: none; иначе говоря не отображается.
По моему проще на js обработчик написать, как денис предложил.
 
yaskin2 написал(а):
У тебя в меню присутствует псевдокласс :focus. Грубо говоря, если пункт меню не в фокусе, то подменю присваивается значение display: none; иначе говоря не отображается.
По моему проще на js обработчик написать, как денис предложил.
Нажмите для раскрытия...
так я эту тему и обсуждал, пока вы не предложили другой вариант. а со скриптом изложенным денис выше у меня не получается правилино подключить стили. сам скрипт в тег хэд поставил, а стили не знаю как прописать
 
чудо) Лови архив... менюха старая, года три назад делал.. сейчас-бы немного по другому сделал)
Но в целом как учебное пособие пойдёт.
ИД=current отвечает за текущую страницу.
 

Вложения

  • menu.zip
    22 KB · Просмотры: 5
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху