Jump to content
Sign in to follow this  
maxquinn

Pagelines Rollovers in Boxes and Spacing

Recommended Posts

maxquinn

Hi, I'm working on an artist agency website and I'd like to have an artist page with each artist displayed by an image in a box, which is also a rollover. See here for an idea of what I mean: http://www.archetypeartists.com/wordpress/?page_id=17 I've managed to put the images and links in the boxes fine, but have two questions: 1) How can I make the images rollovers, I'm currently using the code below in the content area of the box, but the rollovers aren't working: Badness<!--??“end_raw??“--> 2) The vertical spacing between each row of boxes is way too large, how do I decrease this? Thanks very much! Max. ?»?

Share this post


Link to post
Share on other sites
maxquinn

Sorry I wasn't expecting that rollover code to actually put an image in their haha. Here it is (with a space added after each '<' as I can't seem to get the code tag to work for some reason: < a onmouseover="document.sub_but.src='http://www.archetypeartists.com/wordpress/wp-content/images/artistbuttons/DreamRoll.jpg'" onmouseout="document.sub_but.src='http://www.archetypeartists.com/wordpress/wp-content/images/artistbuttons/DreamOff.jpg''>http://www.archetypeartists.com/wordpress/wp-content/images/artistbuttons/DreamOff.jpg'" href="http://www.archetypeartists.com/wordpress/?page_id=81" target="_top">< img src="http://www.archetypeartists.com/wordpress/wp-content/images/artistbuttons/DreamOff.jpg" alt="Dream Mclean" /> < /a><!--??“end_raw??“-->

Share this post


Link to post
Share on other sites
ricardo

Hi Max! Can you use the CODE tag please? Otherwise we can't see the code you post. Ricardo

Share this post


Link to post
Share on other sites
maxquinn

Hi Ricardo, sorry I just updated it, see the post above yours. Cheers!

Share this post


Link to post
Share on other sites
ricardo

Seems you're missing the name in the image and therefore the javascript doesn't know to which element apply the code. Add name="sub_but" in the image, after alt="Dream Mclean" for example. Ricardo

Share this post


Link to post
Share on other sites
maxquinn

Ah yer thanks I see it now, do I need to make that name different for every one then? And I assume I'd also change it on that first and third line? The reason I ask is because when I just did that to one of them they all started effecting that one button. Does it matter what kind of names they have? Thanks again.

Share this post


Link to post
Share on other sites
ricardo

And to fix the spacing issues, first check if you don't have extra lines bellow your text (in the boxes' textarea) and if that doesn't work, add this code to your Custom CSS Rules in Custom Code:

.dcol_container_3 p { padding: 0; margin: 0; }

Ricardo

Share this post


Link to post
Share on other sites
ricardo

Yes, it's better they all have different names and using a numerical suffix (sub_butx) should work fine. If you change it, then you must change as well the name on the enclosing link for onmouseover and onmouseout calls. Ricardo

Share this post


Link to post
Share on other sites
maxquinn

Ok great just sorted all that out, I used numerical names like you said, but was just curious if there was any sort of protocol for something like that. Cheers. You (or any one else of course) got any ideas on reducing the vertical spacing between rows of boxes?

Share this post


Link to post
Share on other sites
ricardo

Didn't the dcol_container_3 code above work for you?

Share this post


Link to post
Share on other sites
maxquinn

Ah sorry missed that post due to the one you added below it, it's been a long day long day! Worked an absolute treat though, thanks again for the quick response.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×