CSS funktioniert nich in Tabellen?!

Status
Nicht offen für weitere Antworten.

masta

Erfahrenes Mitglied
Folgendes Problem mit meinen Style Sheets, es funktioniert nicht in der Tabelle, aber wenn ich die Tabelle weglasse und den Link Test alleine setze funktioniert es. Kennt dort jemand eine Lösung?

PHP:
<HTML>
<HEAD>
<TITLE>Scriptportal.de</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#000000 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<style type=text/css>
<!--
a:link
{
color: white;
text-decoration: none;
border-bottom:dotted 1px  #FFFFFF; 
}
a:hover
{
border-bottom:solid 1px #FFFFFF;
color: white;
}

-->
</style>

<!-- oben -->
<table width=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
<tr>
<td width="363"><IMG SRC="Bilder/scriptportal_01.gif" WIDTH=363 HEIGHT=103 ALT=""></td>
<td width="100%"></td>
<td width="17"><IMG SRC="Bilder/scriptportal_03.gif" WIDTH=17 HEIGHT=103 ALT=""></td>
</tr>
<table>

<!-- mitte -->

<table width=100% height=75% BORDER=0 CELLPADDING=0 CELLSPACING=0>
<tr>
<td width="17" height="75%" background="Bilder/scriptportal_04.gif"><IMG SRC="Bilder/scriptportal_04.gif" WIDTH=17 HEIGHT=1 ALT=""></td>
<td width="100%" height="75%" valign="top">

<table width=150 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<tr>
<td bgcolor="#808080">

<a href="http://www.test.de">Test</a>

</td>
</tr>
</table>

</TD>
<td width="17" height="75%" background="Bilder/scriptportal_06.gif"><IMG SRC="Bilder/scriptportal_06.gif" WIDTH=17 HEIGHT=1 ALT=""></td>
</tr>
<table>

<!-- unten -->

<table width=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
<tr>
<td width="35"><IMG SRC="Bilder/scriptportal_07.gif" WIDTH=35 HEIGHT=28 ALT=""></td>
<td width="100%" background="Bilder/scriptportal_08.gif"><IMG SRC="Bilder/scriptportal_08.gif" WIDTH=1 HEIGHT=28 ALT=""></td>
<td width="35"><IMG SRC="Bilder/scriptportal_09.gif" WIDTH=35 HEIGHT=28 ALT=""></td>
</tr>
<table>



</BODY>
</HTML>
 
Hoi,

in Zukunft bitte dazuschreiben, was genau nicht funktioniert, dann haben es Helfer einfacher, sich in *deinen* Code reinzufinden,
der für sie ja unbekannt ist.

Und kompletten Quelltext von <html> bis </html> sieht hier niemand gerne, denn du postest damit irrelevanten HTML-Code, der nur die Unübersichtlichkeit erhöht - bitte für's nächste Mal merken. :)

Außerdem ist's ganz nützlich zu wissen, in welchem Browser das ganze bei dir nicht zu funktionieren scheint...

Zum Problem:
Der IE und die Opera interpretieren die Stylesheet-Angaben ja soweit ich sehe für *sich* korrekt, andere Browser stören sich an eben der Angabe der border-bottom - können diese nicht richtig interpretieren und stellen immer eine Unterstreichung dar.

Die Angaben über color und text-decoration sind cross-browser-kompatibel, nicht aber eben die dritte Angabe, die du dir imho komplett sparen solltest (Spielerei...) um solche Problemchen zu vermeiden, bzw. wenn du sie wirklich mit hineinnehmen willst, dann für die Browsergruppen unterschiedliche CSS-Definitionen zu generieren.

Ob die Links in einer Tabellen stehen oder nicht, macht soweit ich sehe keinen Unterschied und hätte irgendwie auch keinen Sinn. :)
Oder kannst du einen Screenshot von dem zeigen, dass es doch so ist?

hth,
Geist
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.
Zurück