| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
Milano
Gast
|
 Mouse-Over-Navileiste in CSS soll mittig sein |
 |
|
Hallo,
ich möchte ganz gern die Rollover-Buttons oder wie ich das nennen soll, ganz gerne mittig setzen und hier ist ein Beispiel:
http://exploding-boy.com/images/cssmenus/menus.html
mein HTML-Code sieht so aus: | Code: | <div id="menu_oben">
<ul>
<li><a href="?path=start" title="Startseite"><span>Home</span></a></li>
<li><a href="?path=contact" title="Kontakt"><span>Kontakt</span></a></li>
<li><a href="?path=content&contentid=4" title="Impressum"><span>Impressum</span></a></li>
<li><a href="?path=rechtliches" title="rechtliche Informationen"><span>Rechtliches</span></a></li>
<li><a href="?path=discclaimer" title="Disclaimer"><span>Disclaimer</span></a></li>
<li><a href="#" title="Link 6"><span>Link 6</span></a></li>
<li><a href="#" title="Link 7"><span>Link 7</span></a></li>
</ul>
</div> |
und mein CSS-Code sieht so aus:
| Code: | #menu_oben {
text-align: center;
float:left;
width:100%;
background:#F4F4F4;
font-size:93%;
line-height:normal;
border-bottom:1px solid #24618E;
margin: 0;
padding: 0;
text-align: center;
}
#menu_oben ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#menu_oben li {
display:inline;
margin:0;
padding:0;
}
#menu_oben a {
float:left;
background:url("http://www.asianangels.de/portal/images/style/AsianAngels/tableftJ.gif") no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}
#menu_oben a span {
float:left;
display:block;
background:url("http://www.asianangels.de/portal/images/style/AsianAngels/tabrightJ.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu_oben a span {float:none;}
/* End IE5-Mac hack */
#menu_oben a:hover span {
color:#FFF;
}
#menu_oben a:hover {
background-position:0% -42px;
}
#menu_oben a:hover span {
background-position:100% -42px;
}
body {
font-size: 15px;
font-weight: bold;
text-align: center;
} |
wäre toll, wenn einer helfen könnte, denn an diesem "Problem" sitze ich seit Sonntag und komme einfach nicht weiter.
Also,
die Mouse-Over-Navigation soll mittig sein, nicht links ausgerichtet. |
|
|
|
| 10 Jul 2007 18:19 |
|
  |
Werner
Homepage-Total.de
Moderator
|
|
|
|
Eine Möglichkeit wäre mit padding-left:
| Code: | div id="menu_oben" style="padding-left: 100px;"> |
b.z.w
| Code: | #menu_oben {
padding-left: 100px;
... |
Oder das DIV in ein anderes DIV einbauen und dieses mit "text-align: center" zu zentrieren. |
_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt |
|
|
| 10 Jul 2007 19:10 |
|
|
Milano
Mitglied
|
|
|
|
super, hat geklappt.
Allerdings habe ich einen Wert von 150 genommen, da mir dieses Menü zentriert erscheint.
Danke! |
|
|
|
| 10 Jul 2007 19:32 |
|
|
Werner
Homepage-Total.de
Moderator
|
|
|
|
| Milano hat Folgendes geschrieben: | super, hat geklappt.
Allerdings habe ich einen Wert von 150 genommen, da mir dieses Menü zentriert erscheint.
Danke! |
Ich habe nur geraten, wusste nicht wie breit der Inhalt deiner Seite ist! |
_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt |
|
|
| 10 Jul 2007 19:44 |
|
|
Milano
Mitglied
|
|
|
|
je mehr Buttons Du erstellst, desto kleiner muß der Wert sein.
meine Seite ist auf 1024 Pixel festgesetzt und ist mittig. |
|
|
|
| 10 Jul 2007 20:02 |
|
|
|
