0

Hi,
I'm getting a bit frustrated...I work in dreamweaver cs4 and have managed to set my table borders to my liking (had to put everything inside a single table or all the tables ended up with the same effect which I wanted to be global around all not individual) but...
When I preview in either firefox, opera, safari etc... I end up with an extra frame border the size of entire display page. See attached pic.

What I mean is...my centered table of 800 x 860 is fine and centered with the desired borders but the outside area's full screen has an extra border exactly like the one I created for the table.

Can anyone tell me what I'm doing wrong?
Here's my css code:

<style type="text/css">
<!--
body,td,th {
	font-family: Verdana;
	font-size: 15px;
	color: #000;
	border-top-color: #999;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #999;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 2px;
	border-right-width: 8px;
	border-bottom-width: 8px;
	unicode-bidi: 6;
	border-left-width: 2px;
	font-stretch: 2;
	direction: 8;
}
body {
	background-color: #ffffff;
	background-image: url(file:///E|/griffin_graffix/website/site_images/background_green.jpg);
}
.Hometext {
	font-family: Verdana;
	font-size: 15px;
	color: #CCC;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	font-style: normal;
}
a:link {
	color: #99B883;
}
a:visited {
	color: #6F3;
	border-top-style: none;
}
a:hover {
	color: #FC0;
}
.Hometext h1 font {
	font-family: Verdana;
	font-size: x-large;
	font-weight: lighter;
	font-style: normal;
	letter-spacing: 0.1em;
}
.centeredtext {	font-family: Verdana;
	text-align: center;
	line-height: 25px;
}
.footer {
	font-family: Verdana;
	font-size: 10px;
	color: #719135;
}
-->
</style>

Thanks!

Attachments home_double_border.JPG 110.02 KB
3
Contributors
4
Replies
5
Views
8 Years
Discussion Span
Last Post by GriffinMex
0

what does your html look like? you also set the border style to your body (which is the outside border you are seeing). you need to style your body as basic and add styles to your tables and divs with your style sheet

0

what does your html look like? you also set the border style to your body (which is the outside border you are seeing). you need to style your body as basic and add styles to your tables and divs with your style sheet

Thanks mj,
I thought it might be something along those lines....not very good with css just yet...went another route for this one...created my shadows in photoshop and applied them to background but your info is going to come in handy very soon I'm sure.
Thanks!

0

using css styling,
Try for more consistent, you are using px(bad) em(good) x-large(ok), in the same css document. the w3c recommendation for display is em and %. Makes the display device independent and allows the user to set the basefont per their vision. particularly 15px is very small on a 2000px monitor, using any fixed font makes the text vanishingly small on a large screen, and impossible large on a handheld deviceLegal vultures have begun lawsuits regarding accessible web pages(V.bad)

Try to move away from tables as a layout device
might be better to use css positioning as well
tables are difficult to render accurately, another place where standards compliance and IE differ markedly

0

using css styling,
Try for more consistent, you are using px(bad) em(good) x-large(ok), in the same css document. the w3c recommendation for display is em and %. Makes the display device independent and allows the user to set the basefont per their vision. particularly 15px is very small on a 2000px monitor, using any fixed font makes the text vanishingly small on a large screen, and impossible large on a handheld deviceLegal vultures have begun lawsuits regarding accessible web pages(V.bad)

Try to move away from tables as a layout device
might be better to use css positioning as well
tables are difficult to render accurately, another place where standards compliance and IE differ markedly

Thank you almostbob! I know you are right but I'm really having a hard time getting css and layout without tables. dreamweaver gives you just so many options and when I style my page with it, you get the code that you saw. I just really need someone to sit with me one afternoon and explain it clearly...
I tried some tutorials but they end up confusing me and I can't ask q's as I go.

Gonna keep reading and I'll eventually get it...lol

Thanks for the advice...I'll remember it and use it as much as I can.

Griffin

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.