mam kod mojego rozwijanego menu i jest mały problem gdzie mam wkleić CSS, żeby to działało?
<div>
<ul id="menu">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a>
<ul>
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a>
<ul>
<li><a href="#">Subsubmenu 1</a></li>
<li><a href="#">Subsubmenu 2</a></li>
<li><a href="#">Subsubmenu 3</a>
<ul>
<li><a href="#">Czwarty poziom</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Submenu 4</a></li>
</ul>
</li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a>
<ul>
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a></li>
<li><a href="#">Submenu 4</a></li>
</ul>
</li>
</ul>
</div>
i kod CSS
*{
padding:0;
margin:0;
}
body{
text-align:center;
}
div{
display:inline-block;
}
a{
display:block;
color:#fff;
text-decoration:none;
font-weight:bold;
height:20px;
padding:4px 0;
}
ul#menu{
list-style: none;
padding: 0;
margin: 0;
}
ul#menu li{
float: left;
position: relative;
width: 150px;
background-color:#000;
}
ul#menu li ul li{
position: relative;
}
ul#menu li ul{
list-style: none;
visibility:hidden;
position: absolute;
width:150px;
top: 28px;
left: 0;
}
ul#menu li ul li ul{
list-style: none;
visibility:hidden;
position: absolute;
width:150px;
top: 0;
left: 150px;
}
ul#menu li:hover{
background-color:#999;
}
ul#menu li:hover > ul{
visibility:visible !important;
}
Diva wrzucasz do body, a kod CSS musisz zapisać w pliku stylesheet.css
i potem podajesz w <head> jak ma sie to tego pliku odwołać.
Przykład:
<html>
<head>
tutaj dodajesz ścieżke do pliku css:
<link rel="stylesheet" type="text/css" media="screen" href="stylesheet.css" />
jeśli masz ten plik zapisany w jakims foderze (np. css) to ścieżka (href) musi wyglądać wtedy tak href="css/stylesheet.css"
</head>
<body>
tutaj wklejasz kod div
<div>
<ul id="menu">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a>
<ul>
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a>
<ul>
...
</div>
</body>
</html>
Jeśłi nie bedzi ci działać to mozesz napisac do mnie na priva, a jak byś mi to posłal to nie porblemu żebym ci to wrzucił na strone.