Dropdown Vertical Menu /Link Separator

  • Resolved jimii

    (@jimii)


    10 years, 11 months ago

    I am redesigning an older site and bringing it into wordpress. The original content is heavy on sub-menus and sub-sub menus.

    This is a redir. link from a test site to the dev site.
    http://www.jestatest.com/?page_id=15

    To break-out the menus I have attempted to modify the css code for the ul and li unsuccessfully to provide separator lines (border top and / or border bottom)? (i think i’m only average skill with this)

    In IE and Safari its inconsistent. I think its working fine in F-Fox.

    Is there something I’m doing wrong with this or is it a characteristic of the css edits in those browsers.

    Is there another option to consider? Would a horizonal dropdown with vertical sub-menus be a better option?

    Thank you for any help or direction to a resource – its greatly appreciated. jimii

Viewing 4 replies - 1 through 4 (of 4 total)
  • WPyogi

    (@wpyogi)

    10 years, 11 months ago

    Can’t get to that page 🙁 so hard to say much…

    Thread Starter jimii

    (@jimii)

    10 years, 11 months ago

    sorry WPyogi, my mistake – someitmes we can out-think ourselves…i still had the password on the development site….(it worked for me cause I’m logged in dohh)…

    Please try again and thank you:

    http://www.jestatest.com/?page_id=15

    WPyogi

    (@wpyogi)

    10 years, 11 months ago

    Looks like you are using border: outset – which isn’t supported in most browsers:

    http://www.w3schools.com/cssref/css3_pr_border-image-outset.asp

    Thread Starter jimii

    (@jimii)

    10 years, 11 months ago

    WPyogi – thank you for your followup reply. It was a good answer but not quite the solution here. You however helped me to refocus my thinking.

    I tested solid and it didnt work – which didnt make any sense, so I looked at the code and decided to check changing the border size. It was too small at less than 1px. I increased to 1px and I was able to get solid to work and now even outset with IE / Safari and FFox.

    Thank you for your suggestion – it helped to get me on the right track with this and resolve it. : )

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Dropdown Vertical Menu /Link Separator’ is closed to new replies.