Herzlich Willkommen, lieber Gast!
  Sie befinden sich hier:

  Forum » HTML / XML / XHTML » HTML-Darstellungsproblem/Tabelle

Forum | Hilfe | Team | Links | Impressum | > Suche < | Mitglieder | Registrieren | Einloggen
  Quicklinks: MSDN-Online || STL || clib Reference Grundlagen || Literatur || E-Books || Zubehör || > F.A.Q. < || Downloads   

Autor Thread - Seiten: > 1 <
000
28.11.2004, 17:00 Uhr
~TobiboT
Gast


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:


Code:

<!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...
DANKE! :
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
001
28.11.2004, 17:51 Uhr
FloSoft
Medialer Over-Flow
(Administrator)


wegen dem umbruch nach <img> und vor </td> sollten die browser zwar ignorieren, macht aber keiner.
--
class God : public ChuckNorris { };
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
002
28.11.2004, 18:34 Uhr
~TobiboT
Gast


ähm..danke für den Tipp, ändert aber leider nix
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
003
28.11.2004, 19:05 Uhr
FloSoft
Medialer Over-Flow
(Administrator)


evtl mal noch hspace und vspace vom bild einstellen
--
class God : public ChuckNorris { };
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
004
28.11.2004, 19:06 Uhr
~TobiboT
Gast


Jetzt hab ichs :-) Man braucht nen extra Container für das Bild und dabei muss man die automatische Größenanpassung unterbinden (overflow:none):


Code:

<tr>
        <td align="center" valign="bottom" colspan="6" bgcolor="#ffffff" style="margin:0px; padding:0px;">
        <div style="align=left;width:750px;height:61px;overflow:none;">
        <img src="banner.jpg" border="0"></div>
        </td>
    </tr>

 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
005
28.11.2004, 20:00 Uhr
FloSoft
Medialer Over-Flow
(Administrator)


jo so kann man's natürlich auch machen
--
class God : public ChuckNorris { };
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
Seiten: > 1 <     [ HTML / XML / XHTML ]  


ThWBoard 2.73 FloSoft-Edition
© by Paul Baecher & Felix Gonschorek (www.thwboard.de)

Anpassungen des Forums
© by Flo-Soft (www.flo-soft.de)

Sie sind Besucher: