zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hilfe css Menu center

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.11.2010, 02:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.11.2010
Beiträge: 2
xXcyberXx befindet sich auf einem aufstrebenden Ast
Standard 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;}

Geändert von xXcyberXx (28.11.2010 um 02:38 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.11.2010, 02:28
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 07.04.2005
Ort: Kuchen
Beiträge: 119
Dani@okraina befindet sich auf einem aufstrebenden Ast
Standard

Benutz bitte den Code-Tag das kann doch kein mensch lesen... vielleicht bin ich auch zu müde Gute Nacht
__________________
Gruß
Dani
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.11.2010, 02:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.11.2010
Beiträge: 2
xXcyberXx befindet sich auf einem aufstrebenden Ast
Standard

was meinst du mit code tag????
Mit Zitat antworten
  #4 (permalink)  
Alt 28.11.2010, 10:31
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

dein CSS ist so schlecht strukturiert, das schaut sich kaum jemand genau an.

Elemente werden horizontal zentriert indem sie eine Breite und margin:0 auto; bekommen.
Bei gefloateten Elementen funktioniert das jedoch so nicht.

Dein Dokument enthält grobe techn. Fehler. Validiere erstmal bevor man sich über Fehlerbeseitigung unterhalten kann.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #5 (permalink)  
Alt 28.11.2010, 20:38
Neuer Benutzer
neuer user
 
Registriert seit: 28.11.2010
Beiträge: 1
Messie befindet sich auf einem aufstrebenden Ast
Standard

1. Bei mir ist das horizontale Menü center.

2. Würde mich wundern, wenn sich jemand in diesen CSS-Salat eines Baukasten-Systems reindenkt.

3. Immer diese Sexseiten
__________________
Haartransplantationen
Mit Zitat antworten
  #6 (permalink)  
Alt 28.11.2010, 20:51
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Zitat:
Zitat von Messie Beitrag anzeigen
1. Bei mir ist das horizontale Menü center.
Messie, der Code auf der verlinkten Seite wurde seit gestern verändert. Es wäre nett vom Themenstarter, wenn er das von selbst mitteilen würde.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS Problem mit Menu Alomaman CSS 2 19.06.2010 15:58
Kindelement eines ausgeblendeten Elternelementes ansprechen wandler CSS 7 19.06.2010 02:32
Drop Down Menu Positionsproblem Schky CSS 4 21.04.2008 14:09
Brauche Hilfe bei preg_match | CSS im Newssystem Zen5656 Serveradministration und serverseitige Scripte 21 19.01.2007 16:33
Horizontale Leiste mit Css und xhtml formatieren bettina CSS 1 06.01.2007 13:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:01 Uhr.