Tabel met afgeronde hoeken...

Hoe maak ik in DreamWeaver een tabel met afgeronde hoeken? Heb een lay-out gemaakt in Photoshop maar die moet ik namaken in DreamWeaver. Hoe kan ik dat het beste doen het gaat nu namelijk vooral ff om die afgeronde hoeken...

Kan niet.

[url=http://www.google.com/search?client=safari&rls=nl-nl&q=css+round+corners&ie=UTF-8&oe=UTF-8]Google is your friend[/url] 8)

Kan wel.

De makkelijkste manier is om van de hoeken plaatjes te maken en deze middels een TABLE of via CSS te positioneren.

Mmm, beetje valsspelen, want het is gewoon een tabel met plaatjes van afgeronde hoeken als achtergrond... Maar ok, het ziet er strak uit en lijkt net echt ;-) Maar goed, even voor de duidelijkheid er is niet een CSS call voor TABLE zoals radius=20px; of corner:rounded; ... Dus in dat opzicht kan het niet... Enniewee, mooie oplossing gevonden!

Het vervelende is dat ik een beeetje een nono ben die veel wil. Ik heb een hele strakke lay out gamaakt (vidnt ik) maar is wel moeilijk. ook met strokes en allemaal extra's... :P

Dus kan ik niet gewoon die als achtergrond gebruiken? En zo verder gaan? Dan alleen die achtergrond gebruiken? En verder geen plaatjes?

[quote:7acd339397="Wonka"]Het vervelende is dat ik een beeetje een nono ben die veel wil. Ik heb een hele strakke lay out gamaakt (vidnt ik) maar is wel moeilijk. ook met strokes en allemaal extra's... :P[/quote:7acd339397]

dan zou ik zorgen dat je iets minder nono wordt. :slight_smile:

dan kan je daarna alles precies maken zoals je zelf wil.
(of tenminste dat is de bedoeling)

Oké maar hoe wordt ik minder nono?

[quote:66fc4e47ea="Wonka"]Oké maar hoe wordt ik minder nono?[/quote:66fc4e47ea]

Het internet is je vriend!
Er zijn genoeg online tuts en teksten die je kan doornemen!
Je moet er alleen heel veel tijd voor over hebben!

tabel met ronde hoekjes, Op de plaats van de plaatjes de hoekjes.

[code:1:b00a5bdf3d]
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td><img src="plaatje01.png"></td>
<td></td>
<td><img src="plaatje02.png"></td>
</tr>
<tr>
<td></td>
<td>*** Dit is het midden ***</td>
<td></td>
</tr>
<tr>
<td><img src="plaatje03.png"></td>
<td></td>
<td><img src="plaatje04.png"></td>
</tr>
</table>
[/code:1:b00a5bdf3d]

leer html:
http://www.mijnhomepage.nl/

En in de rest v/d cellen natuurlijk wel de achtergrondkleur zetten van je hoekjes.

Als je tabel bijvoorbeeld 200 bij 400 pixels is, kun je in bijvoorbeeld Photoshop een afbeelding van 200x400 maken met die randjes, en die als achtergrond over de hele tabel zetten, hoef je 'm niet op te delen :wink:

En hoe kan ik een hele layout achtergrond in dreamweaver doen zo dat ik er bovenop wel nog tekst enzo kan zetten of is dat echt onmogelijk?

lees http://www.alistapart.com van voren naar achteren en terug. Niet alleen word je minder nono, je leert wel vier verschillende manieren om ronde hoeken te maken

Als je een tabel met dynamische inhoud hebt, dus waarvan de hoogte onbepaald is, kan je het volgende doen met CSS.

[code:1:6fe80f7702]
table { background: url(rondehoekenonder.gif) bottom no-repeat; }
table tr:first-child { background: url(rondehoekenboven.gif) top no-repeat; }
[/code:1:6fe80f7702]

Waarbij “rondehoekenonder.gif” natuurlijk de afbeelding voor de ronde hoeken onder is, en “rondehoekenboven.gif” voor boven.

@desapie: Internet Explorer ondersteunt en geen :first-child en kan geen achtergronden weergeven op een <tr> element.

http://home.aim.hsbrabant.nl/s135556/cm/ zoiets? bekijk de source maar.. heb ff geen zin om het uit te leggen :P

mogen we je ontwerp eens zien? Als het bv over een kader gaat van een vaste grootte is het peanuts. Alle andere gevallen zijn ook te doen, maar iets meer werk.

Er is in alle geval geen standaard dreamweaver methode, ik zou echt gaan experimenteren met het code venstertje van dreamweaver open of ‘halfopen’.

[quote:8dc83b6b53="macetaria"]mogen we je ontwerp eens zien? Als het bv over een kader gaat van een vaste grootte is het peanuts. Alle andere gevallen zijn ook te doen, maar iets meer werk.

Er is in alle geval geen standaard dreamweaver methode, ik zou echt gaan experimenteren met het code venstertje van dreamweaver open of ‘halfopen’.[/quote:8dc83b6b53]

Tja mag wel maar ik heb er twee. Een met links in een soort navigatie balk en zonder zal ik die met maar doen?

[img:7cc58cfb3e]http://forum.macosx.nl/album_pic.php?pic_id=8583[/img:7cc58cfb3e]

dat is 'm