CSS Navi

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

Schlagworte:
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #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. Anzeige
  3. #2 6. Januar 2009
    AW: CSS Navi

    margin: 0 auto;

    ist für zentrierung das zauberwort :)
     
  4. #3 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?
     
  5. #4 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
     

  6. Videos zum Thema
Die Seite wird geladen...
Similar Threads - CSS Navi
  1. Antworten:
    3
    Aufrufe:
    1.545
  2. Antworten:
    1
    Aufrufe:
    1.178
  3. Antworten:
    1
    Aufrufe:
    1.187
  4. Antworten:
    1
    Aufrufe:
    1.313
  5. [CSS] problem mit bild in navi

    juppwatis , 2. Februar 2012 , im Forum: Webdesign
    Antworten:
    4
    Aufrufe:
    912