Infolinx-no.com   Artikkel-oversikt
  Scripts og tips hos Winfolinx.com
  Webhotell


Plassering av List


CSS: ... og sånn blir det:
<html><head> <style type="text/css">
ul.inside
{
list-style-position: inside
}
ul.outside
{
list-style-position: outside
}
</style>

</head><body>
<ul class="inside">
<li>
Her kommer teksten som listes opp med list-funksjonen. Her benytter man seg av "Class Inside".
</li>
<li>
Her kommer enda mere tekst som listes opp med list-funksjonen. Det er fortsatt "Class Inside" som benyttes!
</li>
<li>
Fortsatt brukes "Class Inside" i denne opplistingen. Og dette er enda mere tekst så man ser hvordan det virker.
</li>
</ul>

<ul class="outside">
<li>
Her kommer teksten som listes opp med list-funksjonen. Her benytter man seg av "Class Outside".
</li>
<li>
Her kommer enda mere tekst som listes opp med list-funksjonen. Det er fortsatt "Class Outside" som benyttes!
</li>
<li>
Fortsatt brukes "Class Outside" i denne opplistingen. Og dette er enda mere tekst så man ser hvordan det virker..
</li>
</ul>
</body></html>
  • Her kommer teksten som listes opp med list-funksjonen. Her benytter man seg av "Class Inside".
  • Her kommer enda mere tekst som listes opp med list-funksjonen. Det er fortsatt "Class Inside" som benyttes!
  • Fortsatt brukes "Class Inside" i denne opplistingen. Og dette er enda mere tekst så man ser hvordan det virker.
  • Her kommer teksten som listes opp med list-funksjonen. Her benytter man seg av "Class Outside".
  • Her kommer enda mere tekst som listes opp med list-funksjonen. Det er fortsatt "Class Outside" som benyttes!
  • Fortsatt brukes "Class Outside" i denne opplistingen. Og dette er enda mere tekst så man ser hvordan det virker.

NB: Netscape 4 har ikke support for "list-style-position"-property.






Free Tips and JavaScripts provided
by Infolinx-no.com Web