Question #1: I've implemented a CSS and Jquery menu drop down and it seems to work great on FF and Chrome t(-.-t) to Internet Explorer even though I have the "hacks" and "fixes" implemented that are supposed to make it work.. regardless. Here's my question: I want to put an arrow or bullet point next to the items that have a sub-menu Example: Item 1 Item 1.1 Item 1.2 Item 1.3 Item 1.3.1 Item 2 Item 3 I want an arrow or to know how to place an bullet point or image next to say "Item 1" and "Item 1.3" to signify that there's more content than just that tab. The website: http://www.kbwarriors.com/ The code: /* THE CSS MENU * KEEP COLORS:#1B1B1B, #808080, #282828, #FFD100*/[/LEFT] #nav {float:left;margin:0;padding:0;} #nav li a, #nav li {float:left;border-radius: 60px 15px / 60px 15px;} #nav li {list-style:none;position:relative;} #nav li a {padding: 8px 1.5em;text-decoration:none;color:white;border-right:1px solid #808080;border-left:1px solid #404040;border-top:1px solid #404040; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#1B1B1B)); background-image: -webkit-linear-gradient(top, #808080, #1B1B1B); background-image: -moz-linear-gradient(top, #808080, #1B1B1B); background-image: -ms-linear-gradient(top, #808080, #1B1B1B); background-image: -o-linear-gradient(top, #808080, #1B1B1B); box-shadow: inset 3px 3px 15px #404040; } #nav li a:hover {background:#282828;color:#FFD100; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#000)); background-image: -webkit-linear-gradient(top, #808080, #000); background-image: -moz-linear-gradient(top, #808080, #000); background-image: -ms-linear-gradient(top, #808080, #000); background-image: -o-linear-gradient(top, #808080, #000); box-shadow: inset 3px 3px 15px #000; } /* SUBMENU */ #nav li ul {display:none;position:absolute;left:0;top:100%;padding:0;margin:0;} #nav li:hover > ul {display:block;} #nav li ul li, #nav li ul li a {float:none;} #nav li ul li {_display:inline;} /* FOR IGNORANT IE6 USERS */ #nav li ul li a {width:150px;display:block;} /* SUB SUB MENU */ #nav li ul li ul {display:none;} [LEFT]#nav li ul li:hover ul {left:100%;top:0;}[COLOR=#000000] Code (markup): Question #2: What do you do about AdBlock? Over 1+ Million people have installed this thing and it effectively blocks out Adsense, YPN and other ad sources (which is just a stupid idea in the first place). So how do you go around this? My main advertising platform was going to be Adsense but now i'm worried that too many people have this addon installed and it'll hurt clicks and revenue once the site gets a decent amount of traffic.[/COLOR]
For #1 just style the .hasChildren class to show an arrow. eg.. .haschildren { background: url(images/arrow.png) no repeat top right; } Code (markup):