nicht angemeldet
Tabellen: Border, Innenabstand und eine Reihe mit Hintergrund
Hallo
Ich habe ein Problem mit Textkästchen die einen Rand haben und einen Innenabstand Links und Rechts.
Der Internet Explorer macht es genau so wie ich es möchte.
Mozilla macht jedoch mit dem Hintergrund der obersten Reihe auch einen entsprechenden Abstand vom Rand und Opera macht überhaupt keinen Abstand vom Rand.
Betrachten kann man dies unter http://www.apokatastasia.ch
Wie kann ich es so Hinbiegen, das Mozilla und Opera7 es auch so machen wie ich es will (so wie es der Internet Explorer 6 bei mir darstellt)?
Gruss
Kaspar
Hier noch die Codebeispiele. Ihr könnt es aber auch ganz unter www.apokatastasia.ch betrachten:
CSS:
table.tblock {
padding-left:10px;
padding-right:10px;
text-align:justify;
border: 1px solid #999999; }
td.block {
background-color:#666666;
word-spacing: 2px;
}
HTML:
<table width="90%" align="center" cellpadding="0" cellspacing="0" class="tblock">
<tr>
<td height="15" valign="middle" class="block"><span class="text"> Demo
CD</span></td>
</tr>
<tr>
<td height="19"> </td>
</tr>
<tr>
<td><span class="text">Das Warten hat ein Ende!<br>
<br>
Unsere Demo-CD "Waiting Four" kann nun endlich unter
<script type="text/javascript">
<!--
var bevor = "info"
var provid = "apokatastasia.ch"
document.write('<a href="mailto:' + bevor + '@' + provid + '">');
document.write(bevor + '@' + provid + '</a>');
//--></script>
bestellt werden. Sie ist 33 Minuten lang und kostet SFr. 15.-.</span></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
-
Hi
im Netscape tritt dein problem auch auf.
ich habe deinen quelltest so verändert, dass die anzeige im
MIE und bei Netscape so funktionieren, wie du es wolltest.
ist vielleicht nicht die schnellste lösung aber eine einfache :)du überschreibst einfach die folgenden 2 teile des quelltextes
1. im kopfbereich den <style> .... </style> - bereich
<style type="text/css"> <!--
body { background-color:#000000; }span.const { font-size:16; color:#FFFFFF; font-variant:small-caps; font-family:helvetica,geneva,sans-serif; }
span.mail { font-size:10; color:#FFFFFF; font-family:helvetica,geneva,sans-serif; }
#Text01 { font-size:12; color:#FFFFFF; font-family:helvetica,geneva,sans-serif; margin-left:10px; margin-right:10px; }
table.tblock {
text-align:justify;
border: 1px solid #999999; }
td.block {
background-color:#666666;
word-spacing: 2px;
}-->
</style>- gändert habe ich SPAN.TEXT und das PADDING bei TD.BLOCK
2. der Bereich ab der Tabellenspalte wo DEMO CD steht bis zur Spalte die mit info@apokatastasia.ch !!! endet
<td height="15" valign="middle" class="block"><p id="Text01"> Demo
CD</td>
</tr>
<tr>
<td height="19"> </td>
</tr>
<tr>
<td><p id="Text01">Das Warten hat ein Ende!<br>
<br>
Unsere Demo-CD "Waiting Four" kann nun endlich unter
<script type="text/javascript">
<!--
var bevor = "info"
var provid = "apokatastasia.ch"
document.write('<a href="mailto:' + bevor + '@' + provid + '">');
document.write(bevor + '@' + provid + '</a>');
//--></script>
bestellt werden. Sie ist 33 Minuten lang und kostet SFr. 15.-.</p></td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="33%" align="center" valign="top"> <table width="90%" align="center" cellpadding="0" cellspacing="0" class="tblock">
<tr>
<td width="51%" height="15" valign="middle" class="block"><p id="Text01"> Konzert</p></td>
<td width="49%" align="right" valign="middle" nowrap class="block"><p id="Text01">31.
Mai 2003 </p></td>
</tr>
<tr>
<td height="19" colspan="2"> </td>
</tr>
<tr>
<td colspan="2"><p id="Text01">Voraussichtlich 31. Mai 2003 im Wärchhof
in Luzern<br>
Support von Behemoth (Pol).</p></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table></td>
<td width="33%" align="center" valign="top"> <table width="90%" align="center" cellpadding="0" cellspacing="0" class="tblock">
<tr>
<td height="15" valign="middle" class="block"><p id="Text01">Bassist</p></td>
</tr>
<tr>
<td height="19"> </td>
</tr>
<tr>
<td><p id="Text01">Achtung! Wir suchen ab sofort einen versierten,
einsatzfreudigen Bassisten, der bei uns als festes Mitglied einsteigt.
Wir wollen Apokatastasia zu einer fünfköpfigen Truppe mit
zwei Gitarren umstrukturieren. Interessierte Saitenquäler melden
sich bitte umgehend unter
<script type="text/javascript">
<!--
var bevor = "info"
var provid = "apokatastasia.ch"
document.write('<a href="mailto:' + bevor + '@' + provid + '">');
document.write(bevor + '@' + provid + '</a>');
//--></script>
!!!</p></td>hmm ..ich schick dir den quelltext nochmal per mail :))
sorry für die fehlende übersicht
mfg NAGslab
-
man kanns ja doch lesen...
also schreib ich dir keine mail :)
mfg NAG
-
Hallo NAGslab
im Netscape tritt dein problem auch auf.
Hab ich mir gedacht. Ist ja so viel ich weis Mozilla sehr ähnlich.
ich habe deinen quelltest so verändert, dass die anzeige im
MIE und bei Netscape so funktionieren, wie du es wolltest.
ist vielleicht nicht die schnellste lösung aber eine einfache :)Snell genug für mich :-))
du überschreibst einfach die folgenden 2 teile des quelltextes
- im kopfbereich den <style> .... </style> - bereich
[schnipp]
Ich habe alles so gemacht wie du es Beschrieben hast. Ausser das ich <div> anstatt <p> genommen habe. Es funktioniert jetzt in Mozilla und auch Opera.
hmm ..ich schick dir den quelltext nochmal per mail :))
Nicht nötig, danke. Das hier reicht schon. :-)
(Apropos. Die Angegebene Emailadresse ist echt und funktioniert. Sie scheint offensichtlich von den Spamern aufgrund des nospams drin effizient herausgefiltert zu werden. ;-) )sorry für die fehlende übersicht
Die hat überhaupt nicht gefehlt.
Ich danke dir vielmals für deine schnelle und efiziente Hilfe.Gruss
Kaspar
-
no prob ;)
mfg NAGslab