round corners bull
ronde hoeken zonder plaatjes

home | index | menu | help

Er is geen CSS ondersteuning.

		
		

De "bull" in de titel -round corners bull- staat voor de benaming van het karakter-teken & #149; oftewel de dikke punt. Als je deze een grootte geeft van (b.v.) 150px kan je er mooie ronde hoeken van maken die geschikt zijn om met CSS te positioneren. Deze procedure maakt zonder plaatjes strakke -round corners- rondom een div.

		

Voordat je deze ronde hoekjes op jouw site gaat zetten; kijk toch eerst even naar alle andere procedures om ronde hoeken zonder plaatjes te maken. Er staan er meer dan genoeg op de site...

Het enige nadeel bij deze "round corners" is dat je de hoogte en breedte moet bepalen. Bij de meeste "ronde-hoeken-procedures" voegt de div zich naar de hoeveelheid tekst, maar dat is bij deze "bull procedure" niet mogelijk. Kopieer de ronde-hoek-procedure naar jouw webruimte en houd rekening met het volgende:
In de style-sheet bij het item "brutokader" geef je de hoogte van de div op bij -border-bottom- (die nu op 230px staat). Bij -linksonder- en -rechtsonder- moet de "top" altijd 20px minder zijn dan de waarde in -border-bottom- (staat nu op 210px). Voor de rest valt alleen nog te melden dat de procedure valide html5 en css is en dat de ronde hoeken, cross-browser, hun werk doen.

cache 03-09-2010