CSS Navi

Dieses Thema im Forum "Webentwicklung" wurde erstellt von osiris, 6. Januar 2009 .

Schlagworte:
  1. 6. Januar 2009
    Ahoi,

    hab mir per CSS + 3 Grafiken eine Navi gebaut.

    Diese hat eine relative Breite von 60%.
    Jetzt würde ich gerne die einzelnen Buttons genau in die Mitte dieser 60% verschieben, wie mache ich das am Besten?
    Müsste das doch auch in der CSS regeln können, oder?


    Des Weiteren, wie bekomme ich die ganze Navi zentriert? Wieder: such ne Lösung via CSS!

    Body + mainnavi:
    PHP:
    body  {
        
    margin : 15px ;
    }

    ul #mainnavi {
        
    width : 60 %;
        
    float : left ;
        
    padding : 15px 0 0 0 ;
        
    margin : 0 ;
        list-
    style : none ;
        
    border - width : 3px 3px 5px 3px ;
        
    border - style : solid ;
        
    border - color : #6EB327;
        
    background - color : #325FCC;
    }
    E:/ achja, hab versucht bei padding den letzten wert in XX% zu ändern, mit dem Resultat, dass die ganze Navi breiter wird.

    E2:/ Würde auch gerne 2 Hintergrund Grafiken haben.

    Eine oben, repeat nach rechts.
    Eine direkt darunter, repeat nach Rechts + Unten ins Endlose. (Dass auch User mit sehr großem Monitor die Page gut betrachten können :O )

    E3:/ Habe den "Haupt Hintergrund" per html { in die CSS gehauen - passt so weit.
    jetzt soll hald noch die Grafik oben Links hin
    Teste das gerade per Container, will aber nicht so richtig.
     
  2. 6. Januar 2009
    AW: CSS Navi

    ja aber nicht innerhalb des DIVs.
    da nimmst du einfach "text-align: center;"

    wegen den hintergründen: da musst du div-container entsprechend positionieren und deren hintergrund setzten. mann kann nicht mehrer hintergründe einem element zuweisen.(achte aber darauf, dass du den z-index anpasst, damit die divs auch sicher unter dem restlichen content liegen.
    und was kriegst du oben links nicht hin?
     
  3. 6. Januar 2009
    AW: CSS Navi

    Hab die Hintergrundgrafiken jetzt drinnen, eine per html { bg, die andere per Div Container.

    Das Problem ist immer noch die Navi.

    Die will einfach nicht in die Mitte, egal ob mit auto oder text-align:center
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.