Ergebnis 1 bis 9 von 9

Thema: Abstnde zwischen Listenpunkten vergrern

  1. #1
    HTML Newbie
    Registriert seit
    21.09.2016
    Beitrge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Abstnde zwischen Listenpunkten vergrern

    Guten Morgen zusammen,

    ich verzweifle gerade etwas. Ich schaffe es nicht den Abstand zwischen einzelnen Abstzen mit Listenpunkten zu vergrern.

    Der Befehl: ul {margin-bottom: 30px;} fgt mir nur einen Raum nach der letzten Zeile ein. Ich htte aber gerne einen Raum zwischen jeder Zeile der Aufzhlungen.

    Bei mir sieht die Aufzhlung jetzt so aus:


    • asdfsa dasd
      sjdflasjdfljasldf
      alsdjflajsdlfjlasdjfladjsf
    • asdfasdf sad
    • asf asdf asdf
    • as fasdf asdf
    • sa dfasf fsda


    Ich htte es aber lieber ungefhr so (wobei ich den Abstand zwischen den Blcken nur optisch schner vergrern mchte):


    • asdfsa dasd
      sjdflasjdfljasldf
      alsdjflajsdlfjlasdjfladjsf



    • asdfasdf sad



    • asf asdf asdf


    Wie und wo kann ich das ndern? Beim normalen Grundtext p ist das kein Problem. Nur bei den Aufzhlungen (Listenpunkten) funktioniert es nicht.

    Vielen Dank fr Tipps

    Ulrich
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist lter als 90 Tage. Die darin enthaltenen Informationen sind mglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Teeny
    Registriert seit
    14.07.2016
    Beitrge
    27
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Abstnde zwischen Listenpunkten vergrern

    Hallo ,

    kannst du mal deinen html und css code posten, dann kann man dir sicher leichter helfen

    gru,

    Helge

  3. #3
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beitrge
    874
    Danke
    18
    Bekam 96 mal "Danke" in 95 Postings

    Standard AW: Abstnde zwischen Listenpunkten vergrern

    Wenn es bei P und UL geht, wie knnte es dann wohl bei LI gehen?!

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    21.09.2016
    Beitrge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Abstnde zwischen Listenpunkten vergrern

    Zitat Zitat von HelgeHH Beitrag anzeigen
    Hallo ,

    kannst du mal deinen html und css code posten, dann kann man dir sicher leichter helfen

    gru,

    Helge

    Hallo Helge,

    es handelt sich um ein gekauftes Theme (Aktina).

    Ich habe mal den Abschnitt Typography aus der style.css kopiert.

    Ich kann in der style.css aber nirgendwo Eintrge finden die auf Listen hindeuten (auer beim Browser-Reset). Ich denke das es eine Klasse ist. Davon habe ich aber noch berhaupt keine Ahnung.


    h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.4em}
    h2,h3,h4,h5,h6{margin:5px 0 20px}
    h1{margin:0 0 20px;font-size:1.6em}
    h2{font-size:1.4em}
    h3{font-size:1.3em}
    h4{font-size:1.2em}
    h5{font-size:1.1em}
    h6{font-size:1em}
    p{margin:0 0 20px}
    p img{margin:0}
    p.lead{font-size:1.313em;line-height:27px;color:#777}
    cite, dfn, em{font-style:italic}
    strong{font-weight:700;color:#444}
    big {font-size: 125%;}
    small{font-size:80%}
    hr{clear:both;height:0;margin:40px 0;border:solid #ccc;border-width:1px 0 0}
    a:focus{outline:0}
    a{outline:0}
    a:focus{outline:0}
    .thin-font{font-weight:300!important}
    .white-text{color:#fff!important}
    .rev_slider ul{margin:0;padding:0}
    blockquote{position:relative;font-style:italic;padding:20px 60px;margin:20px 0!important;font-size:16px;line-height:1.6em;color:#333}
    blockquote:before,blockquote:after{display:block;f ont-size:45px;opacity:.4;position:absolute;font-family:'ElegantIcons';line-height:normal}
    blockquote:before{content:"\7b";left:10px;top:0;-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
    blockquote:after{content:"\7b";right:10px;bottom:0 }
    blockquote p:last-child{margin:0}
    code,kbd,tt,var,samp{font-family: monospace, serif;font-size: 15px;-webkit-hyphens: none;-moz-hyphens: none;ms-hyphens: none;hyphens: none;line-height: 1.6;}
    pre{position:relative;margin:30px 0;padding:20px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:13px;line-height:1.7em;white-spacere-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space-pre-wrap;color:#555;background:#f6f6f6;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.06);word-wrap:break-word}
    address{margin:20px 0;font-size:.875em;letter-spacing:1px}
    mark, ins {text-decoration: none;}

  5. #5
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beitrge
    874
    Danke
    18
    Bekam 96 mal "Danke" in 95 Postings

    Standard AW: Abstnde zwischen Listenpunkten vergrern

    Ich kann in der style.css aber nirgendwo Eintrge finden die auf Listen hindeuten
    Dann mach selber eine!

  6. #6
    HTML Newbie
    Themenstarter

    Registriert seit
    21.09.2016
    Beitrge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Abstnde zwischen Listenpunkten vergrern

    Zitat Zitat von Arne Drews Beitrag anzeigen
    Dann mach selber eine!

    Hallo Arne,

    vielen Dank LI war das was mir fehlte. Ich tue mich noch schwer mit den Unterschieden OL, UL, LI usw. Ich lerne noch

    Vielen Dank fr deine Hilfe


    Viele Gre
    Ulrich

  7. #7
    Fortgeschrittene/r
    Registriert seit
    25.06.2016
    Beitrge
    157
    Danke
    5
    Bekam 11 mal "Danke" in 11 Postings

    Standard AW: Abstnde zwischen Listenpunkten vergrern

    Hey,

    Zu diesen 3 HTML-Elementen/Tags. Die sind eigentlich sehr einfach zu unterscheiden.

    mit ul erstellst du ungeordnete listen d.h. mit Punkten
    mit ol erstellst du geordnete Listen d.h. mit Zahlen

    Die li sind dann die Listenelemente, diese kommen in ul oder ol rein weil diese beiden die Elternelemente von li sind.

    Beispiel:
    HTML-Code:
    <ul> 
      <li>Punkt1</li>
       <li>Punkt1</li>
       <li>Punkt1</li>
    </ul>
    Dies gibt dann aus :
    • Punkt1
    • Punkt1
    • Punkt1


    Mit Ol , ul zu ol ndern:

    HTML-Code:
    <ol> 
      <li>Punkt1</li>
       <li>Punkt1</li>
       <li>Punkt1</li>
    </ol>
    Dies gibt dann aus :
    1. Punkt1
    2. Punkt1
    3. Punkt1


    Gru,
    Stef

  8. #8
    Teeny
    Registriert seit
    23.05.2016
    Beitrge
    38
    Danke
    0
    Bekam 3 mal "Danke" in 3 Postings

    Standard AW: Abstnde zwischen Listenpunkten vergrern

    @Stef
    Warum nicht einfach einen Link zur Doku posten, siehe http://www.w3schools.com/html/html_lists.asp

  9. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    21.09.2016
    Beitrge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Abstnde zwischen Listenpunkten vergrern

    Zitat Zitat von Theas1965 Beitrag anzeigen
    @Stef
    Warum nicht einfach einen Link zur Doku posten, siehe http://www.w3schools.com/html/html_lists.asp

    Hallo Stef,

    vielen Dank fr deine ausfhrliche Beschreibung. Jetzt habe ich es verstanden.


    Danke

    Ulrich

hnliche Themen

  1. Unterschiedliche Abstnde zwischen FIREFOX UND IE 7
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 06.07.2008, 19:55
  2. Abstnde zwischen den Zeilen
    Von Andreas84 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 06.10.2006, 21:09
  3. Abstnde zwischen Text und Bildern
    Von im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 18.06.2005, 22:10
  4. Antworten: 2
    Letzter Beitrag: 07.04.2004, 15:30

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhnge hochladen: Nein
  • Beitrge bearbeiten: Nein
  •