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 7 of 7
  1. #1
    New Coder
    Join Date
    Mar 2012
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Making a Navigation DropDown Menu Fit

    http://ahy4life.com/test2/index.php

    This is my first post.
    The client wishes to have nine dropdowns in the navigation menu at top. Only eight are ostensibly visible just now, even tho they exist in the code. While I can change the width of each menu item, how can I make "Meet the Owners" and "Events & Promos" appear on two lines. For example:

    Events &
    Promos

    Please disregard the improper alignment of the dropdowns; I will correct those once this other issue is addressed.

    Thanks, -Biggs

  • #2
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    put <br> in between the 2 words to force it to a new line and add this css rule

    Code:
    #contact{
    line-height:20px;
    }

  • #3
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    btw both google chrome and firefox are reporting your site as a "bad ware" attack site.

  • #4
    New Coder
    Join Date
    Mar 2012
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by DanInMa View Post
    put <br> in between the 2 words to force it to a new line and add this css rule

    Code:
    #contact{
    line-height:20px;
    }
    Thanks. Better. I mod'd the existing rule from 40px to 20px.
    How do I change the rule so that titles center vertically? The rule already says:

    Code:
    #navMenu li {
    	padding: 0px 3px 0px 0px;
    	height:40px;
    	line-height:20px;
    	vertical-align:middle;  
    	color: #FFFFFF;
    	background:transparent url(http://ahy4life.com/images/nav_line.jpg) no-repeat right top;
    	width:100px;
    }

  • #5
    New Coder
    Join Date
    Mar 2012
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by DanInMa View Post
    btw both google chrome and firefox are reporting your site as a "bad ware" attack site.
    Thank you for the FYI.
    I have contacted the badware authorities citing diagnostics they recommended I run which indicate there is no malware here. There at one time was such, but I corrected that several weeks ago.

  • #6
    New Coder
    Join Date
    Mar 2012
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Anyone? Could this be a word wrap issue?

  • #7
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    sorry. ok look slike your going to have to try somethign more specific.

    change #contact

    to

    div#navMenu ul li#contact

    if that doesnt work you can force it:

    Code:
    div#navMenu ul li#contact{
    line-height:20px !important;
    }


  •  

    Posting Permissions

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