[html] inspringen bij <ul>

[huistra]

Heb de search al geraadpleegd, maar dat bracht geen verheldering. Ik heb een unordered list gebruikt met een titel van de lijst. Wanneer ik de titel voor de tag <ul> zet, krijg ik een enorme ruimte tussen de titel en de listitems. Wanneer ik de titel na de tag <ul> zet, springt ook de titel van de lijst in.

dus:
<ul>
titel
<li>blaat</li>
<li>blaat</li>
</ul>
--> geeft inspringing titel

titel
<ul>
<li>blaat</li>
<li>blaat</li>
</ul>
--> geeft grote ruimte tussen titel en listitems.

Iemand een goed idee?
Ik wil dus graag geen ruimte tussen de titel en de listitems en dat de titel gewoon rechts blijft uitgelijnd.

[Pelle]

Je moet de margins van de <ul> even aanpassen met een stylesheet.
Let er wel op dat NS en IE de margins anders bepalen; en dus moet je het even zo doen:

code:

<style type="text/css">
<!--
  /* wordt door zowel IE als NS gelezen */
  ul { margin-top: -15px; }

  /* dit werkt alleen in IE */
  @import ul.css;
-->
</style>

Netscape neemt voor de <ul> nu een marge van -15px (uit m'n hoofd gezegd is dat de goeie waarde, maar dat weet ik niet zeker; moet je maar even proberen).
IE neemt overruled die waarde met de waarde die in de file ul.css staat. Hierin zet je dit:

code:

ul { margin-top: 0px; }

[huistra]

thanx Pelle

[InZane]

< li > heeft toch geen 'eind' tag?

[OkkE]

Op dinsdag 19 juni 2001 15:30 schreef InZane het volgende:
< li > heeft toch geen 'eind' tag?

Uhm, lijkt mij wel.. alle (x)html tags hebben toch een einde.
Meestal <tag> </tag> of anders <tag />
En <li opsomming /> lijkt me niet echt werken.

//edit:
ahh, hier staat het