<ul> <li> zonder harde return?

[Verwijderd]

Voor opsommingen kan je gebruik maken van:

<UL> <LI>opsomming 1</LI>
<LI>opsomming 2</LI>
etc.
</UL>

Nadeel is dat er automatisch een harde return staat tussen de eerste zin en de daarbijbehorende opsommingen.

Weet iemand hoe die harde return voorkomen kan worden (zonder gebruik van tabellen)?

[RM-rf]

probeer het eens met

code:

<style type="text/css">
UL {
   margin: 0px;
   padding: 0px;
}
</style>

in je HEAD te zetten.

[Verwijderd]

Hoofdt: Nadeel is dat er automatisch een harde return staat tussen de eerste zin en de daarbijbehorende opsommingen. Weet iemand hoe die harde return voorkomen kan worden (zonder gebruik van tabellen)?

CSS.

[Verwijderd]

hehehehe was een dubbele post

[Verwijderd]

<dl>
<dt>Hallo</dt>
<dd>Misschien is dit iets</dd>
<dd>ik zeg maar wat</dd>
</dl>

[Pelle]

Op woensdag 03 oktober 2001 10:48 schreef RM-rf het volgende:
probeer het eens met

code:

<style type="text/css">
UL {
   margin: 0px;
   padding: 0px;
}
</style>

in je HEAD te zetten.

Dat suckt, want nu verdwijnt ook je inspringing aan de linkerkant (inclusief je bullets). Dit volstaat wel:

code:

<style type="text/css">
ul {
   margin-top: 0px;
}
</style>

[Verwijderd]

De oplossing van Pelle werkt! Thanks. Nu dat vervelende Netscape nog....

[Verwijderd]

Hoofdt: Nu dat vervelende Netscape nog....

Dat "vervelende Netscape" zal dan < versie 6 zijn...

[Pelle]

Op woensdag 03 oktober 2001 11:09 schreef Hoofdt het volgende:
De oplossing van Pelle werkt! Thanks. Nu dat vervelende Netscape nog....

Tsja, Netscape heeft er zo z'n eigen ideetjes over; de margin-top van een <ul> is daar al 0px en dus moet je een negatieve waarde opgeven om het te laten werken:

code:

<style type="text/css">
<!--
    ul { 
      margin-top: -20px;
    }
-->
</style>

Speel zelf even wat met die waarde in pixels; 't hangt een beetje af van je font-grootte enzo (en let er wel op dat wanneer je een variabele fontgrootte hebt gedefinieerd, het gaat zuigen omdat de afstand dan of te groot of te klein wordt!).
Zoek even op '@import' en op 'style disabled' om op een nette manier browser-afhankelijke stylesheets te implementeren.