|
Fang eine neue Seite an. Klick oben auf Tabelle einfügen und füge eine einzelne Zelle ein, schalte unten auf HTML, jetzt siehst Du den Quelltext Deiner Tabelle. <table border="1" width="100% <tr> <td width="100%"> </td></tr> </table> jetzt verändere den Qelltext in width="20%" dahinter schreib align="left"> jetzt weiß die Tabelle dass rechts von ihr noch eine Tabelle stehen kann und jetzt füge nocheinmal eine Tabelle ein. Schau Dir meinen Quelltext an und experimentiere ein wenig. Du kannst den Quelltext kopieren und ihn bei Dir unter HTML einfügen und einfach ein wenig herumbasteln.
<table border="0" bgcolor="#00C1C1" width=20% height="10" align="left" cellspacing="1"> <tr> <td height="1" width="20%" bgcolor="#0000FF"> <p align="center">tabelle links<p align="center"> <p align="center"> <p align="center"> </td> </tr> </table>
<table border="0" width=30% height="10" bgcolor="#C68CFF" cellspacing="1" align="left"> <td bgcolor="#FF0000" width=30%> </table>
<table border="0" bgcolor="#00C1C1" width=20% height="10" align="left" cellspacing="0"> <tr> <td height="10" width=20% bgcolor="#16DEC6"> <p align="center"></td> </tr> </table>
<table border="1" width=30% height="10" bgcolor="#C68CFF" cellspacing="0" align="right"> <td bgcolor="#800000" width=30%> </table><br>
<p> </p> <table border="0" width="80%"> <tr> <td width="40%" bgcolor="#008000"> </td> <td width="40%" bgcolor="#FFFF00"> </td></tr> </table>
Oder auchText
Achte auf den Quelltext warum sich die Tabellen nebeneinander stellen lassen ! align="left" ist das Geheimnis. Gib acht auf width=20% alle danebenstehenden Tabellen dürfen ZUSAMMEN nicht mehr alls 80% haben. Schau die grüne und gelbe Tabelle an, die blaue hat 20%, also bleiben für die blaue 40% und für die gelbe 40% das sind wieder 100%. <table border="0" bgcolor="#00C1C1" width=20% height="0" align="left" cellspacing="1"> Experimentiere ein wenig mit den Tabellen, es rentiert sich, schneide align="left" aus dann kannst Du wieder daneben schreiben, noch eine Tabelle daneben setzten. Gib statt align="left" - align="center" - oder align="rigth" ein dass Du siehst wie sie reagieren. Gib bei width=20% width=50% oder width=100% ein. Klick mit der rechten Maustaste in eine Tabelle und verändere die Farbe - Hintergrund und Rahmen - Border usw. |