Ergebnis 1 bis 10 von 10

Thema: Menüleiste positionieren

  1. #1
    nicolasdischinger
    Gast

    Standard Menüleiste positionieren

    Hallo,

    Ich möchte gerne meine Menüleiste Mittig zintrieren: http://dischinger.bplaced.net/NicolasDischinger.html

    Ich möchte gerne das die Menüleiste in der mitte platzieret wird, und wenn man die Seite größer macht das sie dann immer noch in der mitte ist.
    Und bei meiner Menüleiste stimmt i-was nicht, ich möchte das die breite der Menüleiste immer gleich ist denn die verschiebt sich immer wnen ich die seite größer / keiner mache
    Ich bitte um hilfe)

    vielen dank schonmal !)

    Hier ist der komplette Code der Seite:


    <html> <head> <title>Nicolas Dischinger</title> <style type="text/css"> html { background: url(http://img.webme.com/pic/n/nicolasdi...intergrund.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #menuleiste { text-align: left; position: absolute; margin-top: 250px; margin-left: 200px; top: -250px; width: 998px; height: 100px; border: 0px solid #FFF; } /* Standard Navigation */ /* Gesamtbreite der Navigation .*/ .menu{ border:none; border:0px; margin:0px; padding:0px; font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size:18px; font-weight:bold; border-bottom: 0px solid #ebc42b; } .menu ul{ background:#FFFFFF; height:65px; list-style:none; background:url(http://dischinger.bplaced.net/Menuleiste.png) repeat-x center top; margin:0; padding:0; } /* Einzelner Menüpunkt */ .menu li{ margin:0; padding:0px 2px 0 0; float:left; min-width: 105px; background:url(http://dischinger.bplaced.net/strich.png) no-repeat right center; } .menu li a{ background:#transparent url("http://img.webme.com/pic/n/nicolasdischinger/strich.png") bottom right no-repeat; color:#3a3b3b; padding:22px 2px 0 0; display:block; font-weight:normal; line-height:55px; margin:0px; padding:0px 16px; text-align:center; text-decoration:none; font-size: 13px; font-family:Arial, Helvetica, sans-serif; } /* Hover-Effekt des Menüpunktes .*/ .menu li a:hover, .menu ul li:hover a{ background:#f00 url(http://img.webme.com/pic/n/nicolasdischinger/strich.png) repeat-x center; color:#3a3b3b; } /* Submenü */ .menu li ul{ background:#F5F5F5; display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:170px; z-index:200; /*top:1em; /*left:0;*/ border-bottom: 3px solid #ebc42b; background-color: #F5F5F5; border-top: 3px solid #ebc42b; } .menu li:hover ul{ display:block; } .menu li li { background: none bottom left no-repeat; display:block; float:none; margin:0px; padding:0px; width:170px; } /* Schriftfarbe des Hover-Effekts beim Submenü .*/ .menu li:hover li a{ background:none; color:#3a3b3b; } /* Aussehen eines Untermenüpunktes*/ .menu li ul a{ display:block; height:35px; font-size:18px; font-style:normal; margin:0px; padding:0px 10px 10px 15px; text-align:left; } /* Hover-Effekt beim Untermenü */ .menu li ul a:hover, .menu li ul li:hover a{ background:#f00 url(http://img.webme.com/pic/h/hpbk-temp...rld/menu_a.gif) repeat-x center; border:0px; color:#3a3b3b; padding:0px 10px 10px 15px; text-decoration:none; } .menu p{ clear:left; } </style> <!-- Standardmenü --> <div id="menuleiste"><div class="menu"> <ul> <li><a href="http://hpbk-templateworld.de.tl/">Start</a></li> <li><a>Design-Center (129)</a></li> <li><a href="http://hpbk-templateworld.de.tl/Hilfe-Center.htm">Hilfe-Center</a></li> <li><a href="http://hpbk-templateworld.de.tl/Smiley-Center.htm">Smiley-Center</a></li> <li><a href="http://hpbk-templateworld.de.tl/Beispielseiten.htm">Beispielseiten</a></li> <li><a>Extras</a></li> <li><a href="http://hpbk-templateworld.de.tl/Blickpunkt-Baukasten.htm">Blickpunkt Baukasten</a></li> <li><a href="http://hpbk-templateworld.de.tl/Design-einreichen.htm">Kontakt</a></li> </ul> </div> </div> </body> </html> <table align="center" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="center" width="100%"> <style type="text/css"> <!-- --> </style>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: Menüleiste positionieren

    Absolute Positionierung macht nicht wirklich Sinn, wenn man zentrieren will. Entferne die Positionsangabe und top bei #menuleiste und margin auf 0 auto setzen

  3. #3
    nicolasdischinger
    Gast

    Standard AW: Menüleiste positionieren

    Kannst du mir bitte ein kleinen code zusammen stellen
    ?

  4. #4
    Bandit
    Gast

    Standard AW: Menüleiste positionieren

    Könnte ich, aber wegen Crossposting musst du auf meine Hilfe verzichten!!

    Auszug aus den Forenregeln:
    Inhalt von Beiträgen:
    Forum-Hilfe behält sich das Recht vor, jederzeit Beiträge zu löschen, zu verschieben oder zu überarbeiten, die nicht den Forumsregeln entsprechen. Dies geschieht ohne vorherige Information des Verfassers. Die User ist alleine für die von ihnen publizierten Inhalte (Texte; Bilder oder andere Veröffentlichungen) verantwortlich und bestätigt auch damit, das er keine Copyrightgeschütze Werke und Texte hier im Forum veröffentlicht.
    Verboten oder auch unerwünscht sind folgende Inhalte:

    • extrem politisch oder religiös orientierte Postings
    • strafbare, pornographische, jugendgefährdende, beleidigende oder ehrverletzende Inhalte
    • Warez oder fremde copyrightgeschütze Werke
    • E-Mail Adressen
    • Songtexte
    • persönliche Angaben wie Telefonnummern, Adressen usw (diese bitte per PN austauschen)
    • oder anderweitig inakzeptabel Postings, die hier nicht erfasst wurden, aber gegen geltendes Recht, die guten Sitten, allgemeines Moralempfinden oder eben gegen die Forenregeln verstossen.
    • Crosspostings - die gleiche Frage in mehreren anderen Foren gleichzeitig stellen

  5. #5
    nicolasdischinger
    Gast

    Standard AW: Menüleiste positionieren

    hab das andere gelöscht, woher wusstest du bitte das ich das auf ner anderen seite auch gefragt hab?

  6. #6
    Meister(in) Avatar von lukasn
    Registriert seit
    23.02.2008
    Ort
    Schweiz
    Alter
    27
    Beiträge
    491
    Danke
    2
    Bekam 12 mal "Danke" in 11 Postings

    Standard AW: Menüleiste positionieren

    Die meisten Helfer hier sind auf mehreren Foren tätig. Da fällt so was dann schnell auf

  7. #7
    nicolasdischinger
    Gast

    Standard AW: Menüleiste positionieren

    hab das andere gelöscht, woher wusstest du bitte das ich das auf ner anderen seite auch gefragt hab?

    - - - Aktualisiert - - -

    Ah ok
    Kann mir denn jetzt jemand helfen?

  8. #8
    Bandit
    Gast

    Standard AW: Menüleiste positionieren

    Versuch's mal mit
    Code:
    #menuleiste { 
        margin: 0 auto;
        width: 998px; 
        height: 100px; 
    }

  9. #9
    nicolasdischinger
    Gast

    Standard AW: Menüleiste positionieren

    wow, vielen dank für die antwort!
    Hat geklappt: http://dischinger.bplaced.net/design.html
    wie bekomm ich jetzt die navigationspunkte: home , ... , ... einbisschen nach rechts ? vielen dank!

  10. #10
    Bandit
    Gast

    Standard AW: Menüleiste positionieren


Ähnliche Themen

  1. Menüleiste einbinden
    Von Question-1 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 11.08.2012, 01:09
  2. Menüleiste verlinken
    Von StefanLutz im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 27.12.2009, 19:36
  3. menüleiste
    Von error im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 07.06.2007, 15:06
  4. verschachtelte Menüleiste
    Von Oracle007 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 10.05.2006, 00:38
  5. SIDEBAR..... MENÜLEISTE.... oder so^^
    Von gast im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 23.12.2005, 14:00

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •