Nicole
Posts: 2850
Joined: 9/15/2004
From: Nambucca / Kempsey, Australia
Status: offline
 |
RE: tables... - 8/9/2005 20:31:36
Hi Brandon,
How about this:
table.classname {
border: 0px none;
border-collapse: collapse;
background-color: #ffffff;
width: 590px;
}
tr.classname {
text-align: left;
vertical-align: top;
}
td.classname {
width: 290px;
padding: 0;
margin: 0;
}
And then in your page code:
<table class="classname">
<tr class="classname">
<td class="classname">
<p><strong>Physicians</strong> <br />
Jeffrey S. Borders M.D.<br />
George M. Brennan M.D. <br />
<a href="practice/gvs/delledonne.htm" target="_self">Edward P. Delle Donne M.D., F.A.C.S.</a> <br />
George B. Friend M.D., F.A.C.S. <br />
Timothy W. Noveroske M.D., F.A.C.S. </p></td>
<td class="classname">
<p><br />
John W. Oren M.D., F.A.C.S. <br />
Charles E. Peterson M.D., F.A.C.S. <br />
Thomas L. Poulin M.D., F.A.C.S. <br />
Michael C. Rotkis M.D. Scott G. <br />
Thomas M.D., F.A.C.S. </p></td>
</tr>
</table>
To style your <p> and <a> you'd just do similar to this but change the attributes you'd need to change:
p.skip {
color: #cccccc;
text-decoration: none;
font-size: 0.75em;
font-family: arial, verdana, helvetica, sans-serif;
font-weight: normal;
text-align: left;
margin-top: 0;
margin-bottom: 2px;
}
a:link.skip {
color: #cccccc;
text-decoration: none;
font-size: 1em;
font-family: arial, verdana, helvetica, sans-serif;
font-weight: normal;
margin: 0;
}
a:visited.skip {
color: #cccccc;
text-decoration: none;
font-size: 1em;
font-family: arial, verdana, helvetica, sans-serif;
font-weight: normal;
margin: 0;
}
a:hover.skip {
color: #ffffff;
text-decoration: underline;
font-size: 1em;
font-family: arial, verdana, helvetica, sans-serif;
font-weight: normal;
margin: 0;
}
Hope that helps
Nicole
|
Printable Version 
Here is my question...How do I turn this table into CSS? I'm working writing better code...and to me it just seems there is alot of junk...and would be alot easier and clean/faster if I started using CSS for my tables.. 
New Messages
No New Messages
Hot Topic w/ New Messages
Hot Topic w/o New Messages
Locked w/ New Messages
Locked w/o New Messages
Post New Thread