[HTML] Tabelle darf nicht größer werden

[Die Muhkuh]

Guten Morgen :hi: ,

ich hab eine Tabelle die ist 395 pixel breit. In diese Tabelle lade ich per PHP viele Bilder (Smilies). Das Problem ist, das die Smilies aneinander gereiht ca. 650 pixel breit sind. Nun ziehts mir auch meine Tabelle so breit. Das möchte ich aber nicht. Es soll eine neue Zeile angefangen werden.

Ich kann auch nicht alle x Smilies einen Zeilenumbruch einfügen, da die verschieden breit sind.

Code:

Code:

<table width="395" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td><? GetSmiles(); ?></td>
  </tr>
</table>


function GetSmiles()
   {
     $sql = "SELECT * FROM smiles WHERE visible = 0";
      $result = mysql_query($sql);
      
      $smilespath = 'bilder/smiles/';
      
      while ($row = mysql_fetch_assoc($result))
      {
        if ($oldfilename != $row['filename'])
         {
          echo '<a href="#" onClick="javascript:emoticon(\'' . $row['code'] . '\')">' .
                '[img]' . $smilespath . $row['filename'] . '[/img]</a>';
         }
         $oldfilename = $row['filename'];
      }
   }

[alcaeus]

Hallo Manuel,

es gibt die CSS-Eigenschaft maxwidth. Diese wird zwar nicht von allen Browsern gleich interpretiert, könnte dir aber helfen.

Greetz
alcaeus

[MarcusB]

Hi!

Ich würds in dem Falle in eine Zelle machen und die kleinen Gifs jeweils in einen SPAN-Container packen und diese "floaten" lassen, so geht dir die Tabelle nicht kaputt, ausser ein Gif ist breiter als die 365px.

z.B:

Code:

<td>
<span style="float: left"><img scr="smily1.gif"></span>
<span style="float: left"><img scr="smily2.gif"></span>
<span style="float: left"><img scr="smily3.gif"></span>
<span style="float: left"><img scr="smily4.gif"></span>
<span style="float: left"><img scr="smily5.gif"></span>
</td>

hth :hi:

[Die Muhkuh]

Ne du,

das sieht ja komisch aus: http://www.anyxist.de/manuel/scripts/gb/gb.write.php

@AndY

es sollte schon auf allen Browsern funktionieren.

[MarcusB]

Gib den SPANS doch mal eine Mindestbreite und Höhe vor :-D
Dann wird das besser :-D

edit: und zentriere dann das gif innerhalb des SPANS.

[Die Muhkuh]

Wo? :oops:

[MarcusB]

so:

Code:

<span style="float: left; width: 60px; height: 30px; text-align: center"><img....</span>

edit: Fehler korrigiert!

[Die Muhkuh]

Ne du,

passt immernoch nicht.

Sieht immernoch komishc aus.

[MarcusB]

Sieht doch schon ganz schick aus :???:

Zeig mir doch mal genau wie Du's am liebsten haben willst (vielleicht als Screenie), dann guck ich mal nach dem Code!

[Die Muhkuh]

Hi,

ich hab grad dran rumgefummelt. Wenn du das alles in einer Reihe siehst (ausser ein paar) dann hab ich schon weiter versucht.

Aussehen soll das wie hier. Da hab ich das genauso gemacht. Aber dort gehts.