Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Sep 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question why my css menu is slow?

    hi all,

    my website css menu's are very slow, i want to learn this, why my css menu is slow?

    i use this css code my menu's;

    Code:
    A.menu {
    	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; PADDING-BOTTOM: 1px; MARGIN: 1px 0px 1px 1px; COLOR: #ffffff; PADDING-TOP: 1px; FONT-FAMILY: MS Sans Serif; TEXT-ALIGN: left; TEXT-DECORATION: none
    }
    A.menu:hover {
    	BACKGROUND: #FFBD01; COLOR: #FFFFFF
    }
    And html link code is;

    Code:
    <a class="menu" href="http://www.mysite.com"><b>Home</b></a>
    i use following codes and my css menu's slow hovering... (only Internet explorer, no problem with firefox)

    i know many website's use css menu's and its very fast, what your suggestions friends?

    Thanks, and sorry for bad english.

  • #2
    New Coder
    Join Date
    Dec 2005
    Location
    Dallas, TX
    Posts
    45
    Thanks
    0
    Thanked 0 Times in 0 Posts
    My only guess would be that it's just IE being odd, as it tends to be. It should be working just fine, but I don't really know. If you'd like to give us some sort of link to see what you're talking about, pehaps it would help.

    Osiris

  • #3
    New Coder
    Join Date
    Nov 2005
    Posts
    52
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Im not 100% why it's doing that to be honest but i do know that IE doesnt support CSS as much as Firefox so as Osiris says it could just be IE being a pain

  • #4
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    IE still supports all the above mentioned CSS. I noticed a few changes you could make though. I'd change it all to this...

    Code:
    a.menu {
    display: block;
    font: bold 8pt "MS Sans Serif";
    margin: 1px 0 1px 1px;
    padding: 1px 0 1px 1px;
    color: #FFF; 
    text-align: left;
    text-decoration: none;
    }
    
    a.menu:hover {
    background: #FFBD01;
    color: #FFF;
    }

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Hmm it might be the doctype, I think if its in quirks mode it behaves slowly, though to be honest I see no real difference with your CSS and the way it behaves in both FF and IE, they both seem to be working "fast"

  • #6
    New Coder
    Join Date
    Dec 2005
    Location
    Derby, UK
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The order in which classes are laid out in CSS matters... it was on w3schools somewhere I think that I read it. I think that classes further down the page have priority over higher ones.

    Try re-arranging the orders? I know it might sound a little stupid but apparently it works lol


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •