CSS HTML Lesion ...

[ssyfrig]

Hi

Need some CSS HTML Lesion ...

I the past i worked always with css classes... since I try to you use the "new dhtmlmenu RT" I know some thing about ID's.

so what is the best way do define the template... just a easy example..

Code: Select all

<table width="800" border="0" cellpadding="0" cellspacing="0" id="siteFooter">
  <tr> 
    <td align="center" class="tblFooterBorderTop">&nbsp;</td>
  </tr>
  <tr> 
    <td align="center"><a href="http://www.phpwcms.de" target="_blank">Build by phpwcms</a> | [ID impressum]Impressum[/ID]| {LAST UPDATED:0}</td>
  </tr>
  <tr>
    <td align="center">&nbsp;</td>
  </tr>
</table>

Is that correct? I define a ID for the hole table... like SiteFooter

now I define in the css ..

Code: Select all

#siteFooter a:link, a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  text-decoration: none;
  color: #C0C0C0;
  background-color: #FFFFFF
}


#siteFooter a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  text-decoration: underline;
  color: #000000;
  background-color: #FFFFFF
}

for the Links

But what’s about the RT Text. Should I define these things in a class?
And what’s about the Border in the first row... should I define this also in class?


like

Code: Select all

.tblFooterBorderTop {
  border-top-color: #CC0000;
  border-top-style: solid;
  border-top-width: 1px
}

thanks for your help

Sven

[trip]

Hi
you could also do the following on the table

Code: Select all

<div id="siteFooter">
<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" class="tblFooterBorderTop">&nbsp;</td>
  </tr>
  <tr>
    <td align="center"><a href="http://www.phpwcms.de" target="_blank">Build by phpwcms</a> | [ID impressum]Impressum[/ID]| {LAST UPDATED:0}</td>
  </tr>
  <tr>
    <td align="center">&nbsp;</td>
  </tr>
</table>
</div>

this is probably better doing it this way as you can then define table, td, tr and th
remember to check the differences in FF and IE....

Code: Select all

#siteFooter table {
width:800px;
}

#siteFooter td {}
#siteFooter tr {}

#siteFooter a:link, a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  text-decoration: none;
  color: #C0C0C0;
  background-color: #FFFFFF
}


#siteFooter a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  text-decoration: underline;
  color: #000000;
  background-color: #FFFFFF
}

you are also correct in using a class for the border on td as this is unique for that item...

hope this helps

good luck
TriP