19 replies [Last post]
babrees
babrees's picture
Offline
Enthusiast
England,UK
Last seen: 13 years 20 weeks ago
England,UK
Joined: 2007-07-25
Posts: 63
Points: 0

OK, now I've sorted out my columns I have to get the

  • correct in the dreaded IE.

    Below is the html and css for my nav menu, which shows just right in Firefox. However, when viewing in IE it puts the bullet image in - how do I stop that?

    My site is http://www.wineloversclub.co.uk/

    html



    CSS

    /* START MENU */

    .menuhead {
    font-size: 14px;
    display: block;
    color: #000000;
    font-weight: bold;
    text-align:center;
    background-color:#DFD9BB;
    border: #C1B67D solid 1px;
    }

    .menubox {
    border: 1px solid #284A77;
    }

    #leftside .menu {
    color:#565452;
    text-align:right;
    font-weight:bold;
    padding:0px 0 4px 0;
    }

    #leftside .menu li {
    border-bottom:1px solid #dbd4b4;
    }

    #leftside .menu a {
    text-decoration:none;
    color:#565452;
    display:block;
    padding:3px 14px 3px 0;
    background:transparent url(../images_default/bulletl.gif) no-repeat 99% 50%;
    }

    #leftside .menu a:hover {
    color:#d10f01;
    }

    .menu li:hover,
    .menu li a:hover{
    background:transparent url(../images_default/bgmenu-active.gif) repeat-x left bottom;
    }
    /* END MENU */

    -------
    Jill

    burlster
    burlster's picture
    Offline
    Leader
    Bournemouth
    Last seen: 50 weeks 3 days ago
    Bournemouth
    Joined: 2007-05-31
    Posts: 693
    Points: 45

    Hmm...

    {
    list-style-type: disc
    }
    

    That be the line you want me thinks! Apply it to the list though, not the list items! Laughing out loud

    Have YOU said Hello yet?
    The CSSCreator Hello Thread

    jeff_way
    jeff_way's picture
    Offline
    Enthusiast
    Nashville
    Last seen: 13 years 26 weeks ago
    Nashville
    Timezone: GMT-5
    Joined: 2007-05-07
    Posts: 137
    Points: 0

    Make sure that you set

    Make sure that you set "list-style-type" to none. You have no need for it since you are using a background image instead.

    -Jeffrey Way | My Blog

    babrees
    babrees's picture
    Offline
    Enthusiast
    England,UK
    Last seen: 13 years 20 weeks ago
    England,UK
    Joined: 2007-07-25
    Posts: 63
    Points: 0

    OK, I must be putting it in

    OK, I must be putting it in the wrong place as neither of these work!

    I tacked it onto .menu and that is called in the

    If that is wrong can you spell it out for an old dumb blonde please! :rolleyes:

    -------
    Jill

    babrees
    babrees's picture
    Offline
    Enthusiast
    England,UK
    Last seen: 13 years 20 weeks ago
    England,UK
    Joined: 2007-07-25
    Posts: 63
    Points: 0

    OK - got it working now!

    OK - got it working now! Thanks!

    -------
    Jill

    burlster
    burlster's picture
    Offline
    Leader
    Bournemouth
    Last seen: 50 weeks 3 days ago
    Bournemouth
    Joined: 2007-05-31
    Posts: 693
    Points: 45

    Ooops

    Hahaha!!! I put disc... what an idiot. I absolutely meant None... sorry about that!

    I didn't even close the thingy with a ';'

    I was tired yesterday but am more alert today so will be more on the ball.

    Have YOU said Hello yet?
    The CSSCreator Hello Thread

    AndyD
    AndyD's picture
    Offline
    Enthusiast
    Last seen: 4 years 42 weeks ago
    Joined: 2005-03-17
    Posts: 160
    Points: 48

    Hi Jill, How did you get it

    Hi Jill,
    How did you get it working...?

    Andy

    babrees
    babrees's picture
    Offline
    Enthusiast
    England,UK
    Last seen: 13 years 20 weeks ago
    England,UK
    Joined: 2007-07-25
    Posts: 63
    Points: 0

    OK, I swear that when I

    OK, I swear that when I looked yesterday the bullet had gone - honest! However, today I look and it is still there!

    I tacked on the list-style-type:none; to the #leftside .menu

    That is called by

    Obviously this is incorrect - help?!

    -------
    Jill

    Caposoft
    Caposoft's picture
    Offline
    Enthusiast
    Last seen: 6 years 43 weeks ago
    Timezone: GMT+1
    Joined: 2008-03-16
    Posts: 330
    Points: 118

    your CSS shows #leftside

    your CSS shows #leftside .menu so the ul has to be wrapped in a div id leftside to apply its rules

    babrees
    babrees's picture
    Offline
    Enthusiast
    England,UK
    Last seen: 13 years 20 weeks ago
    England,UK
    Joined: 2007-07-25
    Posts: 63
    Points: 0

    Caposoft wrote:your CSS

    Caposoft wrote:
    your CSS shows #leftside .menu so the ul has to be wrapped in a div id leftside to apply its rules

    It is - sorry I missed that off my first post because I didn't think it relevant.

    -------
    Jill

    jeff_way
    jeff_way's picture
    Offline
    Enthusiast
    Nashville
    Last seen: 13 years 26 weeks ago
    Nashville
    Timezone: GMT-5
    Joined: 2007-05-07
    Posts: 137
    Points: 0

    Babrees, it might be a

    Babrees, it might be a specificity issue. Try adding ul, li{list-style-type: none !important;}.
    If this works it means you need to more specific to get your code to work. (i.e. ...body #container ul#element li{}

    -Jeffrey Way | My Blog

    babrees
    babrees's picture
    Offline
    Enthusiast
    England,UK
    Last seen: 13 years 20 weeks ago
    England,UK
    Joined: 2007-07-25
    Posts: 63
    Points: 0

    FOUND THE PROBLEM! OK, I

    FOUND THE PROBLEM!

    OK, I had the li as text align right - if I remove the align right it doesn't show the bullets in IE

    Guess I can't have my menu aligning right! Sad

    -------
    Jill

    Caposoft
    Caposoft's picture
    Offline
    Enthusiast
    Last seen: 6 years 43 weeks ago
    Timezone: GMT+1
    Joined: 2008-03-16
    Posts: 330
    Points: 118

    what about floating it right?

    what about floating it right?

    babrees
    babrees's picture
    Offline
    Enthusiast
    England,UK
    Last seen: 13 years 20 weeks ago
    England,UK
    Joined: 2007-07-25
    Posts: 63
    Points: 0

    Thanks, but I want the

    Thanks, but I want the actual text aligned right.

    -------
    Jill

    Stomme poes
    Stomme poes's picture
    Offline
    Elder
    Netherlands
    Last seen: 10 years 5 weeks ago
    Netherlands
    Timezone: GMT+2
    Joined: 2008-02-04
    Posts: 1854
    Points: 378

    You can keep it aligned

    You can keep it aligned right : )

    IE has this thing where you can't just say on the ul list-style: none; cause you also have to say it on the li specifically.

    #leftside .menu li {
    border-bottom:1px solid #dbd4b4;
    list-style: none;
    }

    Stick it on the ul too for good luck, but I saw someone with this same problem on another forum and setting no list style did the trick. Their problem was with IE only as well, which is why I think this will work.

    I'm no expert, but I fake one on teh Internets

    babrees
    babrees's picture
    Offline
    Enthusiast
    England,UK
    Last seen: 13 years 20 weeks ago
    England,UK
    Joined: 2007-07-25
    Posts: 63
    Points: 0

    Thanks, but unfortunately

    Thanks, but unfortunately that did not do the trick with my site. I have tried just about everything I can think of, but the only thing that works is to remove the text-align:right

    Stomme poes wrote:
    You can keep it aligned right : )

    IE has this thing where you can't just say on the ul list-style: none; cause you also have to say it on the li specifically.

    #leftside .menu li {
    border-bottom:1px solid #dbd4b4;
    list-style: none;
    }

    Stick it on the ul too for good luck, but I saw someone with this same problem on another forum and setting no list style did the trick. Their problem was with IE only as well, which is why I think this will work.

    -------
    Jill

    Stomme poes
    Stomme poes's picture
    Offline
    Elder
    Netherlands
    Last seen: 10 years 5 weeks ago
    Netherlands
    Timezone: GMT+2
    Joined: 2008-02-04
    Posts: 1854
    Points: 378

    Just looked at it

    Just looked at the site-- beautiful. But, maybe because you've gone back to the text-align: left, I don't see any of the other code.

    I suspect that the reason this "works" in IE6 is that the bullets it is still displaying are waaay off the side of the page.

    I know you can get rid of the bullets. Let's try this again.

    First, you would remove the line about the li
    li {list-style-image: url(balh default bullet);}

    Because if you had this earlier, IE might have used that as an excuse to say, hey, this list has a display state of "list-item." Even though as I understand it you were later trying to move that image to the a's themselves rather than the lis (I'd keep any images on the li's so that padding on the side can move the a's text out of the way...).

    Then something like
    #leftside .menu, #leftside .menu li {
    list-style: none;
    }
    That's gotta be enough specificity for IE6. After stating something like that, you should then be able to add a background image, maybe using the same specificity:

    .menu li {
    background: url(blah.gif) right center no-repeat;
    padding-right: whateverpx;
    }

    it Should work. I still wonder if the other codes didn't work just because of that default you had on top.

    It's a lovely site, don't give up!

    -pOes

    *edit
    that Addfree sites thing at the bottom is EVIL... using IE6, I was stuck on that page... they stole my back button, and that means WAR! Luckily if I look with FF I can turn scripts off and stop such vile behaviour : )

    I'm no expert, but I fake one on teh Internets

    babrees
    babrees's picture
    Offline
    Enthusiast
    England,UK
    Last seen: 13 years 20 weeks ago
    England,UK
    Joined: 2007-07-25
    Posts: 63
    Points: 0

    Stomme poes wrote: I suspect

    Stomme poes wrote:

    I suspect that the reason this "works" in IE6 is that the bullets it is still displaying are waaay off the side of the page.

    I know you can get rid of the bullets. Let's try this again.

    First, you would remove the line about the li
    li {list-style-image: url(balh default bullet);}

    It's a lovely site, don't give up!

    -pOes

    *edit
    that Addfree sites thing at the bottom is EVIL... using IE6, I was stuck on that page... they stole my back button, and that means WAR! Luckily if I look with FF I can turn scripts off and stop such vile behaviour : )

    BINGO! It was the list image that was the problem as you rightly say! All I had to do was remove that and hey presto - I could right align again! Thanks!

    I was actually trying to have an image instead of the plain-old bullet for lists, but I can live without that

    And thank you for your kind words about the site - glad you like it! Now I've just got to get all the content up on it!

    hmm, surprised you are having that problem with the addfree stats. Although I now have IE7 (only for checking purposes I hastily add ) I never had a problem with previous versions. I would love to use google stats but have to say that they are not so complete as the addfree ones. But if others have a problem I suppose I shall have to consider sacrificing that.

    -------
    Jill

    Stomme poes
    Stomme poes's picture
    Offline
    Elder
    Netherlands
    Last seen: 10 years 5 weeks ago
    Netherlands
    Timezone: GMT+2
    Joined: 2008-02-04
    Posts: 1854
    Points: 378

    I mean that I clicked on

    I mean that I clicked on it... it looks like a fake drop-down sometimes... so, you end up on their site, no biggie, but then I try to click Back to get back to your page... and it just refreshes the Addfree page instead. EVIL... eats babies! Anyone who takes my Back button gets vile from me though... using it to keep your stats is something else, no problem. And there's nothing really you can do to make them stop, since the problem's on their site and not yours.

    Glad it got fixed... go ahead and try a better bullet again, though.. I use custom bullets all the time, the basic ones are so fugly sometimes... : )

    I'm no expert, but I fake one on teh Internets

    babrees
    babrees's picture
    Offline
    Enthusiast
    England,UK
    Last seen: 13 years 20 weeks ago
    England,UK
    Joined: 2007-07-25
    Posts: 63
    Points: 0

    Stomme poes wrote: EVIL...

    Stomme poes wrote:
    EVIL... eats babies!

    ROFL! I LOVE that saying! You cannot be from the Netherlands - you're English is just too good!

    All you have to do is click the back drop down button and select where you were before Smile

    -------
    Jill