✔ Maße von Tabellen nicht korrekt...

[Darian]

Hallo Leute,

ich habe Bilder und in der mitte einen Flash Film in eine Tabelle gegeben.

Die mittlere Spalte macht aber leider nicht so wie sie sollte.

Zwischen den Tabellen möchte ich gerne immer 2px Breite, also damit sie mit einem schwarzen Rahmen geteilt sind.

Aber irgendwie macht HTML nicht so wie ich es möchte.

Hier nun der Code:

<div id="main_home">
<table width="765" height="570" bordercolor="#FFFFFF" border="0">
	<tr>
	  <td>
		  <table width="765" height="190" bordercolor="#FFFFFF" border="0">
			<tr>
				<td><img src="../images/home/01_dual-zyklon.jpg" width="255" height="190"/></td>
				<td><img src="../images/home/02_turbo-accuvac.jpg" width="255" height="190"/></td>
				<td><img src="../images/home/03_besen.jpg" width="255" height="190"/></td>		
			</tr>	  
	    </table>	  
	  </td>
	</tr>
	<tr>
	  <td>
	  	<table width="765" height="190" bordercolor="#FFFFFF" border="0">
	  		<tr>
				<td><img src="../images/home/04_multicooker.jpg" width="212" height="190"/></td>
				<td>
				  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="342" height="190" id="FLVPlayer">
				    <param name="movie" value="FLVPlayer_Progressive.swf" />
				    <param name="salign" value="lt" />
				    <param name="quality" value="high" />
				    <param name="scale" value="noscale" />
				    <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=../images/home/video&autoPlay=true&autoRewind=false" />
				    <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=../images/home/video&autoPlay=true&autoRewind=false" quality="high" scale="noscale" width="342" height="190" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />                                  
			      </object>
				  </td>
				<td><img src="../images/home/06_chef-de-cuisine.jpg" width="212" height="190" align="bottom"/></td>		
			</tr>	  
	  	</table>	 
	  </td>
	</tr>
	<tr>
	  <td>
	  	<table width="765" height="190" bordercolor="#FFFFFF" border="0">
	  		<tr>
				<td><img src="../images/home/07_fruestuecksset.jpg" width="255" height="190"/></td>
				<td><img src="../images/home/08_massagebelt.jpg" width="255" height="190"/></td>
				<td><img src="../images/home/09_shiatsu.jpg" width="255" height="190"/></td>		
			</tr>	  
	  	</table>	
	  </td>
	</tr>
</table>
</div>

Ein Bild habe ich angehängt.

mfg und schönen Tag noch
Darian

 

[Maik]

Hi,

Zwischen den Tabellen möchte ich gerne immer 2px Breite, also damit sie mit einem schwarzen Rahmen geteilt sind.

hierfür gibt es die HTML-Attribute cellspacing und/oder cellpadding des table-Elements.

Und die derzeitige weiße Rahmenfarbe solltest du dann auf schwarz umstellen.

mfg Maik

 

[Darian]

Hey Maik, wieder einmal danke für die Infos.

Stimmt, damit sollte es gehen.

Aber die beiden linien in der mitte sind doch jetzt schon viel zu dick, und kriege sie einfach nicht zusammen. Liegt das vielleicht an dem Video was ich drinnen habe. Ich kriege sie einfach nicht zusammen.

Und ich dachte da der Hintergrund schon schwarz ist, bleibt border="0" und ich schiebe die Bilder nur auseinander in den richtigen Abständen, dann müsste es theoretisch doch passen glaub ich.

lg Darian

edit: Mir ist gerade aufgefallen dass es nur beim Firefox ein bisschen auseinander ist. Ich dachte ich schau mal dass es schön zusammen ist, und dann gebe ich überall einen Abstand.

 

[Maik]

Moin,

nimm mal diese Regel im Stylesheet auf, damit die beiden Inline-Elementtypen im Tabellengerüst vertikal näher zusammenrücken:

#main_home img,
#main_home object { 
display:block; 
}

Btw, dass #main_home einen schwarzen Hintergrund besitzt, konnte ich nicht riechen

mfg Maik

 

[Darian]

Juhu, jetzt geht es, auf das mit dem block wäre ich wohl nicht gekommen.

Firefox ist da wohl genauer, und ie macht es so auch.

lg und danke
Darian