Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   Using rollover images in text widget causes blank lines between rollovers? (http://forum.bytesforall.com/showthread.php?t=2185)

hankphone Jun 25, 2009 06:41 PM
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!

juggledad Jun 26, 2009 02:22 PM
which widget and what are you putting in it?

hankphone Jun 28, 2009 04:39 PM
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">
  <tr>
    <td><img src="http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/top-spacer.jpg" width="344" height="78" /></td>
  </tr>
  <tr>
    <td><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/1-home.jpg',1)"><img src="http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/1-OFFhome.jpg" name="Image2" width="344" height="37" border="0" id="Image2" /></a></td>
  </tr>
  <tr>
    <td><a href="beers.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/2-beers.jpg',1)"><img src="http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/2-OFFbeers.jpg" name="Image3" width="344" height="37" border="0" id="Image3" /></a></td>
  </tr>
  <tr>
    <td><a href="gallery.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/3-gallery.jpg',1)"><img src="http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/3-OFFgallery.jpg" name="Image4" width="344" height="42" border="0" id="Image4" /></a></td>
  </tr>
  <tr>
    <td><a href="blog.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/4-brewery.jpg',1)"><img src="http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/4-brewery.jpg" name="Image5" width="344" height="48" border="0" id="Image5" /></a></td>
  </tr>
  <tr>
    <td><img src="http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/5-spacer.jpg" width="344" height="24" /></td>
  </tr>
  <tr>
    <td><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/6-about.jpg',1)"><img src="http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/6-OFFabout.jpg" name="Image7" width="344" height="43" border="0" id="Image7" /></a></td>
  </tr>
  <tr>
    <td><a href="locations.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/7-locations.jpg',1)"><img src="http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/7-OFFlocations.jpg" name="Image8" width="344" height="38" border="0" id="Image8" /></a></td>
  </tr>
  <tr>
    <td><img src="http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/8-spacer.jpg" width="344" height="17" /></td>
  </tr>
  <tr>
    <td><a href="store.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/9-store.jpg',1)"><img src="http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/9-OFFstore.jpg" name="Image10" width="344" height="41" border="0" id="Image10" /></a></td>
  </tr>
  <tr>
    <td><a href="darklord.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/10-darklord.jpg',1)"><img src="http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/10-OFFdarklord.jpg" name="Image11" width="344" height="42" border="0" id="Image11" /></a></td>
  </tr>
  <tr>
    <td><a href="links.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/11-links.jpg',1)"><img src="http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/11-OFFlinks.jpg" name="Image12" width="344" height="45" border="0" id="Image12" /></a></td>
  </tr>
  <tr>
    <td><img src="http://www.wpthemerz.com/themetesting/wp-content/themes/atahualpa/images/12-spacer.jpg" width="344" height="48" /></td>
  </tr>
</table>



the site is www.wpthemerz.com/themetesting

juggledad Jun 29, 2009 05:59 AM
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.???

hankphone Jul 1, 2009 04:47 PM
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

hankphone Jul 1, 2009 05:51 PM
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.

Flynn Jul 1, 2009 05:59 PM
Adding display:block to the images may fix this

hankphone Jul 1, 2009 06:48 PM
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

trusin Jul 27, 2009 03:16 PM
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 10:37 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.