Jump to content

Recommended Posts

Posted (edited)

Hi,

 

I got an open source accordion text box script from the internet. It works perfectly for me, however I've been trying for some time to get something to work with it.

 

* I need to put an image link in the textbox that expands. This is proving to be difficult because any image I put in the the Accordion Textbox paragraph in the .html files displays outside the accordion textbox.

 

Here is a part of my .html file:

 

      


            





                       Click on one of the following boxes to choose your method in booking a procedure. From then on follow the prompts.









       
Edited by ee92
Posted

I tried the absolute positioning of the image - didn't work :(.

 

I tried adding the overflow but I'm not sure I got it correctly - can you show me?

 

Thanks

Posted

It's in the CSS file.

 

I did try using it as a background image but I couldn't find a way to change the image when the pointer hovered over it - is that possible? That would be so much easier.

Posted
It's in the CSS file.

 

I did try using it as a background image but I couldn't find a way to change the image when the pointer hovered over it - is that possible? That would be so much easier.

 

Here we go! I worked up a little demo for you (and me). This shows both ways I was describing. Although, your accordian containers probably don't have a fixed width on them - right? Therefore the overflow hidden method would not work. But I put it in there anyways. http://www.visibilityinherit.com/forums/overflow.html

 

And here is how to do the linked image swap. Let me know if you get stuck... http://www.visibilityinherit.com/code/linked-image-swap.php

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...