Technique for Pushing Body Text up the HTML code Ladder...

bigdog97 · #1 (**permalink**) 03-03-2005, 05:58 PM

I hired a SEO company to optimize my site. They did very well, but one I wanted to know about one of the techiques that they used to get the body text closer to the top of the HTML.

This is at the top of the code...

<head>

<title></title>
<meta name="description" content="">
<meta name="keywords" content="">

The graphics and links that are at the top of the page then appear at the bottom, but the page appears correctly(see www.surelogos.com )

Can anyone tell me what this is and how to do it???

speed · #2 (**permalink**) 03-04-2005, 06:08 AM

They used CSS to absolutely position the header etc, see MastHead definition in http://www.surelogos.com/images/styles.css

Using absolute positioning means you can have the HTML in any order and still get the page to view as intended.

Corey Bryant · #3 (**permalink**) 03-04-2005, 10:21 AM

For some more information on absolute positioning: Positioning HTML Elements with Cascading Style Sheets, CSS Layout, or An example of CSS absolute positioning

bigdog97 · #4 (**permalink**) 03-04-2005, 10:18 PM

Thanks for the information! I checked out the links, and they were helpful. I was looking into learning this and was wondering if there are any good books or videos that would teach an intermediate to advanced HTML person to program using CSS.

Is there a techique that can be done using Dreamweaver?

Thanks for the help!

Corey Bryant · #5 (**permalink**) 03-04-2005, 10:21 PM

A good website is the CSS Tutorial from W3Schools

frobn · #6 (**permalink**) 03-09-2005, 04:01 PM

Quote:

Originally Posted by Corey Bryant

For some more information on absolute positioning: Positioning HTML Elements with Cascading Style Sheets, CSS Layout, or An example of CSS absolute positioning

An better way to get the images to load last is to load them as background images. This gives you an additional benefit of being able to put text over your image. I often will put my main key words in css formated h1 tags on the header so it is the first thing that users see and serach engines read.