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 » Page & Category Menu Bars »

[SOLVED] Menu change in IE


  #1  
Old Sep 27, 2012, 03:01 PM
esa036
 
15 posts · Sep 2012
I am trying to move my menu bar to the right of the header, and i have done this by adding padding-left to the ul.rMenu-hor

This work well in Firefox and Chrome.
However in IE the two tabs on the furthest right do a word wrap thing - and I can't figure out why this occurs at a padding increase of 217px or higher.

www.esa.org/fed

CSS Inserts on the page:
/* Adjustments for the menu bars, which in their default
state have 1px borders plus -1px margins to avoid 1+1=2px
borders between neighbor items. */
ul.rMenu-hor ul, ul.rMenu-hRight ul { margin-top: 0px;}
ul.rMenu-hor li { margin-bottom: 0px; margin-top: 0px; margin-left: 0px;}
ul.rMenu-hor { padding-left: 325px; }
ul.rMenu-ver li { margin-top: 0px; }

div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 6px 10px;
}
  #2  
Old Sep 27, 2012, 04:36 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I would probably use absolute positioning and CSS for top, bottom, left, right. Not padding.
__________________
~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 Oct 1, 2012, 03:06 PM
esa036
 
15 posts · Sep 2012
Perhaps, I do not completely understand how the absolution attribute works.

When i change ul.rMenu-hor {padding-left: 350px; } to

ul.rMenu-hor {
position: absolute;
left: 350px; }

This seems to make things worse and not better.

It places the menu bar behind the header image in IE and in front of the header image in Firefox -- instead of above the header image.
  #4  
Old Oct 1, 2012, 03:20 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You may have to set the containing element to position:relative and perhaps use margin-left, margin-top, etc.
__________________
~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 Nov 2, 2012, 01:41 PM
esa036
 
15 posts · Sep 2012
I figured it out..
I needed to change the ATO settings in Configure Header Area from
%pages to %page-right

Then I could adjust the padding as needed.

Thanks.

Bookmarks

Tags
internet explorer issues, menus

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] I want to change the color of the Menu 1 (Page Menu). Talia Page & Category Menu Bars 4 Mar 29, 2011 01:53 PM
[SOLVED] Page Menu & Sub Menu Behaviour Change Freester Page & Category Menu Bars 0 Feb 26, 2011 06:03 AM
How to change the width of the cat menu? guvenp Page & Category Menu Bars 1 Nov 19, 2010 11:10 AM
How to change border around Menu bar? agallia Header configuration & styling 1 Mar 28, 2010 05:33 PM
How to change the menu dpdoug Header configuration & styling 3 Jun 15, 2009 05:13 AM


All times are GMT -6. The time now is 07:33 PM.


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