Marijke 的个人资料ღ At Marijke's Space ღ照片日志列表更多 工具 帮助

Tekst uitlijnen

Tekst Uitlijnen in een tabel

Natuurlijk wil je ook de baas zijn over waar je tekst verschijnt in je tabel. Dat is mogelijk met codes zowel in de Paragraph-tag (<P>) als in de Tabeldata-tag (<TD>).
De codes die je daarvoor nodig hebt zijn:

  • align=left | center | right
    • om de horizontale plaats aan te geven
    • te gebruiken in <P> en in <TD>
  • valign=top | center | bottom
    • om de verticale plaats aan te geven
    • alleen te gebruiken in <TD>

In het volgende voorbeeld heb ik de align= in de <p> geplaatst zo kun je dus in een cel je tekst steeds ergens anders laten verschijnen. Je moet daarvoor wel telkens een nieuwe Paragraph (<P>) aanmaken waardoor deze steeds een stukje lager komt te staan.

Resultaat Code

Deze tekst
staat links

Deze tekst
staat in het
midden

Deze tekst
staat rechts

<table border="1" width="100%"><tr> <td><P align=left>Deze tekst<BR>staat links</P><P align=center>Deze tekst<BR>staat in het<BR>midden</P><P align=right>Deze tekst<BR>staat rechts</P></td></tr></table>

Hier is de uitlijning in de tabledata-tag <td> opgenomen, zoals je ziet heb je dan de mogelijkheid om ook de verticale positie aan te geven.

R
e
s
u
l
t
a
a
t

Tekst
links (align)
onder (valign)
Tekst
rechts (align)
boven(valign)
C
o
d
e
<table border="1" width="100%" height="250"> <tr><td align="left" valign="bottom">Tekst<BR>links (align)<BR>onder (valign)</td> </tr></table>

 

<table border="1" width="100%" height="250"> <tr><td align="right" valign="top">Tekst<BR>rechts (align)<BR>boven (valign)</td> </tr></table>

 

R
e
s
u
l
t
a
a
t

Tekst
midden (align)
onder (valign)
Tekst
midden (align)
midden (valign)
C
o
d
e
<table border="1" width="100%" height="250"> <tr><td align="center" valign="bottom">Tekst<BR>midden (align)<BR>onder (valign)</td> </tr></table>

 

<table border="1" width="100%" height="250"> <tr><td align="center" valign="center">Tekst<BR>midden (align)<BR>midden (valign)</td> </tr></table>

Natuurlijk kun je ook varieren met de codes in zowel de Paragraph <p>als de Tabeldata tag<TD>
Stel dat je je tekst mooi in het midden uitgelijnd wilt hebben, maar je onderschrift rechtsonder.
Zoals in dit voorbeeld:

Keenderveske
'nen Doezendpoot
oet Bookel
en 'ne Bromvleeg
oet de Lut',
dee gung'n te hoop'
hen daansen
meer ze hà'n stiewe but'.
De bromvleeg was
an 't nöster'n:
i-j trapt mi-j op de veut',
'n doezendpoot zèè:
't zal wa
want ik heb zovöl peut'.




Hennik van'n Scheenken

De code wordt dan:
<table border="1" width="545" heigth="400"><tr> <td width="100%" align="center" valign="top">Tekst<BR>Tekst<BR>Tekst<BR>Enzovoort<BR><BR><BR><p align=right>Onderschrift</P><td></tr></table>

Nou dit is het voorlopig weer eventjes. Probeer zelf een beetje met de codes te experimenteren, je ziet vanzelf welk effect het heeft. Kijk altijd wel goed hoe de code opgestelt is, een spatie per ongeluk verwijderen kan tot gevolg hebben dat je alles kwijt bent! Zet daarom je code ook altijd eerst even op je kladblok.

xxx Marijke

 

评论 (4)

请稍候...
很抱歉,您输入的评论太长。请缩短您的评论。
您没有输入任何内容,请重试。
很抱歉,我们当前无法添加您的评论。请稍后重试。
若要添加评论,需要您的家长授予您相应权限。请求权限
您的家长禁用了评论功能。
很抱歉,我们当前无法删除您的评论。请稍后重试。
您已超过了一天之内允许提供的评论数上限。请在 24 小时后重试。
因为我们的系统表明您可能在向其他用户提供垃圾评论,您的帐户已禁用了评论功能。如果您认为我们错误地禁用了您的帐户,请联系 Windows Live 支持部门
完成下面的安全检查,您提供评论的过程才能完成。
您在安全检查中键入的字符必须与图片或音频中的字符一致。

若要添加评论,请使用您的 Windows Live ID 登录(如果您使用过 Hotmail、Messenger 或 Xbox LIVE,您就拥有 Windows Live ID)。登录


还没有 Windows Live ID 吗?请注册

belAnna发表:
Hallo Marijke.Bedankt voor je mooie space en de uitleg.Ik heb al van verschillende dingen gebruikt gemaakt.Ik zal nog wel een keer langs komen want ik ben nog maar een beginneling.
Nogmaals bedankt.Groetjes Annabel
4 月 4 日
匿名 的图片
GT-732 发表:
Hoi Marijke, wat een interesante space! Ik heb al heel wat nuttige tips van je overgenomen.
Ik heb je toegevoegd aan mijn space. Hebben anderen er ook wat aan.
suc6 ! Martin.
11 月 26 日
匿名 的图片
massoné 发表:
hello ik vind uwe site en uitleg heelgoed want ik heb enorm veel probs om mijn tekst en plaatjes in het midden te zetten zo zal nu ff proberen pffffff dada xxx groetjes patje
9 月 1 日
匿名 的图片
♥♫corina♥♫1 发表:
hoi marijke alles goed? bedankt voor je lieve reactie laats op me space, ben ind van alles aan het uitproberen en lees veel....gebruik me eigen afbeeldingen dan, voor ideeen...ben nu weer wezen veranderen lol, heb me space met allerlei tekens bewerkt, vind wel grappig niet doorsnee, lol, twijfel of anderen het mooi vinden? vind zelf wel grappig staan...
verder zie ik dat je teksten uitleg heb neergezet mooi en duidelijk bedankt!
vraag me alleen 1 ding af marijke jij werkt veel met 100% in width...waarom, werkt dat beter? ik heb meerdere dingen geprobeerd te maken met codes met 100% mischien ligt het aan mij? maar ik bemerk zelf...dat het prettig is om de eigen width en height te verhogen of niet, maar mischien doe ik iets fout of ligt het aan de afbeelding?Ik had laats een mooie tekst en wou er van die slingerbloemen afbeelding tussen zetten lol....dus ik ijverig doen en dan <br><br>tussen de teksten (als enter) wat bleek naderhand zag ik overal dubbel staan? terwijl ik echt maar op de gewenste plekken de afbeeldings code plaatste, ben daar dus ook maar mee gestop na uren ploeteren.....wens je nog fijne avond toe liefs corina
7 月 13 日

引用通告

此日志的引用通告 URL 是:
http://atmarijkesspace.spaces.live.com/blog/cns!1FF0F6697B4C6DC5!227.trak
引用此项的网络日志