Hallo,
ich möchte gerne das Untermenü so darstellen:
http://www.file-upload.net/view-1534181/navi2.jpg.htmlhttp://www12.file-upload.net/18.03.09/gz8l.jpg
Zur Zeit wird es aber leider so dargestellt:
http://www.file-upload.net/view-1534177/navi1.jpg.htmlhttp://www12.file-upload.net/18.03.09/c7jbir.jpg
Hier ist die dazugehörige CSS:
Code
#sidebar
{
position: relative;
margin-top: 0px;
margin-left: -1px;
width: 249px;
float: left;
}
#sidebar h2
{
position: relative;
font-size: 16px;
color: #656551;
background: url(images/border.gif) bottom repeat-x;
padding:0 0 15px 0 ;
margin: 10px 0;
text-transform:uppercase;
font-family:Arial, Georgia, Tahoma, Verdana, Serif;
}
img.profile
{
position: relative;
top: -2px;
background: url(images/a26.gif) no-repeat;
width: 146px;
height: 75px;
padding: 7px;
}
#sidebar ul
{
list-style:none;
padding: 0 0px;
margin: 0 0 20px 0;
}
#sidebar ul li
{
padding: 0px 0;
margin:0;
}
#sidebar ul ul
{
padding-top: 4px;
padding-bottom: 4px;
margin:0;
}
#sidebar ul li a {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
background: #F5F5F5;
border-bottom: 1px solid #DDDDDF;
text-decoration:none;
font-weight: bold;
text-transform:uppercase;
color: #3a3a3a;
display: block;
}
#sidebar ul li a:hover, #sidebar ul li.current_page_item a {
background: #D7D7D7;
}
#sidebar ul li ul li a {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
text-decoration:none;
text-transform:none;
font-color: #000000;
}
#sidebar ul li ul li a:hover {
font-color: #D7D7D7;
}
#sidebar ul.feeds
{
margin-left:20px;
}
#sidebar ul.feeds li
{
list-style-image:url(images/feed.gif);
margin:5px 0;
padding:0;
}
Kann mir jemand vielleicht kurz sagen, bzw. erklären wo der Fehler liegt?
Vielen Dank!