[css/html] kader met rondingen ipv rechte hoeken

[mmedia]

Ik ben al een tijdje opzoek naar een mooie css/html oplossing voor een dergelijk ontwerp:


Ik weet echter niet goed op welke trefwoorden ik moet googlen/ searchen op GOT. Wellicht kan iemand mij wat tips aan de hand doen.

Images die gebruikt worden voor de rondingen hoeft geen probleem te zijn, maar ik weet niet welke mooie oplossingen er voor handen zijn...

[ Voor 21% gewijzigd door mmedia op 07-06-2005 23:42 ]

[NMe]

Zit hier niets bruikbaars tussen? [google=border image css]

[bolleh]

hier kun je gewoon "mountaintop corners" op toepassen, hoewel je images dan wel anders zijn dan in de tutorials die hierover gaan. maar dat moet geen probleem zijn.

als je dit combineert met de "sliding doors" techniek die voor mouseover buttons wordt gebruikt kun je deze 4 hoekjes(en elke andere mountaintop corner) creeeren met 1 enkele image. gewoon een circle waarvan je voor elke image 1 van de hoeken gebruikt.

[André]

Hier is wel het 1 en ander over te vinden:

http://www.alistapart.com/articles/customcorners
http://www.alistapart.com/articles/mountaintop

En het komt in CSS3:
http://www.w3.org/TR/2002...021107/#the-border-radius

Maar makkelijk gaat het niet zeg maar

[Boelie-Boelie]

Op http://css-discuss.incutio.com/?page=RoundedCorners staan links naar nog meer methoden, naast die van A List Apart.

[mmedia]

thanks, ik zal er zeker naar kijken. Ik heb het idee dat als je de width constant hebt dat het wel eenvoudiger kan. Volgens mij zijn dit voornamelijk oplossingen voor div's met variabele height en width.