You have a hidden <span> between each image, rather than after all the 
images.  Inside each <span> is a <div> block element.

So when you hover over, the <span> appears between the images.  The 
<div> forces it onto a new line, and so everything after it drops below.

My suggestions would be to put all the images in a row, then all the 
hidden spans in a row after.  Then when you hover over the image, the 
text will appear below all the images, rather than just the ones before it.

Does that make sense?





pkr 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.
>
> >
>   

--~--~---------~--~----~------------~-------~--~----~
--
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]
-~----------~----~----~----~------~----~------~--~---

Reply via email to