[thelist] Gap in CSS

Rob Smith rob.smith at lexjet.com
Fri Dec 9 10:25:36 CST 2005


Hi, 

 

Go to http://www.lexjet.com/lexjettest/totals.asp and the CSS for the
page is:

 

body {

            text-algin:center;

}           

.main_active {

            background-image: url(../grfx/main_active.jpg);

            background-repeat: repeat-x;

            height: 19px;

            border-top: 1px solid #000000;

            border-right: 1px solid #000000;

            border-bottom: 0px solid #000000;

            border-left: 0px solid #000000;

            padding-right: 5px;

            padding-left: 5px;

            float: left;

            padding-top: 3px;

            text-align: center;

}

.sub_active {

            background-color:#FFF;

            height: 19px;

            border-top: 1px solid #000000;

            border-right: 1px solid #000000;

            border-bottom: 1px solid #FFFFFF;

            border-left: 0px solid #000000;

            padding-right: 5px;

            padding-left: 5px;

            float: left;

            padding-top: 3px;

            text-align: center;

}

.main_standard a {

            background-image: url(../grfx/main_rollover.jpg);

            background-repeat: repeat-x;

            height: 19px;

            border-top: 1px solid #000000;

            border-right: 1px solid #000000;

            border-bottom: 0px solid #000000;

            border-left: 0px solid #000000;

            padding-right: 5px;

            padding-left: 5px;

            float: left;

            padding-top: 3px;

            text-align: center;

            color: #000;

}

.sub_standard a {

            background-color:#999999;

            height: 19px;

            border-top: 1px solid #000000;

            border-right: 1px solid #000000;

            border-bottom: 1px solid #000000;

            border-left: 0px solid #000000;

            padding-right: 5px;

            padding-left: 5px;

            float: left;

            padding-top: 3px;

            text-align: center;

            color: #FFF;

            margin-right:0px;

}

a.black {

            color:#000;

}

.boundry {

            background-image: url(../grfx/main_rollover.jpg);

            background-repeat: repeat-x;

            border-left: 1px solid #000000;

            width:900px;

            height: 22px;

}

.boundry_endpiece {

            witdh:100%;

            height: 21px;

            border-top: 1px solid #000000;

            border-right: 1px solid #000000;

            border-bottom: 1px solid #000000;

            border-left: 1px solid #000000;

}

.sub_boundry {

            background-color:#999999;

            border-left: 1px solid #000000;

            width:900px;

            height: 22px;

}

.sub_boundry_endpiece {

            witdh:100%;

            height: 22px;

            padding-left:0px;

            margin-left:0px;

            border-top: 1px solid #000000;

            border-right: 1px solid #000000;

            border-bottom: 1px solid #000000;

            border-left: 1px solid #000000;

}

.main_standard a:hover {

            background-image: url(../grfx/main_standard.jpg);

            background-repeat: repeat-x;

            height: 19px;

            padding-right: 5px;

            padding-left: 5px;

            float: left;

            padding-top: 3px;

            text-align: center;

            border-top: 1px solid #000000;

            border-right: 1px solid #000000;

            border-bottom: 0px solid #000000;

            border-left: 0px solid #000000;

}

.sub_standard a:hover {

            background-color:#CCCCCC;

            height: 19px;

            padding-right: 5px;

            padding-left: 5px;

            float: left;

            padding-top: 3px;

            text-align: center;

            border-top: 1px solid #000000;

            border-right: 1px solid #000000;

            border-bottom: 1px solid #000000;

            border-left: 0px solid #000000;

}

a {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 11px;

            font-style: normal;

            font-weight: bold;

            color: #FFFFFF;

            text-decoration: none;

}

a:hover {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 11px;

            font-style: normal;

            font-weight: bold;

            color: #000000;

            text-decoration: none;

}

 

Why is there a gap between the "_endpiece" and the last div?

 

Thanks,


Rob Smith
LexJet
rob.smith at lexjet.com
http://www.lexjet.com
(800)453-9538
(941)330-1210 Int'l
(941)330-1220 Fax
1680 Fruitville Road, 3rd Floor
Sarasota, FL 34236

Proud Sponsors of the Professional Digital Imaging Association (www.pdia.org)





More information about the thelist mailing list