Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS HELP NEEDED URGENT WITH CSS PLEASE

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #35996
    Diniz76
    Participant

    HI GUYS,

    I messed up with my top navigation bar, the space betwen tabs gone and I can’t get it back. this is the link to my website http://www.dm-rl.com and this is the css coding

    #display_menu_1 .nav a {color:#000000;}
    #display_menu_1 .nav_hover a {color:#ffffff;}
    #display_menu_1 .nav {background-color:transparent;}
    #display_menu_1 .nav_hover {background-color:#696969;}

    #display_menu_2 {margin:0 0 20px 0;}
    #display_menu_2 .nav a {}
    #display_menu_2 .nav_hover a {}
    #display_menu_2 .nav {background-color:transparent;}
    #display_menu_2 .nav_hover {background-color:transparent;}

    #display_menu_3 {margin:0 0 20px 0;}
    #display_menu_3 .nav a {}
    #display_menu_3 .nav_hover a {}
    #display_menu_3 .nav {background-color:transparent;}
    #display_menu_3 .nav_hover {background-color:transparent;}

    #display_menu_4 {margin:0 0 20px 0;}
    #display_menu_4 .nav a {}
    #display_menu_4 .nav_hover a {}
    #display_menu_4 .nav {background-color:transparent;}
    #display_menu_4 .nav_hover {background-color:transparent;}

    #display_menu_5 {margin:0 0 20px 0;}
    #display_menu_5 .nav a {}
    #display_menu_5 .nav_hover a {}
    #display_menu_5 .nav {background-color:transparent;}
    #display_menu_5 .nav_hover {background-color:transparent;}

    #display_menu_6 {margin:0 0 20px 0;}
    #display_menu_6 .nav a {}
    #display_menu_6 .nav_hover a {}
    #display_menu_6 .nav {background-color:transparent;}
    #display_menu_6 .nav_hover {background-color:transparent;}

    #display_menu_7 {margin:0 0 20px 0;}
    #display_menu_7 .nav a {}
    #display_menu_7 .nav_hover a {}
    #display_menu_7 .nav {background-color:transparent;}
    #display_menu_7 .nav_hover {background-color:transparent;}

    #display_menu_8 {margin:0 0 20px 0;}
    #display_menu_8 .nav a {}
    #display_menu_8 .nav_hover a {}
    #display_menu_8 .nav {background-color:transparent;}
    #display_menu_8 .nav_hover {background-color:transparent;}


    #display_menu_1 {padding:13px 0; float:left;}

    #display_menu_1 .nav {}
    #display_menu_1 .nav a {font-size:13px !important;}

    #display_menu_1 .nav_hover {cursor:pointer;}
    #display_menu_1 .nav_hover a {text-decoration:none;}


    #display_menu_1 ul {margin:0px; padding:0px; list-style:none; float:left;}
    #display_menu_1 ul li {margin:0px; padding:0px; display:inline-block;}

    #display_menu_1 li.nav {margin-right:15px;}
    #display_menu_1 li.nav a {color:#3d3d3d;}

    #display_menu_1 li.nav_hover a {color:#3a6bcd; float:left;}


    #display_menu_1 td.nav img {display:none !important; float:left;}

    #display_menu_1 td.nav {padding:0px 0 0px !important;}
    #display_menu_1 td.nav a {}

    #display_menu_1 .colors_lines {width:0px; background:#000;}


    #display_menu_1 div#menu0 {width:750px !important;}

    #display_menu_1 td.subnav {padding:3px 6px !important; background:#989898; }
    #display_menu_1 td.subnav a {float:left;}

    #display_menu_1 td.subnav_hover {}
    #display_menu_1 td.subnav_hover a {}


    #left_nav {}

    #left_nav .nav {text-align:left; border-bottom:1px solid #cecece;}
    #left_nav .nav a {font-weight:bold; font-size:12px !important;}

    #left_nav .nav_hover {cursor:pointer;}
    #left_nav .nav_hover a {text-decoration:none;}

    #left_nav .nav img {display:none !important;}


    #left_nav ul {margin:0 0 0px; padding:0; list-style:none; text-align:left;}
    #left_nav ul li {margin:0; padding:0;}

    #left_nav li.nav {padding:8px 15px !important;}
    #left_nav li.nav a {}


    #left_nav td.nav {padding:8px 15px !important;}
    #left_nav td.nav a {}

    #left_nav td.subnav {padding:3px 6px !important; background:#f5f3ed; border:none;}
    #left_nav td.subnav a {font-weight:normal !important;}

    #left_nav td.subnav_hover {}
    #left_nav td.subnav_hover a {}


    #left_nav table.nav {width:200px !important;}

    #left_nav table.nav td.nav {}
    #left_nav table.nav td.nav a {}

    #left_nav table.nav td.subnav {padding:2px 6px 4px 15px !important;}
    #left_nav table.nav td.subnav a {font-size:11px !important;}

    I WOULD BE THE HAPPIEST PERSON ON THE WORLD IF SOMEONE CAN HELP ME TO AJUST IT.

    THANKS

    MARCIO

    #94119
    Billy
    Participant

    None of them have any margin or padding on the sides, apart from the last-but-one. Add a margin to the divs, and clean up your code; make it SEMANTIC and SHORT.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.