Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   Ongoing problems with %page center (http://forum.bytesforall.com/showthread.php?t=9529)

sleenie Sep 9, 2010 06:12 PM

Ongoing problems with %page center
 
I'm using 3.5.3 on this as well as WP 3.01

I've read the sticky on this as well as this thread.

I noticed that Larry used 100%, that didn't work so i tried using the number of px I set my page at. No change with that either. I still can't get the menu bar the same color all the way across.

So my next step was to change it back to just %pages. I did some adjusting on the padding and have it looking alright. Of course, when I looked at IE it was terrible.

I have an original post (here) that talks about the overlaying of layers. You'll notice the edges of the menu right & left do not line up like they do in Firefox. I've attached 2 graphics. I'm at a loss now as to what to do. Getting Firefox looking good but not IE.

If you need to get into the site, please let me know, right now it's under maintenance mode. Also here is my code and now I'm using %pages versus %page-center since I couldn't seem to get that working. Below is all of the code that I have in the CSS/HTML inserts.

td#header 7px{
padding-bottom: 0px;
}

div#menu1 ul.rMenu {
background: 62250f;
border: none;
}

div.widget ul li {
padding: 1px 5px 1px 14px !important;
background: url('<?php bloginfo('template_directory'); ?>/images/bullets/gray-arrow.gif') no-repeat 0 4px;
}
div.widget ul li a:hover {
text-decoration: underline;
}
/* ================================================ */
/* Page menu background */
/* ================================================ */
div#menu1 {
height: 0px;
margin-top:0px;
background: #62250f;
}
/* ================================================ */
/* Page Menu item's background and border */
/* ================================================ */
div#menu1 ul.rMenu {
background: #62250f;
border: 5px solid #62250f;
}
/* ================================================ */
/* Page Menu item */
/* ================================================ */
ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li a:visited,
ul.rMenu li {
background: #62250f !important;
color: #df9c32 !important;
}
/* ================================================== */
/* CSS for setting menu padding */
/* ================================================== */
ul.rMenu li {
padding: 0px 20px 0px 12px
}
ul.rMenu-ver li {
padding-top: 0px 12px 0px 12px;
margin-top: 0px 0px 0px 0px;
}

/* ================================================ */
/* Category menu background */
/* ================================================ */
div#menu2 {
height:75px;
margin-top:0px;
background: 62250f;
}
/* ================================================ */
/* Category Menu item's background and border */
/* ================================================ */
div#menu2 ul.rMenu {
background: 62250f;
border: none 0px;
}
/* ================================================== */
/* Category Menu item */
/* ================================================== */
#menu2 ul.rMenu li a:link,
#menu2 ul.rMenu li a:hover,
#menu2 ul.rMenu li a:active,
#menu2 ul.rMenu li a:visited,
#menu2 ul.rMenu li {
background: #62250F !important;
color: #df9c32 !important;
}
/* ================================================== */
/* How to get rid of dashes when using %page-center */
/* ================================================== */
div#menu1 {
border: none 0px;
}
/* ================================================== */
/* How to bold menu items */
/* ================================================== *
font-weight: bold;
}



<div style="width:983px;background-color:#62250f;">%page-center</div>


I've gone ahead and used the %page instead and then adjusted the paddings. It is 99% right and I'm going to leave it at that.


All times are GMT -6. The time now is 03:12 PM.

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