Dots in image border?

**JACOBKELL** · 04-10-2008, 09:44 PM

Anyone have example html where i can put dots on border of image?Or those dots actualy goes to table instead image code?In any case i need those dots as border.

**BamaStangGuy** · 04-10-2008, 09:46 PM

Not sure I know exactly what you mean. Here are the border attributes:

Code:

none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset

If I get what you are saying then style="border: 1px dotted #ccc'" would get you started.

**joder** · 04-15-2008, 12:38 AM

Using CSS, something like:

Code:

.dots {
    border: 1px dotted #00f;
}

Code:

<div class="dots">
stuff
</div>

**OS Master** · 04-15-2008, 04:39 PM

I think you would need to put the image code into the DIV tag, although I'm not sure exactly what you are looking for. Here's the code:

Code:

<html>
<head>
<style type="text/css">
.border {
    border: 1px dotted #000000;
}
</style>
</head>
<body>
<div class="border">
//Put image code here
</div>
</body>
</html>

**davemies** · 04-15-2008, 05:01 PM

beware it looks a bit naff in IE

**Gilligan** · 04-15-2008, 05:18 PM

You could always set the dots just for the image.

Code:

img {border:1px dotted black;}

**170 Designs** · 04-16-2008, 05:17 PM

Or open up the image in Photoshop and add the dots that way, haha. Probably wouldn't want to do that unless the image always "had" dots around the border.

Matt