[css]Borders rond

Door niek s op 23-07-2006 12:33

871 views

Hi mensen,

Ik weet dat er veel CSS experts hier op het forum rondlopen (waaronder ik, KUCH KUCH), maar ik heb nu een vraag:

Ik heb dus nu 3 div's, eentje voor de rechterkant (die alles aan de rechterkant neerzet dus,) en eentje voor de linkerkant(zelfde verhaal).. en dan nog eentje met border. Nu wil ik die div met een border afgeronde hoeken geven. maaarrr: HOE?

dit is de CSS die ik nu heb:


#left
{
	width: 180px;
	float: left;
	margin-left: 5px;
}

#right
{
	width: 180px;
	float: right;
	margin-right: 5px;
}

#box
{
	border: 2px solid #0000ff;
	margin-bottom: 20px;
}

ik wil dus dat de div "box" afgeronde hoeken heeft...

MvG,
Niek

Jan Koehoorn

24-07-2006 20:08

Het moet eerder zoiets worden: je maakt een wrapper div met drie andere erin; top, content en bottom. En dan je CSS zo:


#wrapper {
    width: 300px; /* bijvoorbeeld */
}
#top {
    height: 24px; 
    background: #fff url(top.jpg) center top no-repeat;
}
#content {
    background: #fff url(content.jpg) center top repeat-y;
}
#bottom {
    height: 24px; 
    background: #fff url(bottom.jpg) center top no-repeat;
}

niek s

24-07-2006 20:18

ik ben niet egt een css held, maar hoe moet ik die dan als achtergrond voor mijn div gebruiken? (de class box)

Jan Koehoorn

24-07-2006 20:21

Ik zal wel ff een voorbeeldje voor je maken...

Jan Koehoorn

24-07-2006 20:38

Voorbeeld van een div met een glowing background.
Het is een beetje rauswerk dus de plaatjes lopen niet helemaal naadloos over, maar het gaat om het idee.

niek s

24-07-2006 20:43

bedankt!

Jan Koehoorn

24-07-2006 20:49

Okee, succes er mee :-)

Reageren

Inloggen om te reageren