Neverside

dotted border

how do you d the dotted border like http://www.skinsntemplates.com/view.php?id=49&title=Form%20Backgrounds in the code section how do you do that?

Cheers
Tom

___________________

Cheap Templates
Webmaster Forum
PS3 Cheats

Apply a style of
border-style: dotted;
border-width: 1px;
to the object, remember that IE shows it as dashed.

___________________

"No matter if it is a white cat or a black cat; a cat that can catch rats is a good cat."

Or, consolidated:

some_selector {
border: 1px dotted #some_color;
}

Or to avoid any boxmodel conflicts you can create an img. and call it in as the bg. I notice that If you right click on this page you will greeted with a save background as context menu. This is a good indication they may have used images themselves.

EDIT:
Now as I actually look at the page it states right up front:

Quote:

A simple way to spice up your forms is to use custom images as the background.
CSS can easily do this with a few simple lines of code.

William

___________________

Last edited by webarnes, December 29th, 2003 11:37 PM (Edited 1 times)

Box model conflicts? I'd use the box model hack or mid pass filter over images for my borders any day. If you use an image it's hard to adjust the width and height of the box. Also, isn't that working around the box model specification? Stick with CSS.

I agree with Radley.

Creating an image every time you want to outline something is complicated, difficult to change when you redesign, and way too much work. It's FAR easier to use the box model hack or mid pass filter.

ok cool thanks

___________________

Cheap Templates
Webmaster Forum
PS3 Cheats