...

View Full Version : Can't figure this one out...table alignment



steveeck
04-09-2009, 07:13 PM
I'm having a heck of a time with this one. I'm using Dreamweaver and started with one of their templates. For this page, I moved some things and now I can't seem to get everything to come back to the top of the page. The page is at www.northwoodsvacationrentals.com. The linked pages work fine since I didn't mess with the template. Kind of new at this so any help would be appreciated.

Here is the CSS for this one:


/* Global Styles */

body {
margin:0px;
padding:0px;
}

td {
font:11px Arial, Helvetica, sans-serif;
color:#666666;
}

a {
color: #993300;
}

a:hover {
color: #5C743D;
}

/* ID Styles */

#navigation td {
border-bottom: 1px solid #F4FFE4;
}

#navigation a {
font: bold 11px Arial, Helvetica, sans-serif;
color: #D5EDB3;
line-height:16px;
letter-spacing:.1em;
text-decoration: none;
display:block;
padding:0;
margin:0;
}

#navigation a:hover {
background: #99CC66;
color:#993300;
}

#logo {
font:24px Arial, Helvetica, sans-serif;
color: #5C743D;
letter-spacing:.2em;
line-height:20px;
}

#tagline {
font:11px Arial, Helvetica, sans-serif;
color: #993300;
letter-spacing:.4em;
line-height:18px;
}

#monthformat {
border-bottom: 1px dashed #5C743D;
}

#dateformat {
font:11px Arial, Helvetica, sans-serif;
color: #FFFFFF;
letter-spacing:.2em;
}

#dateformat a {
font:11px Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight:bold;
letter-spacing:.1em;
text-decoration:none;
}

#dateformat a:hover {
color: #FFFFFF;
letter-spacing:.1em;
}

/* Class Styles */

.bodyText {
font:11px Arial, Helvetica, sans-serif;
color:#666666;
line-height:20px;
margin-top:0px;
}

.pageName{
font: 18px Arial, Helvetica, sans-serif;
color: #99CC66;
line-height:26px;
letter-spacing:.21em;
}

.subHeader {
font:bold 11px Arial, Helvetica, sans-serif;
color: #993300;
line-height:11px;
letter-spacing:.2em;
}

.quote {
font: 20px Arial, Helvetica, sans-serif;
color: #759DA1;
line-height:30px;
}

.smallText {
font: 10px Arial, Helvetica, sans-serif;
color: #666666;
line-height: 22px;
}

.navText {
font: 11px Arial, Helvetica, sans-serif;
color: #FFFFFF;
line-height:16px;
letter-spacing:.1em;
text-decoration: none;
}

twodayslate
04-10-2009, 03:52 AM
please use the code tags

i would not use tables here. try a definition list for the content and a regular div layout for the rest. table layouts are quite bad - google search it.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum