mehrere Tabellen und Bilder geordnet nebeneinander

[Silencer]

hallo da draußen

ich sitz hier seit ein paar Stunden an Tabellen, die ich nicht geordnet bekomme, wahrscheinlich sehe ich schon den Wald vor lauter Bäumen nicht mehr


es sollten jeweils die beiden linken Bilder mittig über der linken Tabelle und die beiden rechten Bilder mittig über der rechten Tabelle stehen.
Das ganze sollte dann mittig zu lesen sein und nicht so wie jetzt linksbündig

ich seh schon Sterne vor lauter HTML Tags und von CSS hab ich leider gar keine Ahnung

wer kann kann mir bitte helfen?

 

[MisanthropX]

2 tabs in eine zeile? unmöglich ausser du machst das ganze mit frames / div container

 

[Silencer]

danke
aber kannst du es so erklären, das auch ich es verstehe?

 

[neuroleptika]

Die Bilder kannst du in einen Tabellenkopf setzten.
Ausrichten mit css:
Die Tabellen mit float nebeneinander rücken.
Zentrierung mit margin: auto.
Zentrierung für die Internetexplorer mit text-align: center.

<div style="text-align: center;"><!--Zentrierung für IE-->
<div style="width: 802px; margin: auto; text-align: left;"><!--Zentrierung normale Browser-->
<table width=400 border="3" bordercolor="#000000" cellpadding="0" cellspacing="1" bgcolor="#cacedc"
style="float: left;">
  <thead align="center">
    <tr>
      <th colspan="2">
      <a href="Bild" target="blank"><img src="http:"Bild" width="150" height="120" border="0" alt="bitte klicken" title="bitte klicken" border="2"></a>
     </th>
    </tr>
  </thead>
<tr>
<td width=300 bgcolor="#c1985e" height="23">
<font size="1"><b><font color="#000000" face="Verdana, Arial, Helvetica, sans-serif">Leistungsaufnahme</font></b></font>
</td>
<td width=300 bgcolor="#f3cb9a" height="23">
<font face="Verdana, Arial, Helvetica, sans-serif" size="1"><center>1,44 Watt</font></center>
</td>
</tr>
<td width=300 bgcolor="#c1985e" height="23"><font size="1"><b><font color="#000000" face="Verdana, Arial, Helvetica, sans-serif">Betriebsspannung</font></b></font></td>
<td width=300 bgcolor="#f3cb9a" height="23"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><center>6-13 Volt</font></center></td>
</tr>
</table>


<table width=400 border="3" bordercolor="#000000" cellpadding="0" cellspacing="1" bgcolor="#cacedc"
style="float: left;">
  <thead align="center">
    <tr>
      <th colspan="2">
      <a href="Bild" target="blank"><img src="http:"Bild" width="150" height="120" border="0" alt="bitte klicken" title="bitte klicken" border="2"></a>
     </th>
    </tr>
  </thead>
<tr>
<td width=300 bgcolor="#c1985e" height="23">
<font size="1"><b><font color="#000000" face="Verdana, Arial, Helvetica, sans-serif">Leistungsaufnahme</font></b></font>
</td>
<td width=300 bgcolor="#f3cb9a" height="23">
<font face="Verdana, Arial, Helvetica, sans-serif" size="1"><center>1,44 Watt</font></center>
</td>
</tr>
<td width=300 bgcolor="#c1985e" height="23"><font size="1"><b><font color="#000000" face="Verdana, Arial, Helvetica, sans-serif">Betriebsspannung</font></b></font></td>
<td width=300 bgcolor="#f3cb9a" height="23"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><center>6-13 Volt</font></center></td>
</tr>
</table>
<br style="clear: both;">
</div>

</div>

 

[Silencer]

vielen Dank
das Ganze sieht jetzt so aus, wie auf meinem neuen Screen

wie kriege ich jetzt ein zweites Bild in jede Tabelle?

 

[neuroleptika]

wie kriege ich jetzt ein zweites Bild in jede Tabelle?

Einfach mit in die Zelle Schreiben:

<th colspan="2">
<a href="Bild" target="blank"><img src="http:"Bild" width="150" height="120" border="0" alt="bitte klicken" title="bitte klicken" border="2" >
</a>

<a href="Bild" target="blank"><img src="http:"Bild" width="150" height="120" border="0" alt="bitte klicken" title="bitte klicken" border="2">
</a>
</th>

Bilder werden ohne weiteres zutun Nebeneinander dargestellt.

 

[Silencer]

super

hat alles perfekt geklappt

vielen Dank und schöne Ostertage ;heart