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. */ } |
Please no multiple identical threads
|
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! |
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. |
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; } |
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; } |
bump........
|
All times are GMT -6. The time now is 01:16 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.