[SOLVED] Menu border incompatibility with IE7
First time using WordPress and Atahualpa and experimenting with settings. Noticed that menu border is eliminated when choosing border same color as background and viewing via FireFox. IE7 does not eliminate the dashed border and also has column/section separators as solid lines. I changed Menu settings to solid 1px #ffffff and that cleared the border around individual items. Have not figured out how to eliminate dashed border around the menu bar. Have just requested an upgrade to WordPress 3.1 but don't think that will help. I checked the IE 7 compatibility only after doing my style edits. Will my changes cause any issues? Are newer versions of IE compatible? Here is project that I am working on - http://www.livingorgandonors.org/wordpress/
|
Remove Dashed Borders
Having an issue with IE7. Have removed border around menu bar in FireFox but its still there in IE7. Tried the suggestion from another thread:
(div#menu1 { border: dashed 0px #fff; } Border still in place in IE7. Any pointers on what to try next? I would also like to remove borders around center column and sidebar but think I should be able to modify the CSS to do that. This is the site I am working with - http://www.livingorgandonors.org/wordpress/ Still in learning mode but making progress! |
Do not open multiple threads for the same issue, it WILL NOT get you a faster response.
|
First time user of WordPress templates and did not understand posting protocol. Was not trying to get a quicker response but wasn't sure of the correct category and posted in two. Thought my donation would help with response time, not posting in more than one category.:) Am actually attempting to get my answers first from previous posts and template documentation.
|
Ok, I see.
If you send me a PM with a complete copy of you paypal transaction, I'll make sure you are credited with it. You may have made it while not signed in or not registered and so do not have credit for it. |
Very interesting!
the issue is not with the menu, but the %bar1. Looking at the source, I can tell you have HTML Code:
height: 8px; HTML Code:
div.horbar1 { Anywy, you can fix it easily by just going to ATO->Style & edit HEADER AREA->Horizontal Bar 1: Styling and changing the HTML Code:
border-top: dashed 1px #ffffff; HTML Code:
border-top: none; |
Thank you, helps to understand how IE handles it. Code change eliminated top border problem in IE and I'll be more effective with styling changes.
|
All times are GMT -6. The time now is 03:18 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.