kostenloser Webspace werbefrei: lima-city

Liste besser formatieren

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   lagerhaus

   

   lagerhaus hat kostenlosen Webspace.

   9:32, 30.10.2006

   Hallo,
   
   wie man merkt, bin ich am Code schreiben...
   
   Ich habe eine Aufzaehlungsliste, wie z.B.
   
   Blub.
   <ul>
   <li>Probieren geht &uuml;ber Studieren</li>
   <li>Liebe geht &uuml;ber Triebe</li>
   <li>Tante f&auml;llt &uuml;ber tag/kante">Kante</li>
   </ul>
   
   Hier wird das Blub. aber mit einem grossen Abstand (vertikal) zu der Liste ausgegeben. Am liebsten waere mir, wie man diesen Absatz einfach wegbekommen wuerde.
   
   Wenn ich nun das Blub in den <ul> mit reinbaue (<ul>Blub
   <li>Probieren geht &uuml;ber Studieren</li> ...) dann steht das Blub ueber der Liste, aber die Liste soll weiterhin eingerueckt sein mit dem Blub. als eine Art Ueberschrift links.
   
   Blub
   ---#Probieren geht ueber
   ---#Liebe...
   ---#Tante...
   
   Das letzte "Bild" waere das tollste =)
   
   MfG lagerhaus
   
   Beitrag geändert: 30.10.2006 9:32:27 von lagerhaus

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. alopex

   

   alopex hat kostenlosen Webspace.

   13:51, 30.10.2006

   Ich würde sagen, dass Zauberwort heißt "margin".
   Genauer "margin-bottom" beim Blubb und "margin-top" für <ul>.
   Reicht das als Antwort? Wenn nicht lasse dir um beide Bereiche mit
   border: 1px red dashed; (oder so ähnlich) einen lustigen Rahmen um die Blockelemente zaubern. Dann siehst du, ob es der äußere Abstand ("margin") oder der innere Abstand ("padding") ist, der dafür sorgt, dass zu viel Platz zwischen Blubb und Liste bleibt.
   
   Sollte Blubb einfach so im Raum stehen, dann pack ihn schleunigst zwischen <p>-Tags. Die kannst du dann mit "margin" und "padding" traktieren ...
   
   margin:
   http://de.selfhtml.org/css/eigenschaften/randabstand.htm
   
   padding:
   http://de.selfhtml.org/css/eigenschaften/innenabstand.htm

4. t*****b

   15:12, 30.10.2006

   <ul>
   <li>Blub</li>
   <ul>
   <li>Probieren geht über Studieren</li>
   <li>Liebe geht über Triebe</li>
   <li>Tante fällt über Kante</li>
   </ul>
   </ul>

   
   
   oder
   
   

   <dir>
   Blub
   <ul>
   <li>Probieren geht über Studieren</li>
   <li>Liebe geht über Triebe</li>
   <li>Tante fällt über Kante</li>
   </ul>
   </dir>

5. Autor dieses Themas

   lagerhaus

   

   lagerhaus hat kostenlosen Webspace.

   17:14, 30.10.2006

   Danke schön, habe es mit margin gemacht, hat wunderbar funktioniert.
   Ich danke euch beiden herzlich!
   
   MfG lagerhaus

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?