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 2 of 2
  1. #1
    New Coder
    Join Date
    Feb 2009
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts

    newbie- navigation bar question

    The formatting for my navigation bar is almost where i want it to be. Problem: two of the buttons have long words in them. therefore the words need to be one on top of the other. the formatted text is for words that dont need 2 lines. can i format these two buttons individually? (button: SKIN CANCER above TREATMENTS, and button: COSMETIC above PROCEDURES)
    how do i make this work? thanks.
    David

    CODE:

    <style type="text/css" media="screen"><!--

    a, a:link, a:visited { color: #000; font-size: 13px; font-family: verdana, arial, sans-serif; line-height: 35px; text-decoration: none; background-color: #ffddab; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; margin-top: 2px; margin-left: 2px; width: 107px; height: 35px; float: left; border: solid 1px }

    a:hover { color: #ffd700; background: #00008b }--></style>

    <body>
    <center>
    <a class="nav" href="page1.html" title="HOME">HOME</a>
    <a class="nav" href="page2.html" title="STAFF">OUR STAFF</a>
    <a class="nav" href="page3.html" title="COSMETIC">COSMETIC PROCEDURES</a>
    <a class="nav" href="page4.html" title="SKINCANCER">SKIN CANCER TREATMENTS</a>
    <a class="nav" href="page5.html" title="INNEWS">IN THE NEWS</a>
    <a class="nav" href="page6.html" title="OFFICE">OUR OFFICE</a>
    <a class="nav" href="page7.html" title="CONTACT">CONTACT</a>
    </center>
    </body>

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    can i format these two buttons individually? (button: SKIN CANCER above TREATMENTS, and button: COSMETIC above PROCEDURES)
    Why not? Just apply an extra class to them like
    Code:
    <a class="nav large" href="page3.html" title="COSMETIC">COSMETIC PROCEDURES</a>
    <a class="nav large" href="page4.html" title="SKINCANCER">SKIN CANCER TREATMENTS</a>
    and then add
    Code:
    a.large{
    width:150px;
    }
    PS: Validate your markup, and fix all errors.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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