For some reason, my words seems to be crammed between each line. When I change to a larger font, the words are right on top of each other (meaning the words below this line are very close together). I am not too familiar with css so I was hoping someone could assist me. I believe it was the line-height but noticed most of my heights are 12 which seems as though it would be enough. I displayed my style sheet below.
Thanks,
J
www.umpirejoewest.com
www.majorleagueumpires.com
*******************************************
td {
text-align: left;
font-family:tahoma;
font-size:9px;
color:#868686;
line-height:12px;
}
a {
text-decoration: none;
color:#868686;
font-family:tahoma;
}
body { margin:0px;padding:0px; }
.copy{
font-family:tahoma;
font-size:9px;
color:#BBBAB6;
text-decoration:none;
}
.bot_txt { color:#5B5B5B;
text-decoration:none}
.gray {color:#868686; text-decoration:none}
.red {color:#AD3636; text-decoration:none}
.small {font-size:9px; line-height:12px}
.white {color:#FFFFFF}
.u {text-decoration:underline}
.t {text-transform:uppercase}
.big {font-size:12px}
.a {background-position:bottom; background-repeat:repeat-x; background-image:url(images/under.jpg)}
.form { width:194px;
height:18px;
font-family:tahoma;
font-size:11px;
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
background-color:#C7C7C7;
color:#898989;
margin-left:0px;
margin-right:0px}
.textarea {width:194px;
height:58px;
font-family:tahoma;
font-size:11px;
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
background-color:#C7C7C7;
color:#898989;
overflow
;
margin-left:0px;
margin-right:0px;}
.rollover {scrollbar-face-color:#395E85;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-3Dlight-color:#ffffff;
scrollbar-base-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
}
.transp {background:transparency}
a:hover{text-decoration:underline;}
#under{text-decoration:underline;}
