| xXcyberXx |
28.11.2010 01:14 |
Hilfe css Menu center
Hi,
ich habe das Problem das mein Menu nicht center ist auf mein HP.
Das menu habe ich von dem Programm Button Shop 4 erstellt.
Website ist http://www.sexoentucasa.com direkt unter den Headerimage ist das Menü.
Wer kann mir helfen? Habe schon vieles versucht und bei google habe ich auch schon alles durchgekaut. Jetzt brauche ich helfe von jemand der ein bischen mehr Ahnung hat von den ganzen.
Danke im Voraus,
xXcyberXx
Der CSS code ist folgender:
Zitat:
#multi-level {position:relative; z-index:100;}
#multi-level .pad {float:right;}
ul#Menu {
# text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
# margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */
# }
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
#menu, #menu ul {list-style-type:none; padding:0; margin:0;}
/* Set up the top level list items and float left to place inline */
#menu li.top {display:block; float:left; position:relative; padding-right: 2px;}
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default top link link styling */
#menu li.top a.top_link {display:block; float:left; width:82px; height:51px;}
#menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */
/* Style the list OR link hover. Depends on which browser is used */
#menu a:hover {visibility:visible;} /* for IE6 */
#menu li:hover {position:relative; z-index:200;} /* for IE7 */
/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
#menu li a#b1:hover, #menu li:hover a#b1,
#menu li a#b2:hover, #menu li:hover a#b2,
#menu li a#b3:hover, #menu li:hover a#b3,
#menu li a#b4:hover, #menu li:hover a#b4,
#menu li a#b5:hover, #menu li:hover a#b5,
#menu li a#b6:hover, #menu li:hover a#b6
{background:transparent;}
/* set up the normal images in the links */
#menu li a#b1 {width:82px; background:url(Home.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b2 {width:214px; background:url(Sexo%20en%20Directo.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b3 {width:186px; background:url(Sexo%20Especial.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b4 {width:106px; background:url(Galeria.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b5 {width:84px; background:url(Gratis.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b6 {width:85px; background:url(Otros.png) no-repeat; display:block; float:left; height:51px;}
/* pre-load the mouse over images into the lists */
#menu li a#b1:hover, #menu li.b1:hover {width:82px; background:url(Home.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b2:hover, #menu li.b2:hover {width:214px; background:url(Sexo%20en%20Directo.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b3:hover, #menu li.b3:hover {width:186px; background:url(Sexo%20Especial.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b4:hover, #menu li.b4:hover {width:106px; background:url(Galeria.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b5:hover, #menu li.b5:hover {width:84px; background:url(Gratis.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b6:hover, #menu li.b6:hover {width:85px; background:url(Otros.png) no-repeat; display:block; float:left; height:51px;}
/* pre-load the mouse down images into the lists */
#menu li a#b1:active {width:82px; background:url(Home.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b2:active {width:214px; background:url(Sexo%20en%20Directo.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b3:active {width:186px; background:url(Sexo%20Especial.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b4:active {width:106px; background:url(Galeria.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b5:active {width:84px; background:url(Gratis.png) no-repeat; display:block; float:left; height:51px;}
#menu li a#b6:active {width:85px; background:url(Otros.png) no-repeat; display:block; float:left; height:51px;}
/* keep the 'next' level invisible by placing it off screen. */
#menu ul,
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
/* set up the first drop down sub level */
#menu :hover ul.sub {font-weight: bold; font-style: normal; text-decoration: none; left:0px; top:51px; background: #ffffff; padding: 2px; border:1px solid #808080; white-space:nowrap; width:305px; height:auto;}
#menu :hover ul.sub li {display:block; position:relative; float:left; width:303px; padding: 2px;}
#menu :hover ul.sub li a {font-weight: bold; font-style: normal; text-decoration: none; font-family:Comic Sans MS, arial, sans-serif; font-size:12px; display:block; background:#ffffff; text-indent:0px; color:#000000; border:1px solid #ffffff; padding: 2px;}
#menu :hover ul.sub li a.fly {font-weight: bold; font-style: normal; text-decoration: none; font-family:Comic Sans MS, arial, sans-serif; font-size:12px; background:#ffffff url(arrowright.gif) 297px 7px no-repeat; border:1px solid #ffffff; padding: 2px;}
#menu :hover ul.sub li a:hover {font-weight: bold; font-style: normal; text-decoration: none; font-family:Comic Sans MS, arial, sans-serif; font-size:13px; background:#00ffff; border:1px solid #00ffff; color:#000000; padding: 2px;}
#menu :hover ul.sub li a.fly:hover {font-weight: bold; font-style: normal; text-decoration: none; font-family:Comic Sans MS, arial, sans-serif; font-size:13px; background:#00ffff url(arrowright.gif) 297px 7px no-repeat; border:1px solid #00ffff; color:#000000; padding: 2px;}
#menu :hover ul li:hover > a.fly {font-weight: bold; font-style: normal; text-decoration: none; font-family:Comic Sans MS, arial, sans-serif; font-size:13px; background:#00ffff url(arrowright.gif) 297px 7px no-repeat; border:1px solid #00ffff; color:#000000; padding: 2px;}
/* set up the flyout levels when hovering */
#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:305px; top:0px; background:#ffffff; padding: 2px; border:1px solid #808080; white-space:nowrap; width:305px; z-index:200; height:auto; z-index:300;}
|
|
