bbilal
08-15-2010, 05:05 AM
Okay guys. Let me tell you my problem. I'm working on a wordpress and I've customized a list menu this is this coding.
sidebar.php
<div class="mlmenu apple blindv delay inaccesible">
<ul>
<?php wp_list_categories('include=3&title_li='); ?>
</ul>
</div>
style.css
.apple ul { width: 160px; border-top: 1px solid #e6e6e6; }
.apple li a { display: block; background: #f9fafa url(images/appleinc.png) no-repeat 2px 6px; width: 131px; padding: 9px 13px 9px 20px; text-decoration: none; font-size: 1em; font-weight: bold; color: #222; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.apple li a:hover { color: #16387c; text-decoration: none; }
.apple li { display: inline; }
.apple li ul { position: absolute; margin: -31px 0px 0px 159px; }
So what I want is the right drop down menu on ho-over, something like this: http://www.alistapart.com/d/horizdropdowns/horizontal.htm keeping my own style class.
I don't know if the css is okay and if I have to add something in PHP or file or if CSS need to be modified with PHP. I'm pretty new in this field. Can someone help me here? It will be much much much appreciated!
sidebar.php
<div class="mlmenu apple blindv delay inaccesible">
<ul>
<?php wp_list_categories('include=3&title_li='); ?>
</ul>
</div>
style.css
.apple ul { width: 160px; border-top: 1px solid #e6e6e6; }
.apple li a { display: block; background: #f9fafa url(images/appleinc.png) no-repeat 2px 6px; width: 131px; padding: 9px 13px 9px 20px; text-decoration: none; font-size: 1em; font-weight: bold; color: #222; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.apple li a:hover { color: #16387c; text-decoration: none; }
.apple li { display: inline; }
.apple li ul { position: absolute; margin: -31px 0px 0px 159px; }
So what I want is the right drop down menu on ho-over, something like this: http://www.alistapart.com/d/horizdropdowns/horizontal.htm keeping my own style class.
I don't know if the css is okay and if I have to add something in PHP or file or if CSS need to be modified with PHP. I'm pretty new in this field. Can someone help me here? It will be much much much appreciated!