View Full Version : Problem Implementing Menu

Jan 30th, 2007, 11:34 PM
I am trying to implement this menu, shown here:


However, evertime I create the stylesheet then add the HTML code i keep getting bullet points to the left of the menu, which I cannot remove, otherwise it messes the whole thing up.

Any Ideas on this?

BTW: I tried searching their forums, nothing there concerning this matter. I though insted of registering there just for one post, the guys here might now :)

Jan 31st, 2007, 12:24 AM
Hello J1mmy,

ul {
list-style: none;
gets rid of bullets.

Jan 31st, 2007, 08:07 AM

Isnt that code already on the CSS?

list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;

Where would your code go?

Jan 31st, 2007, 10:40 AM
From memory, you're likely to have some issues with IE using this method, as IE doesn't preload or cache background images, so you'll get flicker when the rollover happens. The methods I've found that work better are the trifecta (http://www.webcredible.co.uk/user-friendly-resources/css/rollover-buttons.shtml)button technique, or using a background image that contains all the states, which are then shown by offsetting the background-position horizontally as in this Wellstyled article (http://wellstyled.com/css-nopreload-rollovers.html) or vertically as per this Tutorio article (http://www.tutorio.com/tutorial/pure-css-image-rollovers).

The offset technique does sometimes still have problems in IE - sometimes the background image is reloaded on the rollover. There's a suggested fix linked from the Wellstyled page, which fails in MacIE - but you could sort that with a bit of CSS targeted at Mac IE:

<style type="text/css">

Will load iemac.css only in MacIE, and you can use that to replace the CSS generating the navigation with one of the other techniques (the offset technique works fine in MacIE).