Ergebnis 1 bis 8 von 8

Thema: Navigationspunkte zentrieren

  1. #1
    Meister(in)
    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard Navigationspunkte zentrieren

    Hallo,

    ich bin zur Zeit am erstellen folgender Page!
    http://danielsfotos.com

    Hier soll eine horizontale Navigation sein, welche einen festen Hintergrund hat, ohne einzelne Buttons. Ich wollte mal fragen, ob es eine Möglichkeit gibt, die Navigationspunkte jeweils in deren übergeordnetes <li> - Element zu zentrieren, damit ich nicht mit padding herumspielen muss.

    MfG

    Code:
    /* NAVIGATION TOP */
    
    div#navigation {
        width: 600px;
        height: 50px;
        margin: 0;
        background: url(../images/navigation_background.png) no-repeat;
        font: "Myriad Pro", Arial, sans-serif;
        font-size: 25px;
        }
        
    div#navigation ul {
        list-style-type: none;
        }
        
    div#navigation li {
        float: left;
        clear: left;
        position: relative;
        line-height: 50px;
        }
    
    div#navigation a {
        width: 100px;
        display: block;
        background: transparent;
        text-decoration: none;
        color: white;
        }    
    
    div#navigation a:hover {
        background: transparent;
        color: #CCC;
        text-decoration: none;
        }
    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 !!!!!
    Geändert von Billbos (19.05.2011 um 20:40 Uhr)

  2. #2
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Navigationspunkte zentrieren


  3. #3
    Meister(in)
    Themenstarter

    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Navigationspunkte zentrieren

    Danke schonmal! Habe mir das soweit jetzt durchgelesen und versucht etwas zu verändern, aber wirklich getan hat sich nichts?!?!?
    http://danielsfotos.com


    Code:
    div#navigation {
        width: 600px;
        height: 50px;
        margin: 0;
        background: url(../images/navigation_background.png) no-repeat;
        font: "Myriad Pro", Arial, sans-serif;
        font-size: 25px;
        }
        
    div#navigation ul {
        list-style-type: none;
        }
        
    div#navigation li {
        float: left;
        position: relative;
        line-height: 50px;
        text-align: left;
        }
    
    div#navigation a {
        width: 100px;
        display: block;
        background: transparent;
        text-decoration: none;
        color: white;
        top: 50%;
        left: 50%;
        }    
    
    div#navigation a:hover {
        background: transparent;
        color: #CCC;
        text-decoration: none;
        top: 50%;
        left: 50%;
        }

  4. #4
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Navigationspunkte zentrieren

    Ich muss ja dein CSS nicht verstanden haben. GIb den Lis mal ne feste breite, sodass jeder Text an seine Trennlinie angrezt, also so:
    Code:
    |Logo   |About   |Pics    |...
    Was dann noch fehlt sollte relativ einfach sein. Die a-tags brauchen keine Definition bezüglich der Positionierung.
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  5. #5
    Meister(in)
    Themenstarter

    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Navigationspunkte zentrieren

    Habe ich getan, tun tut sich trotzdem nichts!

    Code:
    div#navigation {
        width: 600px;
        height: 50px;
        margin: 0;
        background: url(../images/navigation_background.png) no-repeat;
        font: "Myriad Pro", Arial, sans-serif;
        font-size: 25px;
        }
        
    div#navigation ul {
        list-style-type: none;
        }
        
    div#navigation li {
        float: left;
        line-height: 50px;
        text-align: left;
        width: 100px;
        padding: 0;
        margin: 0;
        }
    
    div#navigation a {
        width: 100px;
        display: block;
        background: transparent;
        text-decoration: none;
        color: white;
        }    
    
    div#navigation a:hover {
        background: transparent;
        color: #CCC;
        text-decoration: none;
        }

  6. #6
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Navigationspunkte zentrieren

    versucgh mal das
    Code:
    #navigation ul {
        list-style-type: none;
    }
    #navigation ul li {
        display: block;
        float: left;
        width: 100px;
        height: 300px; /* Oder welche höhe auch immer */
        text-align: center;
    }
    #navigation ul li a {
        line-height: 30px; /* Oder welche höhe auch immer */
        text-decoration: none;
    }
    #navigation ul li a:hover {
        text-decoration: underline;
    }
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  7. #7
    Meister(in)
    Themenstarter

    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Navigationspunkte zentrieren

    Die Höhe hatte ich schon in der div#navigation angegeben!
    Es sind 50px.
    Danke, für deine Hilfe, das Problem war folgendes:

    Code:
    * html
    margin: 0;
    padding;

  8. #8
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Navigationspunkte zentrieren

    Das sollte nicht das Problem, sondern eher die Lösung sein

Ähnliche Themen

  1. Vertikale Navigation - Navigationspunkte gleich groß machen
    Von Darthii im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 02.05.2011, 16:36
  2. php navigationspunkte ändern
    Von gast im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 13.11.2007, 14:15
  3. Div Box zentrieren?
    Von Bananachief im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 12.03.2007, 22:09
  4. HP zentrieren
    Von Gast im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 30.09.2006, 00:54
  5. div zentrieren
    Von skaal im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 20.08.2006, 18:04

Stichworte

Berechtigungen

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