Using rollover images in text widget causes blank lines between rollovers?
This is my last issue with this theme that I can't seem to resolve. Unfortunately, my client wants me to add these rollover images to the left sidebar for navigation. The only way I know how to do it is it add them in a text widget but each rollover image ends up having a line break after them or something (which also breaks the page layout by making the sidebar too long). Looks fine in internet explorer but not in firefox or safari.
Do you have any ideas on why this might be or what I could do to fix it? http://wpthemerz.com/themetesting use firefox and you will see what I mean. Thanks! |
which widget and what are you putting in it?
|
I'm just using the text widget and pasting in:
Code:
<body onload="MM_preloadImages('1-home.jpg','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/2-beers.jpg','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/3-gallery.jpg','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/4-brewery.jpg','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/6-about.jpg','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/7-locations.jpg','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/9-store.jpg','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/10-darklord.jpg','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/11-links.jpg')"><table width="344px" table height= "528px" border="0" cellspacing="0" cellpadding="0"> the site is www.wpthemerz.com/themetesting |
Something is truly messed up with your site. The generated code has two <HTML>...</HTML> blocks and two <body>...</body> blocks. This is most likely due to a plugin you have or code modifications you have made.
Why are you starting your insert with a <body tag.??? |
Those tags don't matter, I've removed them and tried all kinds of things and the problem still persists. They are there because I am trying to work quick and dirty and get this issue figured out before I apply the theme to their actual domain.
I guess what I really need to know is where and in what file to insert my rollover navigation menu so that it replaces the left sidebar. Normally this would be easy to do but this theme doesn't have the usual wordpress theme files. Any help would be appreciated! Thanks |
right now I have the text widget calling the rollover images through an iframe and I still have one space on the bottom of the rollovers.
So I'm thinking "is there some css formatting going on that causes margins or padding after a widget or items within the text widget. If there is I haven't been able to find it. |
Adding display:block to the images may fix this
|
display:block didn't seem to do anything.
I am going to be trying some other tactics so if anyone tries to view the page to see the prob it is most likely going to be all messed up for a while. I'll let you know if I find a solution |
Try inserting your full image, and use an imagemap. You might not get the fancy rollover color change or whatnot, but you'll get rid of the lines and at least have a clickable navigation option.
|
All times are GMT -6. The time now is 06:47 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.