Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Using rollover images in text widget causes blank lines between rollovers?


  #1  
Old Jun 25, 2009, 06:41 PM
hankphone
 
10 posts · Jun 2009
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!
  #2  
Old Jun 26, 2009, 02:22 PM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
which widget and what are you putting in it?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jun 28, 2009, 04:39 PM
hankphone
 
10 posts · Jun 2009
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
  #4  
Old Jun 29, 2009, 05:59 AM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.???
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jul 1, 2009, 04:47 PM
hankphone
 
10 posts · Jun 2009
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
  #6  
Old Jul 1, 2009, 05:51 PM
hankphone
 
10 posts · Jun 2009
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.
  #7  
Old Jul 1, 2009, 05:59 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Adding display:block to the images may fix this
  #8  
Old Jul 1, 2009, 06:48 PM
hankphone
 
10 posts · Jun 2009
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
  #9  
Old Jul 27, 2009, 03:16 PM
trusin
 
1 posts · Jul 2009
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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Text Widget - how can I highlight all text (ctl-A) for a fast delete? Leoni Plugins & Atahualpa 5 Jul 14, 2009 07:38 PM
How to add 2 link rollover buttons in horizontal header bar stevemitch2 Header configuration & styling 2 Jun 4, 2009 09:47 AM
Changing a widget display from block to inline (Twitter Text Widget) Flur Sidebars & Widgets 2 May 7, 2009 11:45 AM
Automatically adding text below all images myfacegraphics New Versions, & Updating 6 Apr 12, 2009 12:14 AM
Editing Text within a Text Widget Nefeli Sidebars & Widgets 4 Mar 27, 2009 06:56 PM


All times are GMT -6. The time now is 05:04 AM.


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