Re: Text positioning w/Styles

Giganews Newsgroups
Subject: Re: Text positioning w/Styles
Posted by:  Dave Sisley (dsisl…
Date: Tue, 14 Dec 2004

Michael Satterwhite <satterwh.X$NO$S$P…> wrote:
> On my page, I'm positioning text on top of a graphic. I'm using the
> following code on my page:
> <img src="images/plainTop.gif" border="0" alt="" />
> <div style="position: absolute; top:98px; font-size: small">
> <div style="position: absolute; left: 190px"><a href="aboutus.html">About
> Us</a></div>
> <div style="position: absolute; left: 321px"><a
> href="faq.html">FAQ</a></div>
> <div style="position: absolute; left: 415px"><a
> href="stocksprings.html">Stock Springs</a></div>
> <div style="position: absolute; left: 542px"><a href="sitemap.html">Site
> Map</a></div>
> <div style="Position: absolute; left: 655px"><a
> href="resources.html">Resources</a></div>
> </div>
> This displays perfectly in both Firefox and Mozilla. In Internet Explorer,
> however, the text doesn't appear at all. Would one of you experts be so
> kind as to point out my error?

I'm not an expert, but what if you just used the image as the
background of a div wrapped around those things you want the image to
be underneath?

I also don't have IE, so I don't know if that would work better.

I mean something like this:

<div style="background: url(images/plainTop.gif">

<div> ... your buttons and stuff... </div>
<div> ... etc, etc... </div>


I tried it out on the page for which you posted the url and
it still seems to work in firefox.


Dave Sisley


In response to

Text positioning w/Styles posted by Michael Satterwhite on Tue, 14 Dec 2004