Ergebnis 1 bis 7 von 7

Thema: Abstand mit CSS

  1. #1
    Gast

    Standard Abstand mit CSS

    Hi

    Habe ein kleines CSS-Problem dem ich einfach nicht zugrunde komme. Habe ein Div in dem ich die Navigation erstelle. Das Menü besteht aus "Navigationsblöcken" mit einem Titel (Kategorie) und den entsprechenden Menüpunkten. Wie kann ich nun, wenn ich mehrere dieser Blöcke habe, korrekt einen Abstand zwischen die einzelnen Blöcke einfügen.

    Es ist sicher nicht schwierig, aber ich finde den korrekten Code nicht. Kann mir jemand von euch helfen?
    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
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Kommt drauf an, wie du die Navi gecodet hast. Bei Listenformat geht's so:
    Code:
    #navcontainer li
    {margin-top:15px; }
    Statt navcontainer nimm die Bezeichnung deines Navi-div's.
    Ansonsten poste mal nen Link oder den code.

  3. #3
    Gast

    Standard

    Der Code ist hier:

    Code:
    /* Primary Navigation */
    
    .prinavtitle                               { padding:10px 0px 0px 0px; margin:0px; width:180px; list-style:none; }
    .prinavtitle li                            { color:#EEEEEE; padding:3px 0px 3px 8px; border-top:1px solid #000000; border-bottom:1px solid #000000; background:#796742; }
    
    .prinavlist                                { padding:0px; margin:0px; width:180px; list-style:none; }
    .prinavlist li                             { border-bottom:1px solid #000000; }
    .prinavlist li a                           { display:block; padding:3px 0px 3px 8px; background-color:#CFC2A7; color:#000000; text-decoration:none; }
    .prinavlist li a:hover                     { background-color:#D9CEB9; color:#000000; }
    Ist ein ziemliches gebastel.. meine ersten Gehversuche mit CSS

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Fürg mal hier einen margin-top-Wert ein:

    Code:
    .prinavlist li   { margin-top:10px; border-bottom:1px solid #000000; }

  5. #5
    Gast

    Standard

    Danke.

    Dann habe ich den Abstand aber nach jedem Navigationspunkt. Das Menü ist so aufgebaut:

    .prinavtitle (<- Titel)
    .prinavlist (<- Navigationspunkte)
    .prinavlist
    .prinavlist

    [ABSTAND]

    .prinavtitle (<- Titel)
    .prinavlist (<- Navigationspunkte)
    .prinavlist
    .prinavlist

    [ABSTAND]

    .prinavtitle (<- Titel)
    .prinavlist (<- Navigationspunkte)
    .prinavlist
    .prinavlist

    etc..

    Im Grunde müsste ich das Margin ja über dem .prinavtitle einfügen. Aber dann hätte ich es über dem ersten auch und der soll keinen Abstand zum oberen Rand des Div's haben.

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    In diesem Fall muss der Wert dann wie du richtig festgestellt hast da rein:
    Code:
    .prinavtitle
    Probiers dann mal mit margin-bottom

    Eine weitere Möglichkeit wäre, die jeweiligen Blöcke in einen Absatz zu setzen:
    Code:
    
    
    .prinavtitle &#40;<- Titel&#41;
    .prinavlist &#40;<- Navigationspunkte&#41;
    .prinavlist
    .prinavlist 
    </p>

  7. #7
    Gast

    Standard

    Cool. Mit den Absätzen scheint es zu funktionieren. Wusste gar nicht, dass dies "erlaubt" ist Danke!

Ähnliche Themen

  1. Abstand
    Von Kakuzu im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 14.03.2008, 19:31
  2. Abstand
    Von Herbert777 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 03.06.2007, 18:49
  3. Abstand
    Von nickido im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 17.12.2006, 12:23
  4. Bug: abstand wo kein abstand sein sollte
    Von lynox im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 27.10.2006, 00:44
  5. Abstand
    Von vision2003 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 01.07.2005, 12:20

Stichworte

Berechtigungen

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