xmaciii
04-16-2004, 01:48 AM
okay yeah i'm probably seeming really stupid but what other borders are there besides dotted, dashed, and solid? cause i'm really sick of them and i want a change? like i've seen things where the border is like two longer dashes then a short one? anyone know how to do that or anything? any help would be appriciated! thanks in advance!!
kicker91
04-16-2004, 02:15 AM
Let's see...
groove
outset
inset
And I think that's it.
kittycat
04-16-2004, 03:05 AM
A border with 'two long one short' would be make with an image program.
Another two used in CSS would be ridge and double. For double, the sum of the two lines and the space between them equals the value of border-width.
Calidris
04-16-2004, 09:18 PM
Complete list with descriptions:
none - no border
hidden - invisible border, but still takes up space on the page
dotted - dotted, but appears dashed if the width is less than 2px in IE
dashed - dashed
solid - solid line
double - two lines, equal thickness (or almost equal depending on your width)
groove - engraved border
ridge - opposite to groove, sticks out of the page
inset - similar to groove but the inside looks flatter
outset - opposite to inset, the whole area looks raised
xmaciii
04-16-2004, 10:42 PM
okay umm i tried to use
groove - engraved border
ridge - opposite to groove, sticks out of the page
inset - similar to groove but the inside looks flatter
outset - opposite to inset, the whole area looks raised
and they just looked solid. here's the code:
.caption, .blogheader
{background-image: url(http://home.comcast.net/~xxsaltytearsxx/datebg.gif); background-color: #CCCCCC;
font: 17px verdana; text-transform: uppercase;
letter-spacing: 0px; color: #000000; border-bottom: 0px; border-top: 10px inset #000000;
border-left:10px inset #000000; border-right: 10px inset #000000;
text-align: right;padding-bottom: 6px;padding-top: 6px;padding-right: 6px;line-height: 100%; width:420px}
i have the style tags and everything too. but is there something i'm doing wrong? or is my browser just messed up?!
bourdelson
04-17-2004, 04:12 PM
border-bottom: 0px; border-top: 10px inset #000000;
border-left:10px inset #000000; border-right: 10px inset #000000;
Why not use border: 10px inset #000000;? It looks a lot neater in coding. Or is there a specific reason that you don't want a border on the bottom?
I've never had a problem with those borders not working before, it might just be because you have them black, and black is a pretty lusterless color. Maybe post a link to your page instead of just the coding? :)