Mouse rollover to the image and text shown next to the image.

  • Question
  • Updated 8 years ago
hi

i want to add image and when i rollover my mouse to that image text shown next to the image in the box and also with if a add several picture in row so the formation should be the same.....how could i do this please help me !!!!!

For example see that site
and in the last portion of the site they different comment from different people of different organization with the company logo i want the same thing code for this

Please HELP me !!!!!
Photo of Moeen

Moeen

  • 31 Posts
  • 2 Reply Likes
  • anxious

Posted 8 years ago

Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Moeen

Do you have an example of this? Then, perhaps I can come up with something similar that would work for you.
Photo of Moeen

Moeen

  • 31 Posts
  • 2 Reply Likes
Hello Sanja

i think that i didn't mention the link of website that I'm talking about so I'm SORRY for that...... "http://polldaddy.com/ " I'm talking about that site in the last portion of that site there are some comment from different people belonging different organization with the company logo i want to do the same thing that when i take my cursor on the image it works like that means it shows text regarding that person of the particular organization

Hope that u understand now !!!!!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Moeen

I don't know if any codes offhand that will work. Please leave this with me for a day and I'll do some research. In the meantime, can you please let me know if you have a Yola Silver (formerly Yola Pro) account? This will help to know what codes will be compatible with your site. Thanks.
Photo of Moeen

Moeen

  • 31 Posts
  • 2 Reply Likes
Yes !!!!! I am using Yola Pro (free account).......is this may create any problem for using this code ????
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Moeen

I think I may have found a simple code to achieve this. Keep in mind that the text you see on the polldaddy account are image files. You'll need to type out the comment and save as an image file.

What you need to do is drag over a Column Divider Widget.

In the first column, drag over an HTML Widget.

Paste in the following code:
<a href="http://google.com&quot; target="pageB"><img src="resources/yourimagefile.jpg"></a> <a href="http://yahoo.com&quot; target="pageB"><img src="resources/yourimagefile.jpg"></a>

*Replace the "google.com" and "yahoo.com" with the URL to your comment image file.

*Replace the "yourimagefile.jpg" with the logos files you want to use.

Then, in the 2nd column, drag over another HTML Widget and paste in the following code:

<iframe name="pageB" frameborder="0" width="300" height="200"></iframe>

*You can adjust the width and height so that your image for comment fit in there.

To see if this is working as designed, please be sure to save and then look on your preview page.

I hope this information is helpful to you. If you have any trouble with this, please let me know.
Photo of Moeen

Moeen

  • 31 Posts
  • 2 Reply Likes
Hello Sanja

I have added the HTML code but there is one problem i can see images but i can not see any comment box there i have to add comment box like i image as u told me earlier or some thing else and the second thing is that the 2nd HTML code u provide what is it for i didn't understand and it's show nothing on preview mode ????
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Moeen

Would you mind emailing support@yola.com again and mark it for my attention? I'll be able to help you further from there. Thanks.