Testpagina tekstuitlijning - Bewerkingsoverzicht

Fred op 10 jan 2016 om 09:33

2016-01-10T09:33:27Z

Fred op 2 dec 2015 om 18:53

2015-12-02T18:53:48Z

Fred op 2 dec 2015 om 18:50

2015-12-02T18:50:46Z

Fred op 2 dec 2015 om 18:49

2015-12-02T18:49:22Z

Fred op 2 dec 2015 om 18:43

2015-12-02T18:43:51Z

Fred op 9 sep 2013 om 15:11

2013-09-09T15:11:30Z

Fred op 9 sep 2013 om 15:10

2013-09-09T15:10:49Z

Fred op 9 sep 2013 om 13:36

2013-09-09T13:36:17Z

Fred op 9 sep 2013 om 09:56

2013-09-09T09:56:18Z

Wijzigingen bekijken

Fred: Nieuwe pagina aangemaakt met 'NOTOC Teksten die niet goed onder elkaar komen te staan, zijn beter uit te lijnen door gebruik te maken van een 'hairspace' (numeriek #8202) en/of een 'thinspace' …'

2013-09-07T19:23:14Z

Nieuwe pagina aangemaakt met '__NOTOC__ Teksten die niet goed onder elkaar komen te staan, zijn beter uit te lijnen door gebruik te maken van een 'hairspace' (numeriek #8202) en/of een 'thinspace' …'

Nieuwe pagina

