extra spatie

Status
Niet open voor verdere reacties.

nathalia174

Gebruiker
Lid geworden
25 sep 2007
Berichten
32
Als ik twee of meer spaties achter een woord wil plaatsen lukt dit niet.

Wat doe ik verkeerd?


groetjes nathalia
 
gebruik nbsp; voor iedere spatie die je toe wil voegen; dus nbsp;nbsp;nbsp; als je er 3 wil toevoegen.

Ron
 
Toelichting:
Na elkaar komende gewone spaties in de html-code worden altijd weergegeven alsof het maar één spatie is.
Om extra spaties toe te voegen, moet inderdaad de code   gebruikt worden. Dat betekent: "non breaking space" = een spatie die niet gebroken kan worden = de twee woorden waartussen zo'n spatie zit, worden inclusief die spatie als één woord gezien.
Zou het eerste woord nog net op een regel passen, maar het tweede woord niet, dan komt het geheel inclusief de spatie op de volgende regel te staan.
Voorbeeld:
HTML:
<p>Dit is een alinea waarin Coca&nbsp;Cola als één geheel moet worden weergegeven.</p>
  • Je ziet gewoon "Coca Cola" staan op het scherm.
  • Als "Cola" niet meer op de regel zou passen, zou normaal gesproken "Coca" op de eerste regel staan, en "Cola" op de volgende regel. De gewone spatie tussen "Coca" en "Cola" zorgt ervoor dat de browser de regel afbreekt op de spatie.
  • Maar door de &nbsp; wordt "Coca Cola" als een geheel gezien, en komt nu "Coca" niet meer aan het eind van de eerste regel, maar samen met de spatie en "Cola" aan het begin van de tweede regel.
  • Opmerking: voor of na een &nbsp; kan ook een gewone spatie komen: samen zijn het dan twee spaties!
  • En &nbsp; 's met gewone spaties ertussen worden weer wel afgebroken (op de gewone spaties).
Maar als je bv. in KompoZer werkt in de "normale" (WYSIWYG) weergave, en daar extra spaties toevoegt, blijkt deze er automatisch de nodige &nbsp; 's in te zetten.
Normale weergave, als er 5 spaties tussen a en b en tussen b en c worden getikt:

spatie-1.png

Kijk je onder water, dan zie je dit in de code-weergave:

spatie-2.png

Hier gaat het dus vanzelf goed.

Maar attentie!
Wat wel meespeelt, is dat de breedte van een gewone spatie en ook van een &nbsp; afhankelijk is van de lettergrootte van de alinea waar de spatie in staat.
Dat betekent: als de bezoeker een grotere lettergrootte instelt in z'n/h'r browser, neemt de breedte van de spatie toe.
En dat kan weer gevaarlijk zijn als de spaties bv. gebruikt worden om een afstandje tussen een serie afbeeldingen te maken.
  • Bij een groter ingestelde lettergrootte heb je dan kans dat de laatste afbeelding er niet meer op past, en gedropt wordt naar vooraan op de volgende regel!
  • Dit kan je bv. vermijden door géén spaties tussen de afbeeldingen te gebruiken, maar de afbeeldingen met de css-eigenschap "margin-left" en/of "margin-right" op een bepaalde afstand (in pixels) van elkaar te zetten: die veranderen niet met de lettergrootte, en dan past het rijtje afbeeldingen er altijd op.
Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan