[CSS] Rechts uitlijnen in combinatie met Justify!? - Softwareontwikkeling

donderdag 9 december 2004 00:43

Acties:

Verwijderd

Topicstarter

Hey,

ik ben bezig met een layout omzetten in html, en moet daarvoor in CSS een text lap rechts uitlijnen EN justify-en. Wat de bedoeling dus is, is dat lappen text gewoon aan beiden kanten komen en de onderkant aan het rechterkantje wordt geplakt, en dat enkele regels die gebruik maken van een <br> ook rechts worden geplakt. Nu moet dat met verschillende div-jes anders en dan is onderkant van mijn lapje tekst met justify nog steeds links.

Wie helpt mij?! Of gewoon niet mogelijk?!

donderdag 9 december 2004 00:57

Acties:

djluc

Bedoel je niet gewoon dat je een <p> tag om iedere alinea moet zetten?

donderdag 9 december 2004 01:11

Acties:

Verwijderd

Topicstarter

Ehm ik maak wel even screenshot

donderdag 9 december 2004 01:13

Acties:

Morrar

Het CSS attribuut direction is wat je zoekt.... Je moet het de waarde rtl meegeven.

[ Voor 90% gewijzigd door Morrar op 09-12-2004 01:22 ]

donderdag 9 december 2004 01:20

Acties:

Vinzzz243

schets es een voorbeeld, kom er niet echt wijs uit

donderdag 9 december 2004 02:09

Acties:

Verwijderd

Topicstarter

Afbeeldingslocatie: http://www.wizardzone.nl/div.jpg

Alstublieft.

Zoals ie nu is issie goed, hoewel het met twee divjes gaat. Enige wat dan NOG idealer zou zijn is dat ik de onderste regel van het lapje tekst naar de rechterkant kon zetten, in plaats van links.

[ Voor 6% gewijzigd door Verwijderd op 09-12-2004 02:09 ]

donderdag 9 december 2004 02:18

Acties:

Morrar

Dat kan dus met die CSS-direction...

code:

div.justright
{  direction: rtl;
   text-align: jsutify;
}

[ Voor 54% gewijzigd door Morrar op 09-12-2004 02:20 ]

donderdag 9 december 2004 08:51

Acties:

Woudloper

« - _ - »

Kleine correctie. Ik neem aan dat Morrar het volgende bedoelt:

Cascading Stylesheet:

div.justright {
   direction:  rtl;
   text-align: justify;
}

Overigens werd in mijn test de punt wel raar gepositioneerd, maar dit zou een gevolg zijn van direction.

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl">
 <head>
  <title>Justify test</title>
  <style type="text/css">
  div.justright {
     border:     1px solid #000;
     padding:    5px;
     direction:  rtl;
     text-align: justify;
  }
  </style>
 </head>

 <body>
  <p>Dit is een test met meer regels en tekst op een rij om te zien hoe de uitlijning gaat werken! Dit is een test met meer regels en tekst op een rij om te zien hoe de uitlijning gaat werken! The Quick brown fox jumps over the lazy dog.Dit is een test met meer regels en tekst op een rij om te zien hoe de uitlijning gaat werken! Dit is een test met meer regels en tekst op een rij om te zien hoe de uitlijning gaat werken! The Quick brown fox jumps over the lazy dog.</p>
  <div class="justright">Dit is een test met meer regels en tekst op een rij om te zien hoe de uitlijning gaat werken! Dit is een test met meer regels en tekst op een rij om te zien hoe de uitlijning gaat werken! The Quick brown fox jumps over the lazy dog. Dit is een test met meer regels en tekst op een rij om te zien hoe de uitlijning gaat werken! Dit is een test met meer regels en tekst op een rij om te zien hoe de uitlijning gaat werken! The Quick brown fox jumps over the lazy dog.</div>
 </body>
</html>

[ Voor 84% gewijzigd door Woudloper op 09-12-2004 08:59 ]