Results 1 to 4 of 4

Thread: Problems with Top Navigational Bar

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

    Default Problems with Top Navigational Bar

    hi peoples, first i have to say, that i'am german, so please excuse my english, and second i'm not really good in programming, so...i'm working with following script:

    http://www.dynamicdrive.com/dynamicindex1/sm/index.htm


    my problem is, that the mainmenu starts right left and thats not what i want, i want that it starts with a distance from perhaps 20 px. Now i dont know how and where to manipulate the script...
    anyone can help me?

    thx peter

  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

    Add to the style section on the page (from sample.htm, additions red):

    Code:
    <style>
    all.clsMenuItemNS, .clsMenuItemIE{text-decoration: none; font: bold 12px Arial; color: white; cursor: hand; z-index:100}
    #MainTable A:hover {color: yellow;}
    
    #MainTable {
    width:90%;
    padding-left:20px;
    }
    </style>
    - John
    ________________________

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

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

    Default Re:

    ok, thank you john, it works, but another problem is, that the menubar is in IE6 higher than in mozilla 1.0.7. do you know if i can modify the script,for it stays the same height?

  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

    Again add to the style section on the page (from sample.htm, additions now green):

    Code:
    <style>
    all.clsMenuItemNS, .clsMenuItemIE{text-decoration: none; font: bold 12px Arial; color: white; cursor: hand; z-index:100}
    #MainTable A:hover {color: yellow;}
    
    #MainTable {
    width:90%;
    padding-left:20px;
    margin-top:-10px!important;
    margin-top:0;
    }
    </style>
    The -10px is for FF (to get it to move higher) the 0 for IE (to leave it where it is), adjust as needed. Values can also be positive:

    Code:
    margin-top:5px;
    which will push it down the page.
    - John
    ________________________

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

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
  •