[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