[css]Borders rond

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

873 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

niek s

23-07-2006 21:21

iemand? niemand?

Jan Koehoorn

23-07-2006 21:34

Bumpen pas na 24 uur, please.

niek s

23-07-2006 21:36

ok ;-) (zij niet iemand anders 2 uur?)

Jan Koehoorn

23-07-2006 21:47

Nee, 24 uur is de regel hier.

niek s

23-07-2006 21:49

ok, ik zal het onthouden ;-)

M Ypma

24-07-2006 02:54

met 3 plaatjes ben je klaar hoor,
een top voor de boven glow,
een middle van 1px hoog met de 2 zijverloopjes
deze herhaalt zich in de hoogte, dus groeite mee.
en de bottom, een verticale spiegel van de top.

ik snap eerlijk gezegd je probleem niet tegen plaatjes... kan je dit uitleggen?

niek s

24-07-2006 10:53

zonder plaatjes laad het al sneller, (sgeelt niet veel, maar is wel zo + dat ik dan die plaatjes niet hoef aan te maken.) Hoe moet ik dan in CSS een 'top' achtergrond div instellen, een bottom en een middelste van 1 px hoog? (ik ben niet zon held in CSS. En de plaatjes die kan ik wel even maken ;-) )

niek s

24-07-2006 10:54

en ik heb het nu al zonder platjes, en om dat ook nog eens te gaan aanpassen :-P

niek s

24-07-2006 12:48

of moet ik het ingewikkeld doen? dat ik met php de plaatjes samen voeg tot het 1 plaatje is, en het dan als achtergrond gebruiken?? (ik zit hier ene beetje te brainstormen en te googlen.. maar ik kom er echt,niet uit...)

niek s

24-07-2006 19:53

de plaatjes heb ik nu gefabriekt, (een top en een bottom en een 1 px hoge 'middelstuk)
Ik heb nu deze CSS:


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

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

#box{ 
	margin: 0 10%;
	background: #9BD1FA;
}

b.rtop, b.rbottom{
	display:block;
	background: #000000;
}

b.rtop b, b.rbottom b{	
	display:block;
	height: 1px;
    overflow: hidden; 
	background: #9BD1FA;
}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{
	margin: 0 1px;
	height: 2px
}

#content{
	margin-right: 5px;
}

Maar nu moet ik dus nog iets zien te fabrieken dat een top image boven aan zet, een bottom onderaan, en de 1px middelstuk nét zo vaak herhaalt tot die helemaal compleet is?!

Reageren

Inloggen om te reageren