PDA

View Full Version : Need help trying to figure this out!

jfrovich
03-08-2006, 15:31/03:31PM
Hi im helping a friend make some small changes to thier site..
and i noticed a few pages are messed up
http://www.supportcave.com/b/
the index page is slighly - look at the top right hand corner
the menu is a tiny bit over the white line
this page is perfect
http://www.supportcave.com/b/aboutus.html

thses pages are the worst
http://www.supportcave.com/b/horsebackrides.html
http://www.supportcave.com/b/ratesreservations.html

im looking at the code, and its looks ok
in firefox the site looks perfect.
im also looking at the css as well

ps.. im going to fix the title tags as well..

any ideas
Connie
03-08-2006, 16:15/04:15PM
The first thing I would do is add the appropriate doc type and validate the htm, the css file, and go from there.
jfrovich
03-08-2006, 16:26/04:26PM
Originally posted by Connie
The first thing I would do is add the appropriate doc type and validate the htm, the css file, and go from there.

darn
forgot the basics...
thanks

the css validates
the working page has 15 errors
the others have 17 ill work on that.
WebSavvy
03-08-2006, 16:55/04:55PM
Remove the background color from the <body> tag, add that to the CSS file. Define body as:


body {
background-color:#8c876f;
}


Use lowercase hex codes in your stylesheet.

Remove the bgcolor from the <td> and put that into a css class.

bgcolor="#ffffff"
bgcolor="#8c876f"

(and others) can be put into a class in your CSS file and then called as <td class="class name">

<div align="center"> needs to be changed.
"center" is a depreciated tag.

Use instead a class on the <div> like this:

<div class="content">

Then define content in the CSS file as follows:

.content {
margin:0 auto;
}


It will find the "center" for you, provided there's also a width attribute that's been defined somewhere, either in the class itself or the parent block in which it lives.
jfrovich
03-08-2006, 18:04/06:04PM
man this template is messed...
whom ever coded it should be shot..

im working on your suggestions
thanks

and i cant get the template center'd

ill keep working on it

im really messing it up...:(
g1smd
03-08-2006, 20:30/08:30PM
The <center> tag is deprecated; I'm not so sure that the center attribute is though.



Styling a table cell:

Let's say you have a table and all the table cells in it are supposed to have a certain style, all the same.

Most people would add a class name to each and every table cell.

There is no need to do this!

You can add the class name just once to the <table class="theclass"> tag, then style the table cells using:

table.theclass tr td { the style info ;}

If you find yourself repeating a class name over and over again on a page, then you are probably using the wrong CSS syntax to style that part of the page.