Hallo zusammen,
bei dem Layout an dem ich zurzeit sitze, möchte ich unter den Artikeln die Schlagworte, Kategorien usw. darstellen. Dies habe ich mit einer Tabelle umgesetzt:
<div class="drunter"><table width="100%">
<tr>
<td colspan="2" align="center" valign="top" scope="col">Dieser Artikel wurde von <em>Autor</em> am <em>Datum</em> um <em>Uhrzeit</em> Uhr geschrieben.</span></td>
</tr>
<tr>
<td width="30%" align="center" valign="middle" scope="row">Verwenden</td>
<td align="left" valign="top"><a href="#"><img src="Bilder/buttons/drucker/printer.png" alt="drucken" /></a> ⁄ <a href="#"><img src="Bilder/buttons/pdf/save.png" alt="als PDF Speichern" /></a> ⁄ <a href="#"><img src="Bilder/buttons/email/email.png" alt="mailen" /></a> ⁄ <a href="#"><img src="Bilder/buttons/feeds/RSS_16.png" alt="RSS-Feed" /></a> ⁄ <a href="#"><img src="Bilder/buttons/bearbeiten/spanner_blue.png" alt="bearbeiten" /></a> ⁄ dauerhafter Link ⁄ Trackback<br /></td>
</tr>
<tr>
<td width="30%" align="center" valign="middle" scope="row">Social-Bookmarks</td>
<td align="left" valign="top"><a href="#"><img src="Bilder/buttons/bookmarks/delicious-16.png" alt="Delicious" /></a> ⁄ <a href="#"><img src="Bilder/buttons/bookmarks/digg-16.png" alt="digg" /></a> ⁄ <a href="#"><img src="Bilder/buttons/bookmarks/facebook-16.png" alt="facebook" /></a> ⁄ <a href="#"><img src="Bilder/buttons/bookmarks/flickr-16.png" alt="flickr" /></a> ⁄ <a href="#"><img src="Bilder/buttons/bookmarks/furl-16.png" alt="furl" /></a> ⁄ <a href="#"><img src="Bilder/buttons/bookmarks/reddit-16.png" alt="reddit" /></a> ⁄ <a href="#"><img src="Bilder/buttons/bookmarks/stumbleupon-16.png" alt="stumbleupon" /></a> ⁄ <a href="#"><img src="Bilder/buttons/bookmarks/technorati-16.png" alt="technorati" /></a> ⁄ <a href="#"><img src="Bilder/buttons/bookmarks/twitter-16.png" alt="twitter" /></a> ⁄ <a href="#"><img src="Bilder/buttons/bookmarks/yahoo-16.png" alt="yahoo" /></a> ⁄ x</td>
</tr>
<tr>
<td width="30%" align="center" valign="middle" scope="row">Abgelegt unter</td>
<td align="left" valign="top">Kategorie 1, Kategorie 2, Kategorie 3,</td>
</tr>
<tr>
<td width="30%" align="center" valign="middle" scope="row">Schlagworte</td>
<td align="left" valign="top">Schlagwort 1, Schlagwort 2, Schlagwort 3, Schlagwort 4, Schlagwort 5</td>
</tr>
</table>
</div>Die Tabelle befindet sich in einem Div-Element. Das Div-Element hat eine class zugewiesen, mit der ich den Bereich dann in der css-Datei gestalten kann.
Als erstes habe ich mich dem DIV-Block gewidmet, wo ich u.a. die Abstände bestimmte. Das schaut bis lang so aus:
.drunter {
display:block;
margin:1em 10% 2em 10%;
}Das Funktioniert soweit auch prima. In dem DIV-Element habe ich eine Tabelle, wie bereits erwähnt. Der Tabelle möchte ich einen gestrichelten Rahmen in der Farbe #009900 zuweisen. Dies soll aber nur für die Tabelle in dem div-element gelten. Versucht habe ich es so:
.drunter table {border:#009900 dashed 0.05em;}
.drunter tr {border:#009900 dashed 0.05em;}
.drunter th {border:#009900 dashed 0.05em;}
.drunter td {border:#009900 dashed 0.05em;}Doch leider werden mir keine Rahmen angezeigt. Wenn ich dann in dem html-Bereich in der Tabelle border="1" hinzufüge, ändert sich an dem Problem leider immer noch nichts.
Im Moment sehe ich leider mein Problem nicht und würde mich daher sehr freuen, wenn ihr mir weiter helfen könnt.
Vielen Dank
Muckel
P.S.: das Layout könnt ihr hier sehen.