table border = 1 looks too big!

#1

I just got Dreamweaver and am creating a table with border size of 1 pixel.
When I preview, it looks a lot thicker than a normal border. However, when I
create the same table in Front Page with a border size of 1 pixel, it looks
like a 1 px border. I can't figure out what I'm doing wrong in Dreamweaver?

#2

you're probably not setting the border with CSS.
You should. That way your table border can really be 1 px and any color
you want.
Create a new style in a CSS style sheet, link it to your page.
Go to border in CSS window. Set your border.
Then apply the style to your table.

planeboy7e7 wrote:

Quote:

I just got Dreamweaver and am creating a table with border size of 1 pixel.
When I preview, it looks a lot thicker than a normal border. However, when I
create the same table in Front Page with a border size of 1 pixel, it looks
like a 1 px border. I can't figure out what I'm doing wrong in Dreamweaver?

#3

planeboy7e7,

Here is the code I use to set table borders. It's been pretty stable fore
me. Add either of the CSS snippets to your stylesheet.
Then just assign the class to you table.

Shorthand:
.ThinBorder { border: 1px solid #000000; }

Longhand:

.ThinBorder {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}

Example:
<table width="200" border="0" cellspacing="0" cellpadding="0"
class="ThinBorder">
<tr><td>Cell1</td></tr>
</table>

MindCrafter
http://www.mindcrafter.com

#4

so there is no way to create a thin border with just the regular border function in dreamweaver? does it definitely have to be done in CSS?

#5

No. Yes.

Qualification to the "No". If you create a 1 cell table with the background
color you want the border to be, and give it a cell padding of 1, then when
you nest a new table with a background color of while inside this single
cell, it will appear to have the border color you want.

It's a lot of sawdust for something easily done with CSS, however.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"planeboy7e7" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:

so there is no way to create a thin border with just the regular border
function in dreamweaver? does it definitely have to be done in CSS?

#6

planeboy7e7 typed:

Quote:

so there is no way to create a thin border with just the regular
border function in dreamweaver? does it definitely have to be done in
CSS?

Using CSS is the best way, nothing too difficult about it really.

Just copy and paste the following just before the closing </head> tag.

<style type="text/css">

</style>

And then apply the class to the table.

<table class="thinborder">

or if you really want to you can use a nested table, however, it is not
really the correct way to do it - it is not really valid html code. You are
better off learning how to do it correctly from the outset by using css.
Just looking at the code, you can see that the css method uses a lot less
code, so you have a cleaner, leaner page

like this:
The out table has a black ground and with padding set to 1 and spacing set
to 1. You then insert an inner table.

Gives the effect of a black border. copy and paste the following between the
<body> </body> tags on a new page.

<table width="100%" border="0" cellpadding="1" cellspacing="1"
bgcolor="#000000">
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0"
bgcolor="#FFFFFF">
<tr>
<td>text goes into this inner table</td>
<td align="right">more text into 2nd cell</td>
</tr>
</table>
</td>
</tr>
</table>

--
Nadia
-----------------
*Free Templates *Dropdown Menu Templates*
http://www.DreamweaverResources.com
*Templates - HTML and CSS Validated *
*Free Nav Bar Sets*
*Resources : Ecommerce : SEO Articles*
-----------------

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

table border = 1 looks too big!

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)

table border = 1 looks too big! - 07-10-2004 , 07:41 PM

Re: table border = 1 looks too big! - 07-10-2004 , 08:21 PM

Re: table border = 1 looks too big! - 07-10-2004 , 09:08 PM

Re: table border = 1 looks too big! - 07-12-2004 , 08:55 AM

Re: table border = 1 looks too big! - 07-12-2004 , 09:06 AM

Re: table border = 1 looks too big! - 07-12-2004 , 09:08 AM