Results 1 to 5 of 5
  1. #1
    Join Date
    Mar 2006
    Location
    Florence, Italy
    Posts
    153
    Plugin Contributions
    0

    Default More on css flyout issue

    I'm really wondering that nobody has the problem I have (only with I.E. Explorer 6.0 while with firefox all is o.k.). I've just posted this problem:

    When I load whatever page, the box containing the menu is 150px, the same of the other boxes.
    When I put the cursor on the menu, the box become larger of about 3px, and there is a little shift of the central part of the screen.

    The problem disappears if I change
    div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em; in
    div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0;
    but the names of categories are immediately on the left side of the box.

    You can see the problem on
    http://www.artedicarte.com/catalog

    I'm not so expert in css to solve the problem.
    Thanks for help. - Giovanni

  2. #2
    Join Date
    Mar 2006
    Location
    Florence, Italy
    Posts
    153
    Plugin Contributions
    0

    Default Re: More on css flyout issue

    Well.... I've solved the problem by myself, with some little others.
    It's a good thing to study well CSS !!!!!

  3. #3
    Join Date
    Jul 2006
    Location
    Singapore
    Posts
    44
    Plugin Contributions
    1

    Default Re: More on css flyout issue

    Quote Originally Posted by g.nencini
    Well.... I've solved the problem by myself, with some little others.
    It's a good thing to study well CSS !!!!!
    Hi;
    I am facing the same problem too.
    For me the flyout looks great & works just fine in IE but when I view my site in FireFox the submenu flyout is shifted to the left.
    But when I edit the css to look right in FireFox, in IE the submenu will the shift too far to the right.

    I am only a beginner in CSS and learn only through trial & error - many trials & many errors....ha ha

    Please share on how you manage to rectifty your flyout & hopefully solve my css flyout problem so that it align properly in FireFox & IE.

    You can view my website here: www.getreload.com

    thankx.

  4. #4
    Join Date
    Mar 2006
    Location
    Florence, Italy
    Posts
    153
    Plugin Contributions
    0

    Default Re: More on css flyout issue

    I solved my first problem changing tha statements:

    div#nav-cat {float: left; width: 140px; margin: -1px 0 0 -1px;
    background-color: #3C097A; font-weight:bold;} /* originale: #CE318C; */

    and

    div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
    text-decoration: none; width: 135px; color: white;}

    A good tutorial for CSS is at

    http://www.w3schools.com/css/default.asp

    Ciao!! - Giovanni

  5. #5
    Join Date
    Jul 2006
    Location
    Singapore
    Posts
    44
    Plugin Contributions
    1

    Default Re: More on css flyout issue

    Hi Giovanni;

    Thank you for your reply, will have a try and see if it works for my site.

    Thanks once again.

 

 

Similar Threads

  1. v151 How to uninstall CSS Horizontal Drop Down Menu (CSS Flyout Header 1.5)
    By cmike in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 15 Feb 2014, 07:39 AM
  2. CSS Flyout Menu - IE Ghosting Issue?
    By SteSpeak in forum All Other Contributions/Addons
    Replies: 6
    Last Post: 4 Dec 2009, 06:42 PM
  3. Flash issue.. css flyout menu hides under flash..
    By Muzz in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 8 Sep 2009, 06:41 AM
  4. CSS Flyout Menu issue - disappearing too soon
    By skymax in forum All Other Contributions/Addons
    Replies: 4
    Last Post: 9 Oct 2007, 04:23 AM
  5. css flyout issue
    By xyonnoyx in forum Addon Sideboxes
    Replies: 19
    Last Post: 23 Apr 2007, 10:08 PM

Posting Permissions

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