Tabelle nicht erweitern

[M-GT]

Also Leibe LEute
ICh habe folgendes Problem:

Ich hab mir eine tabelle gebaut und das sieht in etwa so aus:

<table width="90%"
  <tr>
   <td>
<table>
  <tr>
   <td>
      <img scr="blabla">
   </td>
  </tr>
</table>

   </td>
<td>
<table>
  <tr>
   <td>
      <img scr="blabla">
   </td>
  </tr>
</table>

   </td>
  </tr>
</table>

Jo und die Sache ist eben nun...
wenn ich da mehrere Pics habe... sollen die sobald die 90% erreicht sind in der nächsten Zeile weitermachen...

WIE GEHT DAS bei normnalen Tabellen mit Text reicht ja ein Abstand oder brake...

UNd ganz wichtig fragt mich nicht wieso die Pics in einer eigenmen Tabelle sind aber das muss so bleiben

Hoffe ihr könnt mir helfen

 

[hpvw]

Wenn Du willst, dass die Bilder am Rand des Browserfensters umgebrochen werden, kannst Du sie nicht in einer Tabelle einzementieren.
Wenn Du die Bilder ohne Tabelle mit der CSS-Eigenschaft float versiehst, werden sie automatisch umgebrochen.

Gruß hpvw

 

[M-GT]

ja im Prinzip werden ja hier die Tabellen unterbrochen weil jedes Bild ist in einer Tabelle und wenn davon eben zuviele vorhanden sind...
soll die nächste tabelle eine Zeile weiter unten weitermachen

 

[Maik]

table
{
float: left;
}

[editpost]

Und etwas differenzierter:

table.box
{
float: left;
}

<table width="90%" border="1">
 <tr>
  <td>
    <table class="box">
     <tr>
      <td><img scr="blabla"></td>
     </tr>
    </table>

    <table class="box">
     <tr>
      <td><img scr="blabla"></td>
     </tr>
    </table>
  </td>
 </tr>
</table>

 

[Gumbo]

Wozu die vielen unnützen Tabellen?

<div class="gallery"><img src="url-1"><img src="url-2"></div>

.gallery {
	width:			90%;
}
.gallery * {
	float:			left;
}

Und um dem Ganzen noch etwas Semantik zu verleihen, wäre eine Liste zweckdienlich:

<ul class="gallery">
	<li><img src="url-1"></li>
	<li><img src="url-1"></li>
</ul>

Dazu noch eine anpassende Stylesheet-Deklaration:

.gallery {
	list-style:		none;
}