Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] menu item background image not showing in IE


  #1  
Old Mar 14, 2011, 06:53 AM
peterkinvara
 
7 posts · Sep 2010
ireland
Hello, and congratulations on a very useful theme. My first post. I'm have an issue with a backgound image (a little arrow) not showing in IE7( grrr!!!!!); it works fine in Firefox. Its set up to show an arrow under the current page link, and to show an arrow above the selected menu item when hovering over the other page links. Using Wordpress 3.04 and Atahualpa 353 This is the site -http://earlofdesmond.com/ Thanks for any suggestions (or constructive criticisms!)
  #2  
Old Mar 14, 2011, 07:43 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Put a slash before wp-content for the paths to the hover and current icons. As an example
For the hover icon you currently have
HTML Code:
background: url("wp-content/uploads/2011/03/hovericon.png") no-repeat scroll center top transparent !important;
You should have
HTML Code:
background: url("/wp-content/uploads/2011/03/hovericon.png") no-repeat scroll center top transparent !important;
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Mar 14, 2011, 08:16 AM
peterkinvara
 
7 posts · Sep 2010
ireland
Wow Larry thanks for the speedy reply -great forum! I made the changes you suggested, but no go. I also tried adding quotes around the url , but still no go. It works in Chrome also, just IE causing the problem. Thanks for your advice.
  #4  
Old Mar 14, 2011, 08:24 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Could you export and attach your settings file to a reply?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Mar 14, 2011, 08:27 AM
peterkinvara
 
7 posts · Sep 2010
ireland
Her you are Larry, and thanks again for your attention.
Attached Files
File Type: txt ata-wwwearlofdesmondcom-20110314.txt (22.8 KB, 1027 views)
  #6  
Old Mar 14, 2011, 10:10 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Two other things to try. Turn on IE 7 emulation in ATO>Style & Configure Layout and try using the full path to the images.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Mar 15, 2011, 03:15 AM
peterkinvara
 
7 posts · Sep 2010
ireland
Hello Larry, I've already tried using the full path, but no luck( even tried using a .gif instead of a .png). Atahualpa 353 doesn't seem to have the option to turn on Emulate IE7, so I installed 3.6.4 on my local machine where I have XAMPP installed, and with a similar set-up, but still no go. I don't like to give up on these things, but...
  #8  
Old Mar 15, 2011, 02:14 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I looked again and notice no space after the parenthesis and before no-repeat. When I added a space on my test it started working in IE. Here is one of the lines before
HTML Code:
background: url("http://www.earlofdesmond.com/wp-content/uploads/2011/03/hovericon.png")no-repeat top center !important;
And here it is after
HTML Code:
background: url("http://www.earlofdesmond.com/wp-content/uploads/2011/03/hovericon.png") no-repeat top center !important;
Not much difference but IE can be like that.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Last edited by lmilesw; Mar 16, 2011 at 06:56 AM.
  #9  
Old Mar 16, 2011, 03:57 AM
peterkinvara
 
7 posts · Sep 2010
ireland
[SOLVED] duh! Larry - thanks a million! That simple little space was all it needed (and of course I should have spotted it). So a lesson for all frustrated coders - beware of IE, and little things like missing spaces! Thanks again Larry.

Last edited by peterkinvara; Mar 16, 2011 at 04:03 AM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Still having issues with the page menu bar showing a background image. noitalever Page & Category Menu Bars 2 Jan 8, 2010 05:29 PM
[SOLVED] jpg background image for nav menu not showing up in IE7 rinoa3108 Page & Category Menu Bars 4 Dec 29, 2009 07:43 PM
Menu Item background georgenoise Page & Category Menu Bars 2 Jul 31, 2009 11:12 AM
image not showing in background of page menu bar rinoa3108 Page & Category Menu Bars 5 Jul 30, 2009 07:37 AM
Transparent Menu Item Instead of A Background Color oz1 Page & Category Menu Bars 1 Jun 29, 2009 05:19 AM


All times are GMT -6. The time now is 02:28 AM.


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