Hallo ich habe das AS Template 002038 Premium, nun wird das menü vo mrechten Rand aus angefangen ausgerichtet, also das Menü schiebt sich von rechts nach links. Ich möchte es aber genau umgekehrt haben.
Find im css aber nichts passend, bzw das einfügen von: float: left; hilft nicht.
Hier mal der css teil:
Find im css aber nichts passend, bzw das einfügen von: float: left; hilft nicht.
Hier mal der css teil:
Code:
/********** Top Menu ***************************************************************/
#header .row1 #topmenu
{
height: 40px;
margin: 40px 15px 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 20;
text-align: center;
}
#header .row1 #topmenu ul.menu
{
float: right;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
list-style-type: none;
overflow: visible;
}
#header .row1 #topmenu ul.menu li
{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
position: relative;
list-style: none;
background: none;
z-index: 100;
overflow: visible;
display: none;
}
#header .row1 #topmenu ul.menu li.toplevel
{
background-image: url(../images/sep.menu.png);
background-repeat: no-repeat;
background-position: right top;
height: 35px;
}
#header .row1 #topmenu ul.menu li a
{
display: block;
padding: 0px 6px 0px 6px;
font-weight: normal;
text-decoration: none;
border: none;
border-style: none;
outline-style: none;
position: relative;
}
#header .row1 #topmenu ul.menu li.current a,
#header .row1 #topmenu ul.menu li.active a,
#header .row1 #topmenu ul.menu li.actives a,
#header .row1 #topmenu ul.menu li:hover a
{
display: block;
}
#header .row1 #topmenu ul.menu li span
{
display: block;
}
#header .row1 #topmenu ul.menu ul
{
width: 200px;
display: none;
margin: 0px 0px 0px 0px;
padding: 18px 0px 0px 0px;
top: 35px;
left: 3px;
position: absolute !important;
z-index: 0 !important;
overflow: visible;
text-shadow: none;
}
#header .row1 #topmenu ul.menu > ul > li
{
float: none !important;
}
#header .row1 #topmenu ul.menu ul li
{
width: 200px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}
#header .row1 #topmenu ul.menu ul li a
{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 20px !important;
text-align: left;
display: block;
text-decoration:none;
outline-style: none;
border: none;
background-image: none;
}
#header .row1 #topmenu ul.menu li.current ul a,
#header .row1 #topmenu ul.menu li.active ul a,
#header .row1 #topmenu ul.menu li.actives ul a,
#header .row1 #topmenu ul.menu li:hover ul a
#header .row1 #topmenu ul.menu ul li a,
#header .row1 #topmenu ul.menu ul li a:hover
{
background-image: none;
}
#header .row1 #topmenu ul.menu ul li.parent
{
background-position: top right;
}
#header .row1 #topmenu ul.menu ul ul
{
width: 200px;
display: none;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 1px;
top: -15px;
left: 195px;
background-color: transparent;
}
#header .row1 #topmenu ul.menu ul ul li
{
width: 200px;
}
#header .row1 #topmenu ul.menu ul ul li a
{
padding: 0;
text-align: left;
display: block;
text-decoration: none;
}
#header .row1 #headerimg
{
float: right;
}