Dank dem TIPP von owr_bgld VIELEN DANK
habe ich mein CSS modiviziert und nun ist es gelungen ;o)
Code: Select all
#nav ul li {
float: left;
display: inline;
line-height: 16px;
list-style: none;
floating : left;
float: left;
margin: 0 0 0 -40px;Ursprüngliche Frage:
___________________________________________________________
Hallo, vielleicht kann mir einer von euch helfen ;o)
http://volleyball.al-d82.net/vbcms/index.php
Habe folgendes Problem:
Mein Menü ist zu weit rechts
(Wie bekomme ich es hin, dass die Navigation so weit links anfängt wie "TEST TEST"
Menü wird
Code: Select all
<div id="nav">
{menu collapse="1"}
</div>CSS dazu
Code: Select all
#nav {
padding-bottom: 40px;
width: 190px;
}
/* leave the padding-bottom in the #nav if you want some space between the navigation and the photos in the left column */
#nav ul li {
display: inline;
line-height: 16px;
list-style: none;
}
#nav ul li a {
border-bottom: 1px solid #c9dcea;
color: #fff;
display: block;
padding: 5px;
text-decoration: none;
width: 190px;
}
/* remove the 'text-decoration: underline;' in #nav li a:hover if you don't want the links in the left nav menu to be underlined when the user hovers over them with their mouse */
#nav li a:hover {
background: #c9dcea url(uploads/tgoffenau/selector.gif) center right no-repeat;
color: #000;
}
/* the following 3 rules are for the submenu, if you removed the submenu remove these rules as well */
#nav ul ul li {
line-height: 10px;
border-bottom: none;
background: #FD9898;
}
#nav ul ul li a {
border-bottom: 1px dashed #ffffff;
background: #FD9898;
color: #FE0000;
text-indent: 10px;
}
#nav ul ul li a:hover {
color: #000000;
background-image: url(uploads/tgoffenau/selector_sub.gif);
}
#nav ul ul ul li {
line-height: 15px;
border-bottom: none;
background: #FFB8B7;
}
#nav ul ul ul li a {
border-bottom: 1px dotted #ffffff;
background: #FFB8B7;
color: #FE0000;
text-indent: 15px;
}
#nav ul ul ul li a:hover {
color: #000000;
background-image: url(uploads/tgoffenau/selector_sub.gif);
}
#nav ul ul ul ul li {
line-height: 18px;
border-bottom: none;
background: #FFE1E1;
}
#nav ul ul ul ul li a {
border-bottom: 1px dotted #ffffff;
background: #FFE1E1;
color: #FE000;
text-indent: 18px;
}
#nav ul ul ul ul li a:hover {
color: #000000;
background-image: url(uploads/tgoffenau/selector_sub.gif);
}
...