[css/html] kader met rondingen ipv rechte hoeken

Pagina: 1
Acties:

  • mmedia
  • Registratie: Januari 2002
  • Laatst online: 17-12-2021
Ik ben al een tijdje opzoek naar een mooie css/html oplossing voor een dergelijk ontwerp:
Afbeeldingslocatie: http://img175.echo.cx/img175/3212/kader0kk.gif

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
  • Registratie: Februari 2004
  • Laatst online: 15-04 22:07

NMe

Quia Ego Sic Dico.

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

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


  • bolleh
  • Registratie: Juli 2001
  • Laatst online: 22:25
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é
  • Registratie: Maart 2002
  • Laatst online: 06-05 11:13

André

Analytics dude

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
  • Registratie: November 2004
  • Laatst online: 26-09-2020
Op http://css-discuss.incutio.com/?page=RoundedCorners staan links naar nog meer methoden, naast die van A List Apart.

Cogito ergo dubito


  • mmedia
  • Registratie: Januari 2002
  • Laatst online: 17-12-2021
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.
Pagina: 1