Text positioning w/Styles

[Michael Satterwhite]

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.h tml">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="stockspri ngs.html">Stock Springs</a></div>
<div style="position : absolute; left: 542px"><a href="sitemap.h tml">Site
Map</a></div>
<div style="Position : absolute; left: 655px"><a
href="resources .html">Resource s</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?

tia
---Michael

[Spartanicus]

Don't multi post.

Michael Satterwhite <sa************ *****@weblore.c om> wrote:

On my page, I'm positioning text on top of a graphic. I'm using the
following code on my page:
[snip code]
An url is much preferred.
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?

Ditch the absolute positioning. You are misusing it.

--
Spartanicus

[Michael Satterwhite]

Spartanicus wrote:

Don't multi post.

Michael Satterwhite <sa************ *****@weblore.c om> wrote:

On my page, I'm positioning text on top of a graphic. I'm using the
following code on my page:

[snip code]
An url is much preferred.

For what? There *IS* a url there.

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?

Ditch the absolute positioning. You are misusing it.

And use what in its place? I'm stuck with the graphics (someone else's work
that I have to use).

I'm very open - and grateful - for suggestions, but "Don't do that" isn't
very useful when I have to accomplish the goal. Maybe not the way it's
being done, but the goal has to get done.

[Arne]

Once upon a time *Michael Satterwhite* wrote:

Spartanicus wrote:

Don't multi post.

Michael Satterwhite <sa************ *****@weblore.c om> wrote:

On my page, I'm positioning text on top of a graphic. I'm using the
following code on my page:

[snip code]
An url is much preferred.

For what? There *IS* a url there.

Where? I don't see any URL either, only a part of some coding stuff

--
/Arne
http://web.telia.com/~u97802964/

The old believe everything, the middle-aged suspect everything and the
young know everything. (Oscar Wilde)

[Michael Satterwhite]

Arne wrote:

Once upon a time *Michael Satterwhite* wrote:

Spartanicus wrote:

Don't multi post.

Michael Satterwhite <sa************ *****@weblore.c om> wrote:

On my page, I'm positioning text on top of a graphic. I'm using the
following code on my page:

[snip code]
An url is much preferred.

For what? There *IS* a url there.

Where? I don't see any URL either, only a part of some coding stuff

Each section has a URL associated with it. From the first section:

<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.h tml">About Us</a></div>
^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^^ ^^^^^

[Spartanicus]

Michael Satterwhite <sa************ *****@weblore.c om> wrote:

[snip code]
An url is much preferred.

For what? There *IS* a url there.

Posting code in this group is not appreciated, upload a real example
using real content to a webserver and post the url instead. This allows
us to spot what the real problem is and give useful advice on how you
should solve it.

Ditch the absolute positioning. You are misusing it.

And use what in its place?

Can't say until you show us what the context is, see above.

--
Spartanicus

[Arne]

Once upon a time *Michael Satterwhite* wrote:

Arne wrote:

Once upon a time *Michael Satterwhite* wrote:

Spartanicus wrote:

Don't multi post.

Michael Satterwhite <sa************ *****@weblore.c om> wrote:

>On my page, I'm positioning text on top of a graphic. I'm using the
>followin g code on my page:

[snip code]
An url is much preferred.

For what? There *IS* a url there.

Where? I don't see any URL either, only a part of some coding stuff

Each section has a URL associated with it. From the first section:

<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.h tml">About Us</a></div>
^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^^ ^^^^^

That is a file on domain I don't know what or where it is. Obviously you
don't know what a URL is?

URL is a abbreviation of "Uniform Resource Locator", the global address
of documents and other resources on the World Wide Web.

In my sig below, I have an URL. The first part of the address indicates
what protocol to use, and the second part specifies the the domain name
where the resource is located. After that comes either a file or a
folder (also called directory) that contain files.

So what is the URL to the file "aboutus.ht ml"? :)

--
/Arne
http://web.telia.com/~u97802964/

The old believe everything, the middle-aged suspect everything and the
young know everything. (Oscar Wilde)

[Michael Satterwhite]

Spartanicus wrote:

Michael Satterwhite <sa************ *****@weblore.c om> wrote:

[snip code]
An url is much preferred.

For what? There *IS* a url there.

Posting code in this group is not appreciated, upload a real example
using real content to a webserver and post the url instead. This allows
us to spot what the real problem is and give useful advice on how you
should solve it.

Happy to:

http://linux.leecospring.com/~direct...st/catalog.php

I apologize for the code posting and will remember this in the future. I
appreciate all help.

Note that it displays correctly in Mozilla / Firefox. The links disappear in
Internet Explorer.

[Lauri Raittila]

in comp.infosystem s.www.authoring.stylesheets, Michael Satterwhite wrote:

http://linux.leecospring.com/~direct...st/catalog.php Note that it displays correctly in Mozilla / Firefox. The links disappear in
Internet Explorer.

Problem might be absolute position inside absolute position. Use classes
and ids instead of inline style:

..links {top:98px}
#about {left:123px}

<a href="about" class="links" id="about">a</a>

I wouldn't use absolute positioning here, as you easily get too big font
to fit the container. Better make container strech. Your link buttons are
somewhat easy, you need just image of extra wide and high button, with
another that has tail of other before head.

You have also made your head image fixed, but there is no real reason to
do that. It is not nice to get horizontal scrollbar for that. (have to
agree that it is nowhere near easy to make that image fluid, but it would
be possible to shave of 150pxs at least when needed, quite nicely)

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>

[Spartanicus]

Michael Satterwhite <sa************ *****@weblore.c om> wrote:

http://linux.leecospring.com/~direct...st/catalog.php

Things you should solve:

Don't attempt to position menu text on top of a graphic, it breaks
horribly on client systems because you have no idea what the text size
is going to be.

Don't use divs to mark up a list of links, use an unordered list,
optionally use css to display the links horizontally. Google for "ala
taming lists" for a tutorial on how to do this proper. Another tutorial
on the same site may also be useful to you, Google for "ala sliding
doors".

--
Spartanicus