Boxen haben lücken

MnX · 6. Oktober 2013

Hallöchen zusammen

Ich hab ein Problem und zwar wollte ich eine box in meinem Design erstellen das hab ich mit Tabellen versucht habe aber ich hab immer ein Problem und zwar ist jede Zeile mit einer Lücke versehen was nicht sein sollte ich krieg es einfach nicht hin

Hab mal das aktuelle als anhang reingepackt.

Wie krieg ich es hin diese lücken weg zu bekommen? bzw. wie kann ich es anders machen aber das gleiche Ergebnisse raus bekommen?

Der Quellcode:

Code

<table align="center">
        	<tr>
            	<td background="Bilder/boxleiste.jpg" align="center" height="27" width="215">Überschrift</td>
            </tr>
            <tr>
            	<td background="Bilder/boxleistemitte.jpg" align="center" height="27" width="215">Textberreich</td>
            </tr>
            <tr>
            	<td background="Bilder/boxleisteunten.jpg" align="center" height="3" width="215"></td>
            </tr>
        </table>

Alles anzeigen

Edit: Kleine verbesserung

xGreekz7x · 6. Oktober 2013

Hast du auch ganz oben in deinem CSS Code:

CSS

* { margin: 0px; padding: 0px; }

MnX · 6. Oktober 2013

Ne hab ich nicht aber wenn ich es oben rein mache passiert trozdem nichts

Cryptex · 6. Oktober 2013

Die Abstände ist dein Broder. Rahmen.
Das meinst du oder?

Wenn ja machst du die so weg:

Code

table,tr,th,td
{
    border: 0px;
}

wenn du dein text in der tabelle bearbeitn willst:

Code

td
{
height:0px;
vertical-align:bottom;
}

MnX · 6. Oktober 2013

Klappt immernoch nicht

Cryptex · 6. Oktober 2013

Zitat von MnX

Klappt immernoch nicht

Code

td
{
height:0px;
vertical-align:bottom;
}

MnX · 6. Oktober 2013

Wenn ich das mache verschwindet der <tfooter> und die lücken bleiben immernoch

Cryptex · 6. Oktober 2013

Zitat von MnX

Wenn ich das mache verschwindet der <tfooter> und die lücken bleiben immernoch

dann muss du mal dein css posten, kann sein das da unnötiges drin ist

MnX · 6. Oktober 2013

PHP

<style type="text/css">
#container { border: 1px solid black; 
			 width:	915px;
			 display: block; 
}


#menue { display: block;
		 height: 29px;
		 width: 905px;
		 line-height: 30px;
		 padding-left: 10px;
		 background: url(Bilder/menue.jpg); 
		 text-align: left; }

#header { width: 915px;
		  height: 134px;
		  text-align: center;
		  display: block; 
		  background: url(Bilder/header.jpg)}

#logo { float: right; 
		height: 15px;
		width: 45px;
		background:url(Bilder/logo.png);
		position: relative;
		margin-top: 6px;
		margin-right: 4px; }


#leiste { display: block;
		  height: 29px;
		  width: 915px;
		  background: url(Bilder/leiste.jpg); }


#sidebar1 { float: left;
			width: 208px;
			border: 2px solid green; }


#sidebar2 { float: right;
			width: 208px;
			border: 2px solid green;
			margin-right:4px;
			padding: 3px; }


#content { border: 1px solid black;
		   display: block;
		   height: 200px;
		   margin-left: 223px;
		   margin-right: 223px;
		   padding: 3px; }


#footer {
	display: block;
	background: url(Bilder/leiste.jpg);
	margin-top: 10px;
	font-variant: normal;
	text-align: center;
	text-decoration: none;
	text-indent: 0px;
	font-style: italic;
	font-size: small;
}


table,tr,th,td { border: 0px;
				 padding: 0px; }
</style>

Alles anzeigen

Akino Kiritani · 6. Oktober 2013

cellpadding und cellspacing fehlen

MnX · 6. Oktober 2013

Danke blackace war das problem mit cellspacing

breadfish.de 12. März 2022