Mouse-Over-Navileiste in CSS soll mittig sein


 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> CSS
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Milano
Gast

BeitragMouse-Over-Navileiste in CSS soll mittig sein Antworten mit Zitat

axinio Internet Marketing
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
wpSEO, das Plugin für WordPress SEO
Werner
Homepage-Total.de
Moderator

Beitrag Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Milano
Mitglied

Beitrag Antworten mit Zitat

super, hat geklappt.
Allerdings habe ich einen Wert von 150 genommen, da mir dieses Menü zentriert erscheint.
Danke!
10 Jul 2007 19:32
Benutzer-Profile anzeigen Private Nachricht senden
Werner
Homepage-Total.de
Moderator

Beitrag Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Milano
Mitglied

Beitrag Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
axinio Internet Marketing
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> CSS Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  

Ähnliche Beiträge
Thema Webmaster Forum Antw. Autor Verfasst am
Keine neuen Beiträge mouse-over auf Bild soll CCS der Text... Javascript 1 hanna 15 Aug 2011 15:56 Letzten Beitrag anzeigen
Keine neuen Beiträge mouse over auf bild setzt css von tex... Hilfe für Webmaster 1 hanna 15 Aug 2011 15:34 Letzten Beitrag anzeigen
Keine neuen Beiträge Was soll ich tun, wenn mein Internetc... Hilfe für Webmaster 11 Steffen_1971 23 Feb 2011 18:28 Letzten Beitrag anzeigen
Keine neuen Beiträge Diashowscipt soll nicht anhalten! PHP / MySQL 0 Tobi 09 Jun 2010 19:39 Letzten Beitrag anzeigen
Keine neuen Beiträge Aufklappmenü soll wieder zugehen! Javascript 1 Munni 11 Jan 2008 19:01 Letzten Beitrag anzeigen