__NOTOC__
Teksten die niet goed onder elkaar komen te staan, zijn beter uit te lijnen door gebruik te maken van een 'hairspace' (numeriek #8202) en/of een 'thinspace' (numeriek #8201).

Deze Wiki-code plaatst een smallere extra spatie tussen de tekst en de gewone spatie (ga naar '' 'Bewerken' '' om de code te zien).

Normale spatie : Tekst tekst 
Extra hairspace: Tekst   tekst 
Extra thinspace: Tekst   tekst

Verder bestaan er nog een 'en space' (numeriek #8194) en een 'em space' (numeriek #8195);

Normale spatie : Tekst tekst 
Extra en space : Tekst   tekst 
Extra em space: Tekst   tekst

===Probleem met de uitlijning:===
 
In dit menu is de uitlijning van de tweede kolom niet goed:

Hier vind u alle artikelen over elektronica: 

{|style= "width="65%" class="wikitable"
|-
:*[[Elektronica basis]] Basisinformatie over elektronica
|-
:*[[Elektronica analoog]] Schakelingen voor de analoge modelbaan
|-
:*[[Elektronica digitaal]] Schakelingen voor de digitale modelbaan
|-
:*[[Meten is Weten]] Informatie over diverse metingen en het gebruik van meetapparatuur
|}
----

Hieronder een aantal voorbeelden, hoe het uitlijnprobleem op te lossen is;

===Voorbeeld 1:===
 
We kunnen dat verbeteren door extra spaties toe te voegen:

Hier vind u alle artikelen over elektronica: 

{|style= "width="65%" class="wikitable"
|-
:*[[Elektronica basis]]      Basisinformatie over elektronica
|-
:*[[Elektronica analoog]] Schakelingen voor de analoge modelbaan
|-
:*[[Elektronica digitaal]]   Schakelingen voor de digitale modelbaan
|-
:*[[Meten is Weten]]        Informatie over diverse metingen en het gebruik van meetapparatuur
|}
Het ziet er al netter uit, maar het is nog niet optimaal. De tweede kolom zig-zagt aan de voorzijde.
----

===Voorbeeld 2:===
 
We kunnen het nog verder verbeteren door op de juiste plaats een 'thinspace' of een 'hairspace' tussen te voegen, 
óf door een thinspace én een hairspace tussen te voegen.

Hier vind u alle artikelen over elektronica: 

{|style= "width="65%" class="wikitable"
|-
:*[[Elektronica basis]]       Basisinformatie over elektronica
|-
:*[[Elektronica analoog]]   Schakelingen voor de analoge modelbaan
|-
:*[[Elektronica digitaal]]     Schakelingen voor de digitale modelbaan
|-
:*[[Meten is Weten]]          Informatie over diverse metingen en het gebruik van meetapparatuur
|}
----

===Voorbeeld 3===
 

Het blijkt met nog minder code te kunnen, door het gebruik maken van combinaties van 'en space', 'em space', 'hairspace' en 'thinspace':

Hier vind u alle artikelen over elektronica: 

{|style= "width="65%" class="wikitable"
|-
:*[[Elektronica basis]]     Basisinformatie over elektronica
|-
:*[[Elektronica analoog]]    Schakelingen voor de analoge modelbaan
|-
:*[[Elektronica digitaal]]     Schakelingen voor de digitale modelbaan
|-
:*[[Meten is Weten]]     Informatie over diverse metingen en het gebruik van meetapparatuur
|}
----

Aanvulling:

Er blijken na enig speurwerk, nog een aantal bredere spaties te zijn. Numeriek: #2000 t/m #2009.

Tekst   tekst 
Tekst   tekst 
Tekst   tekst 
Tekst   tekst 
Tekst   tekst 
Tekst   tekst 
Tekst   tekst 
Tekst   tekst 
Tekst   tekst 
Tekst   tekst 

Hier is meer info te vinden; 
http://en.wikipedia.org/wiki/Hair_space#Hair_spaces_around_dashes 
http://www.cs.tut.fi/~jkorpela/chars/spaces.html 
http://www.cs.tut.fi/~jkorpela/www/justify.html

[[EDIT]]

@@ Regel 1: / Regel 1: @@
 {{Koptekst
-|Vorige= Testpagina Externe links
+|Vorige= Overzicht Externe links
-|Volgende= Testpagina Externe links
+|Volgende= Overzicht Externe links
 |VorigeMenu= EDIT
 |Auteur= Redactie

← Oudere versie		Versie van 2 dec 2015 om 18:53
Regel 1:		Regel 1:
	__NOTOC__		__NOTOC__
		+	{{Koptekst
		+	\|Vorige= Testpagina Externe links
		+	\|Volgende= Testpagina Externe links
		+	\|VorigeMenu= EDIT
		+	\|Auteur= Redactie
		+	}}
	Gewone tekst begint links.		Gewone tekst begint links.

← Oudere versie		Versie van 2 dec 2015 om 18:50
Regel 81:		Regel 81:
	}}		}}

−	~~[[Categorie: Menu\|T]]~~
	[[Categorie: Redactie\|T]]		[[Categorie: Redactie\|T]]

@@ Regel 30: / Regel 30: @@
 Door het toevoegen van een ":" verspringt het menu.
 :{| style= "width: 850px; height: 110px" border="0" <!-- door border op "1" te zetten worden lijnen getoond -->
 |-
-| <ul style= "list-style-type: square;"><li></li></ul> || [[Elektronica basis]]                           || Basisinformatie over elektronica
+| valign="top"| <ul style= "list-style-type: square;"><li></li></ul> || valign="bottom"| [[Elektronica basis]]                           || valign="bottom"| Basisinformatie over elektronica
 |-
-| <ul style= "list-style-type: square;"><li></li></ul> || style="width: 170px;" | [[Elektronica analoog]] || Schakelingen voor de analoge modelbaan
+| valign="top"| <ul style= "list-style-type: square;"><li></li></ul> || style="width: 170px;" valign="bottom"| [[Elektronica analoog]] ||valign="bottom"| Schakelingen voor de analoge modelbaan
 |-
-| <ul style= "list-style-type: square;"><li></li></ul> || [[Elektronica digitaal]]                        || Schakelingen voor de digitale modelbaan
+| valign="top"| <ul style= "list-style-type: square;"><li></li></ul> || valign="bottom"| [[Elektronica digitaal]]                        || valign="bottom"| Schakelingen voor de digitale modelbaan
 |-
-| <ul style= "list-style-type: square;"><li></li></ul> || [[Meten is Weten]]                              || style="width: 1020px;" | Informatie over diverse metingen en het gebruik van meetapparatuur
+| valign="top"| <ul style= "list-style-type: square;"><li></li></ul> || valign="bottom"| [[Meten is Weten]]                              || style="width: 1020px;" valign="bottom"| Informatie over diverse metingen en het gebruik van meetapparatuur
 |}
 Hier is HTML-code gebruikt.

