quick css question about dashed borders on divs - GoFuckYourself.com

Angry Jew Cat - Banned for Life · 01-12-2008, 04:38 PM

say i have something like this on a grey background.

#div {
width:500px;
background: white;
text-align: center;
border: 1px black dashed;
}

the dashed border goes around the outside of the white div with grey in between the dashes. is there a way i can have the blacked dashed line over the white background so it is a white and black dashed border as opposed to a black and grey dashed border? know what i'm sayin?

Swish · 01-12-2008, 04:48 PM

try adding a 1px margin to all sides of the div

Angry Jew Cat - Banned for Life · 01-12-2008, 05:03 PM

doesn't seem to do it. i'd rather not have to set it inside another div just to get the look i'm wanting here.

Deej · 01-12-2008, 05:06 PM

hrmm, should be able to use negatives... or... use a 1 pixel gif as your background and make the negative margins

tada

Deej · 01-12-2008, 05:07 PM

Quote:

Originally Posted by Deej

hrmm, should be able to use negatives... or... use a 1 pixel gif as your background and make the negative margins

tada

this actually might not work since youre dealing with your border...

but hey... its a lead

Deej · 01-12-2008, 05:08 PM

div in div... has to be

theres nothing at all wrong with double divisions...

Angry Jew Cat - Banned for Life · 01-12-2008, 05:20 PM

Quote:

Originally Posted by Deej

div in div... has to be

theres nothing at all wrong with double divisions...

nah, thats what i went ahead and did in the end. was just hoping there'd be a simpler way.

wdforty · 01-12-2008, 05:22 PM

yeah nested divs is the way to go

Basic_man · 01-12-2008, 08:14 PM

Quote:

Originally Posted by Deej

div in div... has to be

theres nothing at all wrong with double divisions...

That was my solution!

A white DIV higher than your original DIV

01-12-2008, 04:38 PM	#1
Angry Jew Cat - Banned for Life (felis madjewicus) Industry Role: Join Date: Jul 2006 Location: In Mom & Dad's Basement Posts: 20,368	quick css question about dashed borders on divs say i have something like this on a grey background. #div { width:500px; background: white; text-align: center; border: 1px black dashed; } the dashed border goes around the outside of the white div with grey in between the dashes. is there a way i can have the blacked dashed line over the white background so it is a white and black dashed border as opposed to a black and grey dashed border? know what i'm sayin?

01-12-2008, 04:48 PM	#2
Swish Confirmed User Join Date: Mar 2006 Location: San Diego, CA Posts: 1,421	try adding a 1px margin to all sides of the div __________________ Naughty America - Director of Technology It's a CELEBRATION bitches!! For the hottest content promote Naughty America! swish at naughtyamerica dot com \| ICQ: 226 737 620 \| See Who I Am At AdultWhosWho.com!

01-12-2008, 05:06 PM	#4
Deej I make pixels work Industry Role: Join Date: Jun 2005 Location: I live here... Posts: 24,386	hrmm, should be able to use negatives... or... use a 1 pixel gif as your background and make the negative margins tada __________________ Deej's Designs n' What Not Hit me up for Design, CSS & Photo Retouching Icq#30096880

01-12-2008, 05:08 PM	#6
Deej I make pixels work Industry Role: Join Date: Jun 2005 Location: I live here... Posts: 24,386	div in div... has to be theres nothing at all wrong with double divisions... __________________ Deej's Designs n' What Not Hit me up for Design, CSS & Photo Retouching Icq#30096880

01-12-2008, 05:22 PM	#8
wdforty Confirmed User Industry Role: Join Date: Aug 2004 Posts: 1,824	yeah nested divs is the way to go __________________ icq 157542142

01-12-2008, 05:03 PM	#3
Angry Jew Cat - Banned for Life (felis madjewicus) Industry Role: Join Date: Jul 2006 Location: In Mom & Dad's Basement Posts: 20,368	doesn't seem to do it. i'd rather not have to set it inside another div just to get the look i'm wanting here.