Stránka 1 z 1

HTML - zalamovací tabulka

Napsal: 09 lis 2013 14:19
od krystof.nov
Zdravím, potřeboval bych v HTML stránce (třeba nějak za pomoci CSS nebo přinejhorším JScriptu) udělat tabulku podobnou této - http://stjerneskud.info/vertigo/scrn_idx.html. Potřebvoval bych ale, aby se sama roztahovala a zalamovala. Tedy aby neměla fixně daný počet řádků ale aby se přizpůsobila šířce aktuálního okna.
Napadlo mně to udělat tak, že bude obsahovat jen jeden řádek s width=100%. Tedy něco jako:

Kód: Vybrat vše

 <table>
  <tr width="100%"><td> polozka0 </td><td> polozka1 </td><td> polozka2 </td><td> polozka3 </td><td> polozka4 </td></tr>
 </table>

což ale nefunguje...

Nevíte někdo prosím jak na to?

Re: HTML - zalamovací tabulka

Napsal: 09 lis 2013 18:41
od LuCaCZ
tabulky už se moc nepoužívají ... tak by to šlo třeba takto

Kód: Vybrat vše

<!DOCTYPE HTML>

<html>
<head>
  <title>galerie</title>
  <style type="text/css">
  <!--
  .galerie { width: 100% }
  .galerie img { float: left }
  -->
  </style>
</head>

<body>
<div class="galerie">
<img src="1.jpg" width="100" height="100" alt="">
<img src="1.jpg" width="100" height="100" alt="">
<img src="1.jpg" width="100" height="100" alt="">
<img src="1.jpg" width="100" height="100" alt="">
<img src="1.jpg" width="100" height="100" alt="">
<img src="1.jpg" width="100" height="100" alt="">
<img src="1.jpg" width="100" height="100" alt="">
<img src="1.jpg" width="100" height="100" alt="">
</div>
</body>
</html>