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

**JACOBKELL** · 07-20-2008, 08:54 PM

Quote:

Originally Posted by joder

Using CSS, something like:

Code:

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

Code:

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

This code works,but problem is i need to repeat it to each table to make it work.Is it possible to put that code only once so i can see it on every table

**joder** · 07-20-2008, 11:04 PM

If your putting the border on a table, put in your CSS file

Code:

table {
    border: 1px dotted #00f;
    border-collapse: collapse;
}

td {
    border: 1px dotted #00f;
    border-collapse: collapse;
}

Could be done in one code block, but you should put other thing in your CSS for each individual element such as padding.

**JACOBKELL** · 07-21-2008, 12:06 PM

Quote:

Originally Posted by joder

If your putting the border on a table, put in your CSS file

Code:

table {
    border: 1px dotted #00f;
    border-collapse: collapse;
}

td {
    border: 1px dotted #00f;
    border-collapse: collapse;
}

Could be done in one code block, but you should put other thing in your CSS for each individual element such as padding.

It works.But now question is what with tables where i dont want border ?How do i define that ?

**angele803** · 07-21-2008, 12:40 PM

You can define a class and assign it to the tables that you want the dotted border to be on.

For example:

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

Then put class="table_border" on the tables that you want to show a dotted border

**JACOBKELL** · 01:28 PM

No i need to have all tables with dotes as joder described.But the problem is what if i need of one table to have without dots?That is problem.

**LadynRed** · 07-21-2008, 02:23 PM

Quote:

But the problem is what if i need of one table to have without dots?That is problem.

No it's not. You use CSS, create a class that removes or changes the border for that isolated table, then add the class to the html.

You really shouldn't be using tables for layout anyway -- very 1995

**JACOBKELL** · 07-21-2008, 02:45 PM

Quote:

Originally Posted by LadynRed

No it's not. You use CSS, create a class that removes or changes the border for that isolated table, then add the class to the html.

You really shouldn't be using tables for layout anyway -- very 1995

Actualy i dont use tables i use img tag only that is just for example.

**LadynRed** · 07-21-2008, 02:48 PM

I see.. images only ? How do you make a decent website with ONLY images ??
Either way - same CSS applies

**JACOBKELL** · 07-21-2008, 02:58 PM

Quote:

Originally Posted by LadynRed

I see.. images only ? How do you make a decent website with ONLY images ??
Either way - same CSS applies

Lol who said it's only images there?In any case
this is code which i have now:
<style type="text/css">

img {
border: 10px dotted #00f;
border-collapse: collapse;
}
And i need to know how to dissalow influence to images where i dont want border.

**joder** · 07-21-2008, 06:13 PM

Code:

img .noImgBorder {
    border-style: none;
}

Then on an image that you don't want a border
<img class="noImgBorder" .... >

**LadynRed** · 07-21-2008, 08:34 PM

border-collapse: collapse - applies to tables - NOT images.

Quote:

And i need to know how to dissalow influence to images where i dont want border.

I told you, create a class in your CSS and add that class to the image/element you want to be different - just like Joder has illustrated.

**khammam** · 07-22-2008, 08:57 AM

you can use as follows,

style="border:1px dotted #ff0000;"

it may help you