Table borders - dreamweaver

Phill · Jan 6, 2005

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 · Jan 6, 2005

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 · Jan 6, 2005

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 · Jan 6, 2005

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 · Jan 7, 2005

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

Ice FX · Jan 7, 2005

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 · Jan 7, 2005

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 · Jan 8, 2005

Hi phill,

copy/paste this code into Notepad:

HTML:

.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:

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

Now, in <table> tag add this:

HTML:

<table class="table">

So, your code looks something like as this:

HTML:

<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!

Thanks!

Best regeards,
Igor!

fisicx · Jan 8, 2005

Or even simpler:

.table {border: 1px solid black}

Table borders - dreamweaver

Established Member

Established Member

Established Member

Established Member

Established Member

Account Closed

Established Member

New Member

Established Member

Similar threads

We're social

overlaystorage.com

DNStandard.net

IoESupport.com

MichiganMoldRemediation.com

PPPV.ORG

789club.blog

crel.com

VSBlack.Com

WorkoutWeb.com

TenClinic.com

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling