OutFront Forums
     Home    Register     Search      Help      Login    

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Sponsors
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

 

problem with absolute position

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> problem with absolute position
Page: [1]
 
doug03

 

Posts: 1
Joined: 7/21/2003
Status: offline

 
problem with absolute position - 7/21/2003 8:06:18   
Hi All,

I have a problem and I am entirely new to CSS so I can' t figure it out. What I want to do is get my home page positioned better on search engines with the help of CSS. My problem is that my home page is one large picture with a few links and no copy; thus the reason is won' t work on a search engine. I heard about something called Z-order in CSS, and I' m not sure if it is that or absolute positioning. I want to put one full page on top of another. What I want to do is put some copy on the first page so that a search engine can read it, then my home page on top of that. I have it somewhat figured out, but not entirely. Here is the code so far:
<html>
<head>
<title>Z-order Example</title>
<style type=" text/css" >
<!--
div.one {position: absolute;
top: 20px;
left: 20px;
height: 50px;
width: 100%;
color: white;
background-color: blue;
z-index: 2;}
div.two {position: absolute;
top: 40px;
left: 0px;
height: 250px;
width: 100%;
background-color: yellow;
z-index: 3;}
-->
</style>
</head>
<body>
<div class=" one" >This is where I want my copy to go so search engines can read it..</div>
<div class=" two" >This yellow section is where I want my home page to go.</div>
</body>
</html>

What I want to do is have my home page take up the entire area of the yellow. Here is a link to what it looks like: http://www.geocities.com/cyberartmaster/absolute.html Can anyone help? Thanks for your help!!!

Doug03
bobby

 

Posts: 11901
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: problem with absolute position - 7/22/2003 10:50:22   
Doug -

It' s been brought to my attention that the method described at spider-food.net might actually work against you with the search engines...

So lets see if we can find another way :)

It looks like you basically want to have your text content show up above the image... do you still want it visible? Or are you trying to place it " under" the image? Or are you looking for some overlap, like you have now?

How much text are we talking about? Does all the text fit into a 50px tall area? Is the image only 250px tall (as indicated by the height of your #2 layer above)?

_____________________________

Talk to your kittens about catnip, or someone else will.


:)

(in reply to doug03)
caywind

 

Posts: 1484
From: USA
Status: offline

 
RE: problem with absolute position - 8/3/2003 18:33:22   
20 from the top on one

40 from the top on two

would let some of one show above two?

_____________________________

Fight the Internet attack, www.awebmasters.net

(in reply to doug03)
ApexWeb

 

Posts: 139
Joined: 6/27/2003
From: Flower Mound, Texas
Status: offline

 
RE: problem with absolute position - 8/7/2003 6:20:25   
It is a bad idea to use " tricks" to try to gain an advantage in search engines. The search engines that people actually use (a small list of around 10) are quick to pick up on what they call " spamming tactics." They will make you pay.

_____________________________

Stephen Walker
Apex Web Solutions

(in reply to doug03)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> problem with absolute position
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts