Reply
Dots in image border?
Old 04-10-2008, 09:44 PM Dots in image border?
Average Talker

Posts: 22
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.
__________________
DedicatedNOW -Check out reliable hosting with cpanel and plesk control panels
JACOBKELL is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 04-10-2008, 09:46 PM Re: Dots in image border?
BamaStangGuy's Avatar
This is my custom title

Posts: 1,779
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.
__________________
Mustang Evolution - Ford Mustang Enthusiast Website
Music Forums - General Music Discussion Forum

BamaStangGuy is offline
Reply With Quote
View Public Profile Visit BamaStangGuy's homepage!
 
Old 04-15-2008, 12:38 AM Re: Dots in image border?
joder's Avatar
Flipotron

Posts: 6,443
Name: James
Location: In the ocean.
Using CSS, something like:

Code:
.dots {
    border: 1px dotted #00f;
}
Code:
<div class="dots">
stuff
</div>
joder is offline
Reply With Quote
View Public Profile
 
Old 04-15-2008, 04:39 PM Re: Dots in image border?
OS Master's Avatar
Junior Talker

Posts: 1
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>
OS Master is offline
Reply With Quote
View Public Profile Visit OS Master's homepage!
 
Old 04-15-2008, 05:01 PM Re: Dots in image border?
Webmaster Talker

Posts: 660
Location: Kokkola, Finland
beware it looks a bit naff in IE
davemies is online now
Reply With Quote
View Public Profile Visit davemies's homepage!
 
Old 04-15-2008, 05:18 PM Re: Dots in image border?
Gilligan's Avatar
Dead Like Me

Posts: 1,608
Name: Stefan
Location: London, UK
You could always set the dots just for the image.

Code:
img {border:1px dotted black;}
Gilligan is offline
Reply With Quote
View Public Profile
 
Old 04-16-2008, 05:17 PM Re: Dots in image border?
Webmaster Talker

Posts: 560
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
170 Designs is offline
Reply With Quote
View Public Profile
 
Old 07-20-2008, 08:54 PM Re: Dots in image border?
Average Talker

Posts: 22
Quote:
Originally Posted by joder View Post
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
__________________
DedicatedNOW -Check out reliable hosting with cpanel and plesk control panels
JACOBKELL is offline
Reply With Quote
View Public Profile
 
Old 07-20-2008, 11:04 PM Re: Dots in image border?
joder's Avatar
Flipotron

Posts: 6,443
Name: James
Location: In the ocean.
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.
joder is offline
Reply With Quote
View Public Profile
 
Old 07-21-2008, 12:06 PM Re: Dots in image border?
Average Talker

Posts: 22
Quote:
Originally Posted by joder View Post
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 ?
__________________
DedicatedNOW -Check out reliable hosting with cpanel and plesk control panels
JACOBKELL is offline
Reply With Quote
View Public Profile
 
Old 07-21-2008, 12:40 PM Re: Dots in image border?
angele803's Avatar
Perfectly Imperfect

Posts: 1,588
Name: Stephanie
Location: Oklahoma
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
angele803 is offline
Reply With Quote
View Public Profile
 
Old 07-21-2008, 01:19 PM Re: Dots in image border?
Average Talker

Posts: 22
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.
__________________
DedicatedNOW -Check out reliable hosting with cpanel and plesk control panels

Last edited by JACOBKELL : 07-21-2008 at 01:28 PM.
JACOBKELL is offline
Reply With Quote
View Public Profile
 
Old 07-21-2008, 02:23 PM Re: Dots in image border?
LadynRed's Avatar
Super Moderator

Posts: 6,555
Location: Tennessee
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
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 07-21-2008, 02:45 PM Re: Dots in image border?
Average Talker

Posts: 22
Quote:
Originally Posted by LadynRed View Post
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.
__________________
DedicatedNOW -Check out reliable hosting with cpanel and plesk control panels
JACOBKELL is offline
Reply With Quote
View Public Profile
 
Old 07-21-2008, 02:48 PM Re: Dots in image border?
LadynRed's Avatar
Super Moderator

Posts: 6,555
Location: Tennessee
I see.. images only ? How do you make a decent website with ONLY images ??
Either way - same CSS applies
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 07-21-2008, 02:58 PM Re: Dots in image border?
Average Talker

Posts: 22
Quote:
Originally Posted by LadynRed View Post
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.
__________________
DedicatedNOW -Check out reliable hosting with cpanel and plesk control panels
JACOBKELL is offline
Reply With Quote
View Public Profile
 
Old 07-21-2008, 06:13 PM Re: Dots in image border?
joder's Avatar
Flipotron

Posts: 6,443
Name: James
Location: In the ocean.
Code:
img .noImgBorder {
    border-style: none;
}
Then on an image that you don't want a border
<img class="noImgBorder" .... >
joder is offline
Reply With Quote
View Public Profile
 
Old 07-21-2008, 08:34 PM Re: Dots in image border?
LadynRed's Avatar
Super Moderator

Posts: 6,555
Location: Tennessee
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.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 07-22-2008, 08:57 AM Re: Dots in image border?
Novice Talker

Posts: 7
you can use as follows,

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

it may help you
__________________
http://GoldenWebDesign.com Web Design & Development
http://Juble.com Promote yourself or your Business
khammam is offline
Reply With Quote
View Public Profile
 
Old 07-22-2008, 02:32 PM