1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

HTML-Darstellungsproblem/Tabelle

Discussion in 'Sonstige Online-Themen' started by ibot, Nov 28, 2004.

Thread Status:
Not open for further replies.
  1. ibot

    ibot Byte

    Hi, ich hab mal wieder ein Problemchen bei dem ich nicht weiter komm. Bin grad dabei meine HP neu zu basteln. Ich habe eine Teballe, in der ein Banner (.jpg) angezeigt werden soll, sonst nichts, d.h. der Rahmen der Tabelle sollte das Bild eigentlich schön Bündig umschließen. Das funktioniert auch beim IE aber bei Firefox wird am unteren Rand des Bildes ein kleiner Spalt (ca 2 Pixel) dargestellt, und ich hab keine Erklärung woher dieser kommt. Hier der Code:

    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<style>
BODY { background-color:#ffffff; font-family:Verdana,Arial,Tahoma; font-size:8pt; color:#ffffff }
A { font-family:Verdana,Arial,Tahoma; font-size:10pt; color:#000000 }
H1 { font-family:Verdana,Arial,Tahoma; font-size:16pt; color:#000000 }
HR { color:#ffffff }
TD { font-family:Verdana,Arial,Tahoma; font-size:8pt; color:#000000 }
INPUT,TEXTAREA { background-color:#aaaaaa; border:1px solid #000000; font-family:Arial,Tahoma; font-size:8pt; color:#000000; }
</style>
</head>

<body background="back3.gif" bgcolor="white" text="black" link="black" vlink="black"
 alink="black" style="font-family:Arial; font-style:normal; font-weight:normal; font-size:10pt; color:black; text-align:center; text-decoration:none;">

<p>&nbsp; 
<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="750"
 bgcolor="white" style="border-width:2px; border-color:black; border-style:solid;">
    <tr>
        <td align="center" valign="bottom" colspan="6" bgcolor="#ffffff" style="margin:0px; padding:0px;"><img src="banner.jpg" border="0"> An dieser Stelle ist nun der Spalt zwischen Tabellenrand und Bild
        </td>
    </tr>
    <tr>
        <td width="125" align="center" style="font-family:Arial; font-style:normal; font-weight:bold; font-size:10pt; color:black; text-align:center; text-decoration:none; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-top-color:black; border-right-color:black; border-bottom-color:black; border-top-style:solid; border-right-style:dotted; border-bottom-style:solid;"><a href="index.html">Home</a></td>
        <td width="125" align="center" style="font-family:Arial; font-style:normal; font-weight:bold; font-size:10pt; color:black; text-align:center; text-decoration:none; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-top-color:black; border-right-color:black; border-bottom-color:black; border-top-style:solid; border-right-style:dotted; border-bottom-style:solid;"><a href="uebermich.htm">&Uuml;ber mich</a></td>
        <td width="125" align="center" style="font-family:Arial; font-style:normal; font-weight:bold; font-size:10pt; color:black; text-align:center; text-decoration:none; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-top-color:black; border-right-color:black; border-bottom-color:black; border-top-style:solid; border-right-style:dotted; border-bottom-style:solid;"><a href="links.htm">Links</a></td>
        <td width="125" align="center" style="font-family:Arial; font-style:normal; font-weight:bold; font-size:10pt; color:black; text-align:center; text-decoration:none; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-top-color:black; border-right-color:black; border-bottom-color:black; border-top-style:solid; border-right-style:dotted; border-bottom-style:solid;"><a href="gallery.htm">Gallery</a></td>
        <td width="125" align="center" style="font-family:Arial; font-style:normal; font-weight:bold; font-size:10pt; color:black; text-align:center; text-decoration:none; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-top-color:black; border-right-color:black; border-bottom-color:black; border-top-style:solid; border-right-style:dotted; border-bottom-style:solid;"><a href="gaestebuch.php">G&auml;stebuch</a></td>
        <td width="125" align="center" style="font-family:Arial; font-style:normal; font-weight:bold; font-size:10pt; color:black; text-align:center; text-decoration:none; border-top-width:2px; border-right-width:0px; border-bottom-width:2px; border-top-color:black; border-right-color:black; border-bottom-color:black; border-top-style:solid; border-right-style:none; border-bottom-style:solid;"><a href="mailto:xyz@gmx.de">Kontakt</a></td>
    </tr>
    <tr>
        <td width="750" align="center" colspan="6">
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        </td>
    </tr>
</table></div>
<p>&nbsp;</p>
</body>

</html>

    Ich bin über jeden Hinweis dankbar, hab schon (fast) alles ausprobiert...
     
    ibot, Nov 28, 2004
    #1
  2. kalweit

    kalweit Hüter der Glaskugel

    Du musst das Bild in einen Container der Größe des Bildes kapseln und die automatische Größenanpassung des Containers unterbinden:

    <div style="width:468px;height:60px;overflow:none;"><img src="banner.gif" border="0"></div>
     
    kalweit, Nov 28, 2004
    #2
  3. ibot

    ibot Byte

    danke für den Tipp, jetzt passts :-) Super :-D
     
    ibot, Nov 28, 2004
    #3
Thread Status:
Not open for further replies.

Share This Page