You have just a fragment of an html document there. So, test is
dificult and validations is impossible.
First of all, fix your document and validade it (also, validates de
CSS), otherwise you can't expect browsers to render it correctly.
So, change your <span> elements style to something like this (and fix
it's background color):
#recommended a:hover span {
display:block;
position:absolute;
}
Use absolute positioned elements inside relative inside elements is
the only way (that I know) to create css tooltips with hover events.
Also, you'll have to deal with some MSIE6 issues to make this work on
it too (I have a post on my blog, blog.diovani.com, teaching hot to
make this, including how to fix ie6 issues. It is in portuguese, but
if you follow the references, you may find an english howto).
On Mon, Sep 29, 2008 at 2:55 AM, pkr <[EMAIL PROTECTED]> wrote:
>
> Hi,
>
> I'm currently trying to post a row of thumbnail images and upon
> hovering each one, the text description below them changes
> accordingly. So far I have somewhat gotten what I wanted, as can be
> seen @ www.lolattack.com/test.html but for some reason, there is
> something wrong with the code as you can see. The effect seems to push
> the image/descriptions below (except for the last one). Not quite sure
> what is going on here...
>
> Any help at all would be definitely appreciated! Thanks.
>
> >
>
--
Paulo Diovani
[EMAIL PROTECTED]
+55 51 8146 5413
___________________
http://www.diovani.com
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---
