- Kod: Zaznacz cały
<div id="menu">
<ul>
<li><a href="#">odnośnik</a></li>
<li><a href="#">odnośnik</a></li>
<li><a href="#">odnośnik</a></li>
<li><a href="#">odnośnik</a></li>
<li><a href="#">odnośnik</a></li>
<li><a href="#">odnośnik</a></li>
<li><a href="#">odnośnik</a></li>
<li><a href="#">odnośnik</a></li>
</ul>
</div>
i do tego css:
- Kod: Zaznacz cały
#menu
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul {
width: 800px;
align:center;
float: left;
background: #000 url(menu/tlo2.jpg);
padding: 1px 0 1px 1px;
border: 1px solid #000;
}
ul li {
float: left;
}
ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: #000 url("menu/tlo2.jpg") repeat-x center;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}
ul a:hover {
background-color: #800;
background-image: url("menu/tlo.gif");
}
Moje pytanie brzmi następująco: Co zrobić żeby po najechaniu na poszczególne odnośniki, wysuwały się kolejne odnośniki w kolumnie?
Będe wdzięczny za szybką odpowiedź... Bardzo Pilne!!!
Pozdrawiam.