October 4th, 2003, 11:57 AM
|
 |
Contributing User
|
|
Join Date: Apr 2002
Location: Madison, WI USA
Posts: 134
Time spent in forums: 2 h 54 m 23 sec
Reputation Power: 7
|
|
|
css spacing issues
I am racking my brains on how to use css propperly. Below you will find my use of css to change font properties. It works, but it is a bit off. On a pc using IE, there is a wierd spacing issue. The last line of the paragraph will drop down like there is paragraph break. It looks great on a mac though. This leads me to believe that I might not be using css properly...
PHP Code:
<table width="259" border="0" cellspacing="4" cellpadding="2">
<tr>
<td width="87" height="72"><img src="images/news_thumb_2.jpg" alt="News Graphic" width="87" height="72"></td>
<td valign="top">
<B class="newsdate">Date</B><br>
<span class="newsblurb">A very intersting story goes here.</span>
<div align="right"><a href="news_story.php"><img src="images/news_read_more.jpg" alt="Read More" width="81" height="19" vspace="5" border="0"></a></div>
</td>
</tr>
</table>
My Style Sheet:
PHP Code:
.copylink a:link { color: #cccccc; font: 9.5pt Verdana, Arial, Helvetica, sans-serif; font-weight: none; text-decoration: underlined }
.copylink a:hover { color: #cccccc; font: 9.5pt Verdana, Arial, Helvetica, sans-serif; font-weight: none; text-decoration: none }
.copylink a:active {
color: #330099;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: none;
}
.copylink a:visited { color: #cccccc; font: 9.5pt Verdana, Arial, Helvetica, sans-serif; font-weight: none; text-decoration: none }
a:link { color: #000066; font: 9px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline}
a:visited { color: #000066; font: 9px Verdana, Arial, Helvetica, sans-serif}
a:active { color: #000080; font: 9px Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
a:hover { color: #990000; font: 9px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline}
body { color: #000000; font: 9.5pt Verdana, Arial, Helvetica, sans-serif; font-weight: none; text-decoration: none }
select { color:#000000; font: 9.5pt Verdana, Arial, Helvetica, sans-serif; font-weight: none; text-decoration: none; background: #CCCCCC; border: 1 solid #555555; }
B.menu_item { color: #003300; font: bold 12pt Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
B.photo { color: #CC0000; font: 7.5pt Verdana, Arial, Helvetica, sans-serif; font-weight: none; text-decoration: none }
.copy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}
.newsdate {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #0099cc;
font-weight: bold;
}
.newsblurb {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}
.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.pageheader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000066;
}
|
Dev Shed Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
