table borders - dreamweaver

Phill · 01-06-2005, 12:09 PM

Hello I am using Dreamweaver MX 2004 to make a webdesign, but I am having a problem with table borders. Border size 1 is way to thick, i need less of a border thickness, how do I do this?

When you select an image and set it a border of thickness 1, it is much thinner!?

Is there anything I can do?

Many thanks

From phill Walker

fisicx · 01-06-2005, 12:40 PM

Not sure what you are trying to do. You can't get smaller then 1 pixel.

Remember though that borders in DW always look a bit weird until you preview them using a browser. And even then different browsers render the things differently.

Your best bet is to set the <table> and <td> borders using CSS.

Phill · 01-06-2005, 12:55 PM

i know you cant get less than a pixel, but when you set it to 1 pixel, and view it online or whatever, its about 3!

Not sure whats wrong!

fisicx · 01-06-2005, 01:57 PM

Can you give us a URL to have a look at the problem page. Remember that you will have a table border as well as cell borders. Might be teaching you to suck eggs but have you made the table border 0 and the cell border 1. Also note that you cannot set the cell spacing in CSS, you have to do it in HTML. This could be your problem, the cellspacing has a default of 1px.

Phill · 01-07-2005, 04:39 AM

Ill post a URL soon, its not uploaded I need to finish another website first, due to launch today!!!

Ice FX · 01-07-2005, 10:44 AM

mine does that too, what it does, is it shades the border instead of leaving it 1 colour, so it adds pixels, which sucks and i dont know how to stop it

fisicx · 01-07-2005, 11:49 AM

Hi Guys,

Table borders can be a real pain. Ther only sure way to get them to do waht you want is to use CSS. Post the URL of the page and I'll have a look at it.

Of course if you really want to fix it the get rid of the table altogether and use CSS.

You can do it like this: fisicx/games . No tables, no JavaScript just CSS.

igor · 01-08-2005, 05:08 AM

Hi phill,

copy/paste this code into Notepad:

HTML Code:

.table {
	border-left-width: 1;
	border-left-color: Black;
	border-left-style: solid;
	border-bottom-width: 1;
	border-bottom-color: Black;
	border-bottom-style: solid;
	border-top-width: 1;
	border-top-color: Black;
	border-top-style: solid;
	border-right-width: 1;
	border-right-color: Black;
	border-right-style: solid;
}

And then just save file as style.css in folder where are files of your web page!

Then go to dreamweaver and put this code between </head> and <body> tags:

HTML Code:

<link rel="stylesheet" href="style.css" type="text/css">

Now, in <table> tag add this:

HTML Code:

<table class="table">

So, your code looks something like as this:

HTML Code:

<link rel="stylesheet" href="style.css" type="text/css">

<body>
<table class="table" width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

Of course, if you need to change border color, just edit CSS code!
????: NamePros.com http://www.namepros.com/web-design-discussion/63538-table-borders-dreamweaver.html

Thanks!

Best regeards,
Igor!

fisicx · 01-08-2005, 05:41 AM

Or even simpler:

.table {border: 1px solid black}

01-06-2005, 12:09 PM	THREAD STARTER #1 (permalink)
Phill NamePros Member Join Date: Aug 2003 Location: UK Posts: 59	table borders - dreamweaver Hello I am using Dreamweaver MX 2004 to make a webdesign, but I am having a problem with table borders. Border size 1 is way to thick, i need less of a border thickness, how do I do this? When you select an image and set it a border of thickness 1, it is much thinner!? Is there anything I can do? Many thanks From phill Walker __________________ Nitro-Net - http://www.nitro-net.co.uk/ Ultimate-Force - http://www.ultimate-force.co.uk/

01-06-2005, 12:55 PM	THREAD STARTER #3 (permalink)
Phill NamePros Member Join Date: Aug 2003 Location: UK Posts: 59	i know you cant get less than a pixel, but when you set it to 1 pixel, and view it online or whatever, its about 3! Not sure whats wrong! __________________ Nitro-Net - http://www.nitro-net.co.uk/ Ultimate-Force - http://www.ultimate-force.co.uk/

01-07-2005, 04:39 AM	THREAD STARTER #5 (permalink)
Phill NamePros Member Join Date: Aug 2003 Location: UK Posts: 59	Ill post a URL soon, its not uploaded I need to finish another website first, due to launch today!!! __________________ Nitro-Net - http://www.nitro-net.co.uk/ Ultimate-Force - http://www.ultimate-force.co.uk/

01-08-2005, 05:08 AM	#8 (permalink)
igor First Time Poster! Join Date: Jan 2005 Location: Imotski, Croatia Posts: 1	Hi phill, copy/paste this code into Notepad: HTML Code: .table { border-left-width: 1; border-left-color: Black; border-left-style: solid; border-bottom-width: 1; border-bottom-color: Black; border-bottom-style: solid; border-top-width: 1; border-top-color: Black; border-top-style: solid; border-right-width: 1; border-right-color: Black; border-right-style: solid; } And then just save file as style.css in folder where are files of your web page! Then go to dreamweaver and put this code between </head> and <body> tags: HTML Code: <link rel="stylesheet" href="style.css" type="text/css"> Now, in <table> tag add this: HTML Code: <table class="table"> So, your code looks something like as this: HTML Code: <link rel="stylesheet" href="style.css" type="text/css"> <body> <table class="table" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td>* *</td> </tr> </table> Of course, if you need to change border color, just edit CSS code! ????: NamePros.com http://www.namepros.com/web-design-discussion/63538-table-borders-dreamweaver.html Thanks! Best regeards, Igor!

01-06-2005, 12:40 PM	#2 (permalink)
fisicx NamePros Member Join Date: Nov 2004 Posts: 43	Not sure what you are trying to do. You can't get smaller then 1 pixel. Remember though that borders in DW always look a bit weird until you preview them using a browser. And even then different browsers render the things differently. Your best bet is to set the <table> and <td> borders using CSS.

01-06-2005, 01:57 PM	#4 (permalink)
fisicx NamePros Member Join Date: Nov 2004 Posts: 43	Can you give us a URL to have a look at the problem page. Remember that you will have a table border as well as cell borders. Might be teaching you to suck eggs but have you made the table border 0 and the cell border 1. Also note that you cannot set the cell spacing in CSS, you have to do it in HTML. This could be your problem, the cellspacing has a default of 1px.

01-07-2005, 10:44 AM	#6 (permalink)
Ice FX Account Closed Join Date: Nov 2004 Posts: 32	mine does that too, what it does, is it shades the border instead of leaving it 1 colour, so it adds pixels, which sucks and i dont know how to stop it

01-07-2005, 11:49 AM	#7 (permalink)
fisicx NamePros Member Join Date: Nov 2004 Posts: 43	Hi Guys, Table borders can be a real pain. Ther only sure way to get them to do waht you want is to use CSS. Post the URL of the page and I'll have a look at it. Of course if you really want to fix it the get rid of the table altogether and use CSS. You can do it like this: fisicx/games . No tables, no JavaScript just CSS.

01-08-2005, 05:41 AM	#9 (permalink)
fisicx NamePros Member Join Date: Nov 2004 Posts: 43	Or even simpler: .table {border: 1px solid black}

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)