nicht angemeldet
Abstand in einer Tabelle
Hallo,
ich habe eine Tabelle, in der in der ersten Zeile ein Bild ist (Banner) und in der zweiten Zeile zuerst ein vertikaler Balken erscheinen soll und dann der Inahlt. Nun habe ich aber ein Problem, und zwar erscheint zwischen dem Banner und dem Rest ein Leerraum. Ich weiß einfach nicht wo der herkommt. Habe schon alles mögliche versucht. Hier ist der Html Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<link REL="stylesheet" TYPE="text/css" HREF="style.css">
<TITLE>Link Checker</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<table>
<tr>
<td colspan="2"><img src="bilder/banner.jpg" width="750" height="80" alt="banner"><td>
</tr>
<tr>
<td class="gruener_balken"> </td>
<td class="inhalt">inhalt</td>
</tr>
</table>
</BODY>
</HTML>
________________________________________________________________
und hier der Style - Sheet:
body {
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #DBDCDB;
}
td {
vertical-align: top;
}
table {
margin: 0px 0px 0px 0px;
border: 0px;
padding: 0px;
text-align: left;
width: 750px;
}
.gruener_balken {
background-color: #598969;
width: 12px;
}
.inhalt {
background-color: yellow;
width: 738px;
}
________________________________________________________________
Ich hoffe mir kann jemand helfen!
Vielen Dank und Gruß!
Maike
-
<BODY>
<table>Hi,
probier mal anstatt <table>
so
<table cellpadding="0" cellspacing="0">
Gruss
-
Hallo,
danke, das hab ich aber vorher schon probiert, dann geht's zwar! Aber ich wollte halt mal versuchen nur noch mit Style Sheets zu arbeiten und wenn ich das jetzt mache, ist es wieder so ein "Misch-Masch".. Naja, wenn's nicht anders geht!
Trotzdem danke,
Gruß Maike -
Hi,
was spricht gegen margin:0 und padding:0?
MfG
Dark Sider-
was spricht gegen margin:0 und padding:0?
Das hab ich doch drin (im Style Sheet), funktioniert aber nicht. Wenn man im table-tag cellspacing und cellpadding auf 0 setzt, dann geht's. Dachte das wäre das gleiche! Komisch.
-
-
-
Hallo,
ich habe eine Tabelle, in der in der ersten Zeile ein Bild ist (Banner) und in der zweiten Zeile zuerst ein vertikaler Balken erscheinen soll und dann der Inahlt. Nun habe ich aber ein Problem, und zwar erscheint zwischen dem Banner und dem Rest ein Leerraum.
Vielleicht gibt Dir
http://www.tiptom.ch/homepage/faq.html?q=tdimg
noch ein paar Ideen...Gruesse,
Thomas
-
...
<BODY>
<table>
<tr>
<td colspan="2"><img src="bilder/banner.jpg" width="750" height="80" alt="banner"><td>
</tr>
<tr>
<td class="gruener_balken"> </td>
<td class="inhalt">inhalt</td>
</tr>
</table>
</BODY>
</HTML>Die Struktur deines HTML Codes ist schon falsch. Für eine Tabelle gibt es keine Notwendigkeit.
Du willst ein Logo?
<div id="logo"><img src="bilder/banner.jpg" width="750" height="80" alt="banner"><div>
<div id="inhalt">inhalt</div>
jetzt kannst du einen grünen Balken machen mit
#inhalt
{
border-left:green 1em solid;
}und halt die Abständ noch entsprechend anpassen.
Dein Problem liesse sich aber auch noch mit http://www.netzwelt.com/selfhtml/css/eigenschaften/tabellen.htm#border_collapse lösen. Aber es bliebe die unsaubere Struktur.
Struppi.
-
Hallo Maike,
versuch mal dein Bild mit dem style-Attribut display: block zu versehen.Etwa so
<img style="display: block" src="bilder/banner.jpg" width="750" height="80" alt="banner">Gruss, Martin
PS.: Ich habs jetzt nicht selbst gegengetestet daher keine Grantie ;)