|
|
| Regel 1: |
Regel 1: |
| | __NOTOC__ | | __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).
| + | Gewone tekst begint links. |
| | | | |
| − | Deze Wiki-code plaatst een smallere extra spatie tussen de tekst en de gewone spatie (ga naar '' 'Bewerken' '' om de code te zien).
| + | Tekst tekst tekst tekst<br /> |
| | + | Tekst tekst tekst tekst<br /> |
| | + | Tekst tekst tekst tekst |
| | | | |
| − | Normale spatie : Tekst tekst<br />
| |
| − | Extra hairspace: Tekst   tekst<br />
| |
| − | Extra thinspace: Tekst   tekst
| |
| | | | |
| − | | + | {| style= "width: 850px; height: 110px" border="0" <!-- door border op "1" te zetten worden lijnen getoond --> |
| − | Verder bestaan er nog een 'en space' (numeriek #8194) en een 'em space' (numeriek #8195);
| + | |- |
| − | | + | | • ||[[Elektronica basis]] || Basisinformatie over elektronica |
| − | Normale spatie : Tekst tekst<br />
| + | |- |
| − | Extra en space : Tekst   tekst<br />
| + | | • || style="width: 170px;" | [[Elektronica analoog]] || Schakelingen voor de analoge modelbaan |
| − | Extra em space: Tekst   tekst
| + | |- |
| − | | + | | • ||[[Elektronica digitaal]] || Schakelingen voor de digitale modelbaan |
| − | | + | |- |
| − | ===Probleem met de uitlijning:=== | + | | • ||[[Meten is Weten]] || style="width: 1020px;" | Informatie over diverse metingen en het gebruik van meetapparatuur |
| − | <br />
| |
| − | In dit menu is de uitlijning van de tweede kolom niet goed:
| |
| − | | |
| − | | |
| − | Hier vind u alle artikelen over elektronica: <!-- hier staat de tweede kolom niet goed uitgelijnd -->
| |
| − | | |
| − | | |
| − | {|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
| |
| | |} | | |} |
| − | ---- | + | Hier is numeriek teken #8226 gebruikt. |
| | + | <!-- op het www kwam ik de tip tegen om de width van de kolom in te stellen |
| | + | in de kolom met de langste tekst, de rest past zich dan automatisch aan. --> |
| | | | |
| | | | |
| − | Hieronder een aantal voorbeelden, hoe het uitlijnprobleem op te lossen is;
| + | Na bovenstaande menu staat de tekst weer gewoon links. |
| | | | |
| − | ===Voorbeeld 1:===
| + | Tekst tekst tekst tekst<br /> |
| − | <br /> | + | Tekst tekst tekst tekst<br /> |
| − | We kunnen dat verbeteren door extra spaties toe te voegen:
| + | Tekst tekst tekst tekst |
| | | | |
| | | | |
| − | Hier vind u alle artikelen over elektronica: <!-- hier wordt te veel gebruik gemaakt van nbsp's. Dit verdient niet de schoonheidsprijs.-->
| + | Door het toevoegen van een ":" verspringt het menu. |
| | | | |
| − | | + | :{| style= "width: 850px; height: 110px" border="0" <!-- door border op "1" te zetten worden lijnen getoond --> |
| − | {|style= "width="65%" class="wikitable" | + | |- |
| − | |- | + | | ♦ || [[Elektronica basis]] || Basisinformatie over elektronica |
| − | :*[[Elektronica basis]] Basisinformatie over elektronica
| + | |- |
| − | |-
| + | | ♦ || style="width: 170px;" | [[Elektronica analoog]] || Schakelingen voor de analoge modelbaan |
| − | :*[[Elektronica analoog]] Schakelingen voor de analoge modelbaan | + | |- |
| − | |-
| + | | ♦ || [[Elektronica digitaal]] || Schakelingen voor de digitale modelbaan |
| − | :*[[Elektronica digitaal]] Schakelingen voor de digitale modelbaan
| + | |- |
| − | |-
| + | | ♦ || [[Meten is Weten]] || style="width: 1020px;" | Informatie over diverse metingen en het gebruik van meetapparatuur |
| − | :*[[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.
| + | Hier is numeriek teken #9830 gebruikt. |
| − | ----
| |
| − | | |
| − | | |
| − | ===Voorbeeld 2:===
| |
| − | <br />
| |
| − | We kunnen het nog verder verbeteren door op de juiste plaats een 'thinspace' of een 'hairspace' tussen te voegen,<br />
| |
| − | óf door een thinspace én een hairspace tussen te voegen.
| |
| − | | |
| | | | |
| − | Hier vind u alle artikelen over elektronica: <!-- hier wordt ook nog te veel gebruik gemaakt van nbsp's. Dit verdient nog steeds niet de schoonheidsprijs.-->
| |
| | | | |
| | + | Na bovenstaande menu behoort de tekst weer gewoon links te staan. |
| | | | |
| − | {|style= "width="65%" class="wikitable"
| + | Tekst tekst tekst tekst<br /> |
| − | |-
| + | Tekst tekst tekst tekst<br /> |
| − | :*[[Elektronica basis]] Basisinformatie over elektronica
| + | Tekst tekst tekst tekst |
| − | |-
| |
| − | :*[[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===
| + | Informatie: |
| − | <br />
| |
| | | | |
| − | Het blijkt met nog minder code te kunnen, door het gebruik maken van combinaties van 'en space', 'em space', 'hairspace' en 'thinspace':
| + | http://www.w3schools.com/html/html_entities.asp<br /> |
| − | | + | http://www.htmlhelp.com/reference/html40/entities<br /> |
| − | | + | http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references<br /> |
| − | Hier vind u alle artikelen over elektronica: <!-- hier is, met zo weinig mogelijk code, de tweede kolom netjes uitgelijnd -->
| + | http://www.unicode.org/charts<br /> |
| − | | + | http://www.alanwood.net/unicode/index.html<br /> |
| − | | + | http://www.elizabethcastro.com/html6ed<br /> |
| − | {|style= "width="65%" class="wikitable"
| + | http://www.elizabethcastro.com/html/extras/entities.html<br /> |
| − | |-
| |
| − | :*[[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<br />
| |
| − | Tekst   tekst<br />
| |
| − | Tekst   tekst<br />
| |
| − | Tekst   tekst<br />
| |
| − | Tekst   tekst<br />
| |
| − | Tekst   tekst<br />
| |
| − | Tekst   tekst<br />
| |
| − | Tekst   tekst<br />
| |
| − | Tekst   tekst<br />
| |
| − | Tekst   tekst<br />
| |
| | | | |
| | + | De voettekst en de categoriebalk moeten ook helemaal links staan. |
| | | | |
| − | Hier is meer info te vinden;<br />
| + | {{Voettekst |
| − | http://en.wikipedia.org/wiki/Hair_space#Hair_spaces_around_dashes<br />
| + | |Vorige= EDIT |
| − | http://www.cs.tut.fi/~jkorpela/chars/spaces.html<br />
| + | |Volgende= EDIT |
| − | http://www.cs.tut.fi/~jkorpela/www/justify.html
| + | }} |
| | | | |
| − | [[EDIT]] | + | [[Categorie: Menu|T]] |
| | + | [[Categorie: Redactie|T]] |
