css:
Kôd:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #fff;
color: #000;
}
#box_headline ul {
list-style-type:none;
padding:0px;
margin: 0px;
}
#box_headline ul li {
background-color: #eee;
font-weight: bold;
}
#box_headline ul ul {
border-top: 1px solid red;
}
#box_headline ul ul li {
background-color: #fff;
font-weight: normal;
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: .2em .4em;
font-size: 10px;
padding-left: 1em;
padding-bottom: .3em;
}
#box_headline ul ul li a {
color: #000000;
text-decoration: none;
}
#box_headline ul ul li a:hover {
text-decoration: underline;
}
html:
Kôd:
<div id="box_headline">
<ul>
<li>Lorem Ipsum
<ul>
<li><a href="#">Lorem Ipsum Lorem Ipsum</a></li>
</ul>
</li>
</ul>
<ul>
<li>Lorem Ipsum
<ul>
<li><a href="#">Lorem Ipsum Lorem Ipsum</a></li>
<li><a href="#">Lorem Ipsum Lorem Ipsum</a></li>
</ul>
</li>
</ul>
</div>