Archief - Q: zelf randen aanbrengen met gifs

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
O

Obi-Yan

Legacy Member
Ik heb dus een klein vraagske
zoals ge hier kunt zien link zie je rond elk kaderke zo grijze randen. Nu zou ik dat zelf willen kunnen doen. Ik heb als voorbeeld alle images gedownload van die link en ben dan begonnen(in dreamweaver) aan een eigen docutment. Nu heb ik een beetje last met de indeling van de tables..

ik maak dus een table en verdeel die in 3 rij-en.
in de bovenste en onderste rij zet ik dan de hoeken en de up-en down gifs respectievelijk.
in de middelste rij weet ik niet goed wat ik moet doen.. ik denk die rij nog in kolommen verdelen enzo. Probleem is dat komt nooit schoon uit :s

heeft iemand hier ervaring mee die mij wat tips zou kunnen geven? merci
O

Obi-Yan

Legacy Member
yo kan je wat meer uitleg geven want ik heb daar nog nooit van gehoord
E

El_L4mor

Legacy Member
ge moet gewoon zo een .gif maken, met lengte bv. 300 en breedte 10 (als uw kolom waar ge de rand rond wilt ook 300 breed id), en dan doet ge een streepje grijs links en rechts in die .gif. dan maak je ook nog twee extra .gif's, een voor bovenaan je kolom en een voor onderaan, en dan doe je:

...
<tr>
<td background="bovenste_rand.gif"></td>
<td background="middel_rand.gif"> hier komt je inhoud... </td>
<td background="onderste_rand.gif"></td>
</tr>
...

hopelijk begrijp je wat ik bedoel...
D

DarkBone

Legacy Member
Voor een beginner zijn tabellen gemakkelijker om zo'n effect te bereiken.

Code: 
<table border="1" cellspacing="0" cellpadding="0">

<tr height="10">
<td><img src="linkerbovenhoek.gif"></td>
<td background="bovenzijde.gif"></td>
<td><img src="rechterbovenhoek.gif"></td>
</tr>

<tr>
<td background="linkerkant.gif" width="10"></td>
<td>
inhoud komt hier
</td>
<td background="rechterkant.gif" width="10"></td>
</tr>

<tr height="10">
<td><img src="linkeronderhoek.gif"></td>
<td background="onderzijde.gif"></td>
<td><img src="rechteronderhoek.gif"></td>
</tr>

</table>

Breedtes & hoogtes moet je zelf maar instellen dan, ik nam hier 10 als voorbeeld :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan