Results 1 to 4 of 4

Thread: Vertical lines in

  1. #1
    Join Date
    Jan 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Vertical lines in

    1) Script Title: Flex Level Drop Down Menu (v1.3)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...exdropdown.htm

    3) Describe problem: I just recently noticed small (probably 1 pixel) vertical lines left after the drop down menu goes away. This only seems to happen in Chrome. In IE it does not happen. It happens in Chrome randomly. Sometimes it does not happen. One web site that has the problem is www.predyct.com. I attached a screen grab of the problem. This used to work perfectly. Any suggestions would be greatly appreciated.

    I have a Click image for larger version. 

Name:	lines.jpg 
Views:	192 
Size:	22.6 KB 
ID:	4885

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    They're artifacts. Some browsers just have glitches like that and it can be very hard determining the fix. In this particular case, it also appears to be related to the lack of a right border on the the UL's (a change you made to the css). We can fool Chrome into thinking there is one though. Add the highlighted to the stylesheet:

    Code:
    .flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:500;
    /*font: normal 14px Verdana; */
    
    text-align:left;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: #FFF;
    border-right: 1px solid transparent;
    /* border: 1px solid black; */
    
    border-bottom-width: 0;
    visibility: hidden;
    display: none; /*collapse all sub me
    That fixes it here, other browsers should either ignore that, or be OK with it.
    Last edited by jscheuer1; 01-19-2013 at 04:16 PM. Reason: better method
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jan 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Awesome. Thanks much. That did it.
    Just an aside. The site has been up for over a year and this is the first time that I observed the lines.
    Odd, maybe something changed in Chrome or ???

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Yes, it could be that something changed in Chrome. It could also be the removal of the border. When did that happen? Or it could be that you only recently noticed.

    These are the two main possibilities:

    1.) Chrome was always like this and only recently you removed the border by commenting it out in the css file there and/or only recently did you notice.

    2.) Chrome did something that changed its behavior here. They do frequent automatic updates, so it's possible they changed something that affected this.

    There could perhaps be more. But logically speaking I think that covers it.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Similar Threads

  1. Punch Lines
    By jscheuer1 in forum The lounge
    Replies: 0
    Last Post: 05-17-2010, 01:34 AM
  2. Distance between lines - IE6
    By laertjansen in forum CSS
    Replies: 3
    Last Post: 01-29-2009, 02:31 PM
  3. Replies: 8
    Last Post: 07-14-2008, 07:32 PM
  4. 2 lines for HV Menu 5.4?
    By rtnsolutions in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 12-14-2006, 11:47 PM
  5. Horizontal Lines Using CSS
    By tomyknoker in forum CSS
    Replies: 1
    Last Post: 09-04-2006, 04:48 AM

Bookmarks

Posting Permissions

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