I used this thread http://www.zen-cart.com/showthread.p...oxes-to-header to copy my category sidebox to my header
http://www.shopbabby.com
now i am trying to display the menu horizontally with the sub categories displayed horizontally beneath. its kind of working except that it is displaying in a manner resembling steps instead of straight across.
i added "display:inline;" to the all the css declarations below...one at a time trying to see if it would make the problem go away but no luck
can i edit tpl_categories so that all the categories and subcategories are in a list? so that i can target the <li> with css display:inline;Code:/* categories box parent and child categories */ A.category-top, A.category-top:visited { color: black; text-decoration: none; border:4px solid green; float:left; } A.category-top:hover { color: white; text-decoration: none; -moz-box-shadow: 0px 0px 30px yellow; -webkit-box-shadow: 0px opx 30px yellow; box-shadow: 0px 0px 30px yellow; } A.category-links, A.category-links:visited { color: green; border:3px solid red; text-decoration: none; } A.category-links:hover { } A.category-subs , A.category-products, A.category-subs:visited, A.category-products:visited { color: red; text-decoration: none; border:2px solid purple; display:block; float: left; padding: 0; margin: 0; } A.category-subs:hover, A.category-products:hover { } SPAN.category-subs-parent { font-weight: bold; } SPAN.category-subs-parent:hover{ font-weight: bold; } SPAN.category-subs-selected { font-weight: regular; color:black; -moz-box-shadow: 0px 0px 30px blue; -webkit-box-shadow: 0px 0px 30px blue; box-shadow: 0px 0px 30px blue; } SPAN.category-subs-selected:hover { font-weight: regular; color:black; -moz-box-shadow: 0px 10px 20px red; -webkit-box-shadow: 0px 10px 20px red; box-shadow: 0px 10px 20px red; } /* end categories box links */
i feel like its more likely that i just dont know how to edit the existing css quoted above
is this display:inline; business on the right track?![]()


Reply With Quote
