Hilfe bei Style-Frage ...
Verfasst: 22. Jul 2009, 20:15
Ich bin gerade dabei, mir aus verschiedenen Styles was eigenes zusammenzuschnippeln, was mir aber ob mangelnder (oder anders gesagt: nicht vorhandener) css-Kenntnisse einige Probleme bereitet.
Ich hab' jetzt so eine Menüleiste aus einem Style eingebaut, da treten aber folgende Probleme auf:

Wie man sieht, sind links des Menüs diese dämlichen Schrägstriche
. Die sollen da weg.
Ich glaube auch, durch Probieren herausgefunden zu haben, dass die durch folgende Code-Zeile entstehen:
Wenn ich die weglasse, sind die Striche weg, aber die Schrift, die in der Box unten angezeigt wird sitzt nicht mehr mittig

Der gesamte Code für das Menü sieht so aus:
Könnte mir jemand sagen, wie ich diese dämlichen Schrägstriche eliminieren, aber gleichzeitig die Zentrierung des Textes unten behalten kann?
mfg
Seant
Ich hab' jetzt so eine Menüleiste aus einem Style eingebaut, da treten aber folgende Probleme auf:

Wie man sieht, sind links des Menüs diese dämlichen Schrägstriche

Ich glaube auch, durch Probieren herausgefunden zu haben, dass die durch folgende Code-Zeile entstehen:
Code: Alles auswählen
.framemenubg div[align="center"] { position: absolute; top: 0px; left: 0px; text-align: left !important; height: 65px; width: 280px; }


Der gesamte Code für das Menü sieht so aus:
Code: Alles auswählen
/* > Menu-Frame */
.framemenubg { font-size: 1px; background: #FFFFFF; color: #ECEAEA; }
.framemenubg:before { content: ""; display: block; margin: 43px 0px 0px 80px; color: #FAFAFA; width: 118px; height: 13px; border: 1px solid #222222; background: #FAFAFA; }
.framemenubg a { position: absolute; font-size: 1px; color: #F7F7F7; background-color: #F7F7F7 !important; border: 1px solid #222222; opacity: 0.80; line-height: 200%; white-space: nowrap; }
.framemenubg a:hover { text-decoration: none; opacity: 1.00; }
.framemenubg a:hover:after { display: block; color: #5E5E5E; font-size: 11px; line-height: 100%; white-space: nowrap; }
.framemenubg div[align="center"] { position: absolute; top: 0px; left: 0px; text-align: left !important; height: 65px; width: 280px; }
/* > > Symbole im Menu-Frame */
.framemenubg a[href*="reload=true"] { left: 8px; top: 3px; width: 23px; height: 31px; background: url(menu1.png) no-repeat 1px 2px; padding-left: 6px; border-right: 0px; }
.framemenubg a[href*="reload=true"]:hover:after { content: "Aktualisieren"; margin: 38px 0px 0px 88px; }
.framemenubg a[href*="statsmap.php"] { left: 38px; top: 3px; width: 29px; height: 31px; background: url(menu2.png) no-repeat 1px 2px; border-left: 0px; border-right: 0px; }
.framemenubg a[href*="statsmap.php"]:hover:after { content: "Karte"; margin: 38px 0px 0px 87px; }
.framemenubg a[href*="http://forum.freewar.de/index.php"] { left: 67px; top: 3px; width: 29px; height: 31px; background: url(menu3.png) no-repeat 1px 2px; border-left: 0px; border-right: 0px; }
.framemenubg a[href*="http://forum.freewar.de/index.php"]:hover:after { content: "Forum"; margin: 38px 0px 0px 56px; }
.framemenubg a[href*="profil.php"] { left: 96px; top: 3px; width: 29px; height: 31px; background: url(menu4.png) no-repeat 0px 2px; border-left: 0px; border-right: 0px; }
.framemenubg a[href*="profil.php"]:hover:after { content: "Einstellungen"; margin: 38px 0px 0px 7px; }
.framemenubg a[href*="action=archive"] { left: 125px; top: 3px; width: 30px; height: 31px; background: url(menu5.png) no-repeat 1px 2px; border-left: 0px; border-right: 0px; }
.framemenubg a[href*="action=archive"]:hover:after { content: "Archiv"; margin: 38px 0px 0px -2px; }
.framemenubg a[href*="friends.php"] { left: 155px; top: 3px; width: 29px; height: 31px; background: url(menu6.png) no-repeat 1px 2px; border-left: 0px; border-right: 0px; }
.framemenubg a[href*="friends.php"]:hover:after { content: "Freunde"; margin: 38px 0px 0px -37px; }
.framemenubg a[href*="stats.php"] { left: 184px; top: 3px; width: 29px; height: 31px; background: url(menu7.png) no-repeat 1px 2px; border-left: 0px; border-right: 0px; }
.framemenubg a[href*="stats.php"]:hover:after { content: "Statistik"; margin: 38px 0px 0px -66px; }
.framemenubg a[href*="support.php"] { left: 213px; top: 3px; width: 29px; height: 31px; background: url(menu8.png) no-repeat 1px 2px; border-left: 0px; border-right: 0px; }
.framemenubg a[href*="support.php"]:hover:after { content: "Support"; margin: 38px 0px 0px -95px; }
.framemenubg a[href*="logout.php"] { left: 242px; top: 3px; width: 29px; height: 31px; background: url(menu9.png) no-repeat 1px 2px; border-left: 0px; }
.framemenubg a[href*="logout.php"]:hover:after { content: "Logout"; margin: 38px 0px 0px -121px; }
.framemenubg a[href*="admin.php"] { right: 8px; bottom: 5px; width: 23px; height: 17px; background: url(menu10.png) no-repeat 3px 1px; padding: 0px 3px 1px 0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; opacity: 1.00; }
.framemenubg a[href*="admin.php"]:hover:after { content: "Admin"; margin: 1px 0px 0px -123px; }
.framemenubg a[href*="showallmsgs=1"] { position: static; display: block; border: 0px; color: #ECEAEA !important; width: 10px; margin: 42px 0px 0px -25px; background: transparent !important; opacity: 1.00; }
.framemenubg a[href*="showallmsgs=1"]:hover:after { content: "Neue Nachricht"; display: block; margin-left: 124px; }
.framemenubg a[href*="showallmsgs=1&zeromsg=1"] { position: absolute; left: 8px; bottom: 5px; color: #ECEAEA !important; width: 8px; height: 18px; background: url(menu11.png) no-repeat 3px 1px #F7F7F7 !important; margin-left: 0px; padding: 0px 2px 0px 25px; border: 1px solid #222222; }
.framemenubg a[href*="showallmsgs=1&zeromsg=1"]:before { content: "0"; display: block; color: #2C6C98 !important; font-size: 11px; margin-bottom: 25px; padding: 3px 0px 0px 2px; line-height: 100%; }
.framemenubg a[href*="showallmsgs=1&zeromsg=1"]:hover:after { content: "Keine Nachricht"; margin: -38px 0px 0px 64px; }
.framemenubg blink { position: absolute; left: 8px; bottom: 5px; font-size: 11px; color: #D20000; height: 14px; background: url(menu12.png) no-repeat 3px 1px #F7F7F7; padding: 3px 2px 1px 25px; border: 1px solid #222222; line-height: 100%; text-decoration: blink; }
mfg
Seant