Hoe kan ik tekst in een lijst uitlijnen

  • Onderwerp starter Onderwerp starter lw87
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
L

lw87

Gebruiker
Lid geworden
17 jan 2002
Berichten
361
Ik gebruik deze code in mijn stylesheet:
Code: 
ul {
	margin: 10px 0;
}
li {
	color: #000000;
	list-style: square inside;
	text-indent: 10px;
	line-height: 1,4em;

De marge bij ul zorgt dat het hele blok inspringt.
Met text-indent springt de regel verder in t.o.v. het blokje ■

Als ik achter een blokje een lange regel tekst krijg die niet op 1 regel past, dan gaat die tweede regel links van het blokje verder.

Dat ziet er ongeveer zo uit:

___■ een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst

Hoe regel ik dat het er zo uit ziet:

___■ een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst een lange regel tekst een lange regel
_____tekst een lange regel tekst een lange regel tekst

PS: de _ dient alleen om de tekst in het voorbeeld op de gewenste plek te krijgen
 
Probeer dit eens
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<style type="text/css">
<!--
li {
	list-style-type: square;
}
-->
</style>
</head>

<body>
<ul>
  <li>een lange regel tekst een lange regel tekst een lange regel tekst een lange   regel tekst een lange regel tekst een lange regel tekst een lange regel tekst   een lange regel tekst een lange regel tekst een lange regel tekst een lange   regel tekst een lange regel tekst een lange regel tekst een lange regel   tekst.
    Hoe regel ik dat het er zo uit ziet:<br />
  </li>
</ul>
</body>
</html>
Mvg
Defietser
 
Het gedrag dat jij hier omschrijft is het standaardgedrag van een list-item, dus zonder je text-indent.
text-indent zorgt ervoor dat de eerste lijn van een block-element inspringt, wat in dit geval je regel met je vierkant is (inclusief vierkant). Als je gewoonweg je hele item naar rechts wil opschuiven kan je beter voor een margin/padding gaan, lijkt me.
 
Zoals ik dus al zei: outside is het standaardgedrag, dat hoef je daar niet te zetten, tenzij je voorstander bent van extra internetverkeer...
Zie ook handleidinghtml
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan