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)
-   -   And the final menu question... (http://forum.bytesforall.com/showthread.php?t=3204)

ariels Aug 30, 2009 05:30 PM

And the final menu question...
 
On my continuing quest to return to 'haulpa the final obstacle is the menu.

Briefly, the menu at beta.arielsilverstone.com/test should be the same as arielsilverstone.com . I added the following css, and no dice. I am waay out of my depth. And yes, I tried with over 200 other lines too....

ul.rMenu ul,
ul.rMenu li,
ul.rMenu a,
ul.rMenu {
display:inline;
background: url(http://arielsilverstone.com/wp-conte...img/menu.gif);
list-style:none;
color:#382E1F;
height:27px;
line-height:27px;
padding:0 0px;
margin-left:-10px;
position: relative;
font-size:11px;
float:left;
z-index:1;
}

ul.rMenu ul
{
display: none; /* hide the sub-menus until needed */
backgrond: url(http://arielsilverstone.com/wp-conte...img/menu.gif);
}
ul.rMenu-ver li
{
float: none; /* clear this so vertical sub-menus that are children of horizontal menus won't have their LI widths set to auto. */
}

Flynn Aug 31, 2009 10:40 AM

Please no multiple identical threads

ariels Sep 1, 2009 09:54 AM

Flynn,

Thank you. I closed the other thread because of it's title was not descriptive. I love your theme and want to go back to it!

Flynn Sep 1, 2009 07:14 PM

You will definitely need Firebug for that.

Don't use position, display, and float.

You need to set the borders on the UL and the LI's to none, and background-color on the LI and background on the UL to transparent, in Atahualpa, then apply line-height, height, padding, background-image on the A's.

Most rules will need a !important, plus you need to address the elements with their parent elements incl. ID, plus the A's spelled out as "a:link, a:visited, a:active and a:hover", as done in Atahualpa, or else the styles won't be overwritten because your new styles are not specific enough.

ariels Sep 2, 2009 12:54 PM

OK, here is what I have so far, but it is not.... complete.

ul.rmenu {
background: background: url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0;
}
div#menu1 li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
div#menu1 li a.home {
background-position:0 -93px;
margin-left:0;
padding:0;
text-indent:-999em;
width:45px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0;
color:#382E1F;
font-size:11px !important;
height:31px !important;
line-height:31px !important;
text-decoration:none;
z-index:1;
}
div#menu1 li a,a:link, a:visited, a:active and a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0;
color:#382E1F;
font-size:11px;
height:31px;
line-height:31px;
text-decoration:none;
z-index:1;
}
div#menu1 li ul {
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: transparent;
border-style:none;
line-height:0;
z-index:1;
}

ariels Sep 4, 2009 07:16 AM

ok, I listened very carefully, and made a bunch of progress. It almost there. I am missing something, and sure there are some duplicates below. Can you help? Havent figured out what is wrong with the a's or a:hover.

#rmenu2 ul {
background:#ffffff url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0 !important;
border-bottom:1px solid #A6A6A6 !important;
color:#4C4C4C !important;
height:31px !important;
line-height:31px !important;
}

#rmenu2 li {
display:inline;
list-style:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
height:31px !important;
line-height:31px !important;
margin-top: 0 !important;
}

#rmenu2 li a {
display:block;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: transparent url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat !important;
color:#382E1F !important;
height:31px !important;
line-height:31px !important;
padding:0 20px !important;
margin-left:-10px;
text-decoration:none;
font-size:11px;
float:left;
z-index:1;
}


#rmenu2 li a:hover,
#rmenu2 li a.current {
background-position:0 -31px;
display:block;
}

#rmenu2 li.current_page_item a{
background-position:0 -62px;
}

#rmenu2 li a.home {
background-position:0 -93px;
width:45px;
padding:0;
margin-left:0;
text-indent:-999em;
}

#rmenu2 li a.home:hover {
background-position:0 -124px;
}

#rmenu2 li li {
display:block;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F4F5F7 none repeat scroll 0 0;
border-color:#A6A6A6;
border-style:solid;
border-width:1px 1px 0;
position:absolute;
z-index:1;
}

#rmenu2 li.current_page_item a.home {
background-position:0 -155px;
}

#rmenu2 li a.lastmenu:hover {
background-position:0 0;
cursor:default;
}

#rmenu2 ul.rMenu-hor li {
float:none;
width:auto;
margin-top: 0 !important;
margin-bottom:-1px;
margin-left:-1px;
}

ul.rMenu {
float:none;
width:auto;
background:#ffffff url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0 !important;
border-bottom:1px solid #A6A6A6 !important;
color:#4C4C4C;
padding: 0 20px;
}

ariels Sep 11, 2009 07:54 PM

bump........


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

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