hallo!
habe heute dieses menü gesehen
http://www.tutorials-db.com/articles/Coding_a_Smooth_CSS_Expanding_Navigation/
würd gerne wissen ob man das ohne jscript auch so hinbekommt! such nämlich eh schon seit ner halben ewigkeit :-/
danke & lg
ps:
mein html code:
css:
habe heute dieses menü gesehen
http://www.tutorials-db.com/articles/Coding_a_Smooth_CSS_Expanding_Navigation/
würd gerne wissen ob man das ohne jscript auch so hinbekommt! such nämlich eh schon seit ner halben ewigkeit :-/
danke & lg
ps:
mein html code:
Code:
<div class="menue">
<ul>
<li><a href="#">Test1</a></li>
<li><a href="#">Test1</a></li>
<ul class="unterpkt">
<li><a href="#">Unterpkt1</a></li>
<li><a href="#">Unterpkt1</a></li>
<li><a href="#">Unterpkt1</a></li>
</ul>
<li><a href="#">Test1</a></li>
</ul>
</div>
css:
Code:
ul{
list-style:none;
width:135px;}
ul a {
color: #FFF;
text-decoration: none;
display: block;
padding: 5px 5px 5px 10px;
width: 125px;
background: #333;
}
ul a:hover {
color: #4BD8FF;
text-decoration: none;
background: #3C3C3C;
}
ul li {
border-bottom: 1px solid #FFF;
float: left;
position: relative;
}
.unterpkt{
display:none;}