@@ Regel 8: / Regel 8: @@
 {| style= "width: 850px; height: 110px" border="0" <!-- door border op "1" te zetten worden lijnen getoond -->
 |-
-| &#8226; ||[[Elektronica basis]]                            || Basisinformatie over elektronica
+| &#8226; || [[Elektronica basis]] || Basisinformatie over elektronica
 |-
 | &#8226; || style="width: 170px;" | [[Elektronica analoog]] || Schakelingen voor de analoge modelbaan
@@ Regel 33: / Regel 33: @@
 :{| style= "width: 850px; height: 110px" border="0" <!-- door border op "1" te zetten worden lijnen getoond -->
 |-
-| valign="top"| <ul style= "list-style-type: square;"><li></li></ul> || valign="bottom"| [[Elektronica basis]]                           || valign="bottom"| Basisinformatie over elektronica
+| <ul style= "list-style-type: square;"><li></li></ul> || [[Elektronica basis]]                           || Basisinformatie over elektronica
 |-
-| valign="top"| <ul style= "list-style-type: square;"><li></li></ul> || style="width: 170px;" valign="bottom"| [[Elektronica analoog]] ||valign="bottom"| Schakelingen voor de analoge modelbaan
+| <ul style= "list-style-type: square;"><li></li></ul> || style="width: 170px;" | [[Elektronica analoog]] || Schakelingen voor de analoge modelbaan
 |-
-| valign="top"| <ul style= "list-style-type: square;"><li></li></ul> || valign="bottom"| [[Elektronica digitaal]]                        || valign="bottom"| Schakelingen voor de digitale modelbaan
+| <ul style= "list-style-type: square;"><li></li></ul> || [[Elektronica digitaal]]                        || Schakelingen voor de digitale modelbaan
 |-
-| valign="top"| <ul style= "list-style-type: square;"><li></li></ul> || valign="bottom"| [[Meten is Weten]]                              || style="width: 1020px;" valign="bottom"| Informatie over diverse metingen en het gebruik van meetapparatuur
+| <ul style= "list-style-type: square;"><li></li></ul> || [[Meten is Weten]]                              || style="width: 1020px;" | Informatie over diverse metingen en het gebruik van meetapparatuur
 |}
 Hier is HTML-code gebruikt.
@@ Regel 49: / Regel 49: @@
 Tekst tekst tekst tekst<br />
 Tekst tekst tekst tekst
 ----
@@ Regel 59: / Regel 63: @@
 http://www.unicode.org/charts<br />
 http://www.alanwood.net/unicode/index.html<br />
 http://www.elizabethcastro.com/html/extras/entities.html<br />
 ----
-De voettekst en de categoriebalk moeten ook helemaal links staan.
+De voettekst, een eventuele bronvermelding en de categoriebalk moeten ook helemaal links staan.
 {{Voettekst
@@ Regel 71: / Regel 79: @@
 }}
 [[Categorie: Redactie|T]]

← Oudere versie		Versie van 9 sep 2013 om 15:11
Regel 71:		Regel 71:
	}}		}}

−	~~[[Categorie: Menu\|T]]~~
	[[Categorie: Redactie\|T]]		[[Categorie: Redactie\|T]]