Page 1 of 1
XHTML 1.0 - Table Test
Posted:
Mon 3. Mar 2008, 21:40by 4seven
 | INHALT 2 |
| INHALT 3 | INHALT 4 |
| INHALT 5 | |
- Code: Select all
[table border=1 cellpadding=0 cellspacing=0 width=100% height=50px][tr][td align=center valign=middle bordercolor=#666666 bgcolor=#CCCCCC] :icon_batman: [/td] [td align=center valign=middle bordercolor=#666666 bgcolor=#CCCCCC]INHALT 2[/td][/tr] [tr][td align=center valign=middle bordercolor=#666666 bgcolor=#CCCCCC]INHALT 3[/td] [td align=center valign=middle bordercolor=#666666 bgcolor=#CCCCCC]INHALT 4[/td][/tr] [tr][td align=center valign=middle bordercolor=#666666 bgcolor=#CCCCCC]INHALT 5[/td] [td align=center valign=middle bordercolor=#666666 bgcolor=#CCCCCC] :icon_batman: [/td][/tr][/table]
Re: XHTML 1.0 - Table Test
Posted:
Mon 3. Mar 2008, 22:08by 4seven
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de" xml:lang="de">
<head>
<title>phpBB-Tablemaker</title>
<script type="text/javascript" src="tablemaker.js"></script>
<style type="text/css">
.underline {text-decoration: underline}
no-underline {color:#333333;}
body {background: #CADCEB;}
tr {background: #CADCEB;}
td.left {background: #CADCEB;
width:275px;}
td.right {background: #CADCEB;
width:317px;}
</style>
</head>
<body>
<div id="inhalt">
<div id="Layer1" style="position:absolute; width:600px; height:612px; z-index:1; left: 0px; top: 0px">
<form id="form" style="display: inline;" action="#">
<table border="2" cellpadding="5" cellspacing="0" width="600">
<tr>
<td class="left"> <b>Zeilen</b>
<input type="text" class="eingabe" value="3" name="reihen" size="2" />
</td>
<td class="right"><b>Spalten</b>
<input type="text" class="eingabe" value="2" name="spalten" size="2" />
</td>
</tr>
<tr>
<td class="left">
<input type="checkbox" name="rahmen" checked="checked" />
<b>Rahmenbreite</b>
<input type="text" class="eingabe" value="1" size="2" name="border_nr" />
</td>
<td class="right"> <small>Zellen-Anzahl (Nur Info)</small>
<input type="text" value="" name="zellenanzeige" size="2" readonly="readonly" />
</td>
</tr>
<tr>
<td class="left">
<input type="checkbox" name="tabellenhoehe" checked="checked" />
<b>Tabellenhöhe</b> in <b>px</b>
<input type="text" class="eingabe" value="50" name="hoehe" size="4" />
</td>
<td class="right">
<input type="checkbox" name="tabellenbreite" checked="checked" />
<b>Tabellenbreite</b> in <b>px</b> oder <b>%</b>
<input type="text" class="eingabe" value="100%" name="breite" size="4" />
</td>
</tr>
<tr>
<td class="left">
<input type="checkbox" name="zellen_hintergrundfarbe" id="label8" checked="checked" />
<b>Zellen-Hintergrundfarbe</b><br />
<small>z.B. <b>#CCCCCC</b> oder <b>lightgray</b></small><br />
<small>
<input type="text" class="eingabe" name="Farbe3" value="#CCCCCC" size="15" maxlength="15" />
</small></td>
<td class="right">
<input type="checkbox" name="zellen_rahmenfarbe" checked="checked" />
<b>Zellen-Rahmenfarbe</b><br />
<small>z.B. <b>#666666</b> oder <b>gray</b></small><br />
<input type="text" class="eingabe" name="Farbe4" value="#666666" size="15" maxlength="15" />
</td>
</tr>
<tr>
<td class="left"> Freiraum <b>innerhalb</b> der Zellen
<input type="text" class="eingabe" value="0" size="2" name="padding_nr" />
<br />
</td>
<td class="right"> Freiraum <b>ausserhalb</b> der Zellen
<input type="text" class="eingabe" value="0" size="2" name="spacing_nr" />
</td>
</tr>
<tr>
<td class="left">
<input type="checkbox" name="textausrichtung_horizontal" id="label10" checked="checked" />
<b><label for="label10">Zellenausrichtung-Horizontal</label></b><br />
<small>
<input type="radio" name="l" />
Links
<input type="radio" name="l" checked="checked" />
Mitte
<input type="radio" name="l" />
Rechts</small></td>
<td class="right">
<input type="checkbox" name="textausrichtung_vertikal" id="label11" checked="checked" />
<b><label for="label11">Zellenausrichtung-Vertikal</label></b><br />
<small>
<input type="radio" name="m" />
Oben
<input type="radio" name="m" checked="checked" />
Mitte
<input type="radio" name="m" />
Unten</small></td>
</tr>
<tr>
<td class="left"><small>
<input type="checkbox" name="zellen_nr" checked="checked" />
<b>Zellen-Nummern</b> vergeben</small></td>
<td class="left"> <small>
<input type="checkbox" name="zelleninhalt" checked="checked" />
<input type="text" class="eingabe" value="INHALT " size="34" name="zellencontent" />
<br />
So findet man die <b>Zellen-Nummern</b> leichter</small></td>
</tr>
<tr>
<td align="center" colspan="2"><b><small class="underline">Anleitung:</small></b><small class="no-underlinene">
1. Konfigurieren > 2.<b> BBCode generieren</b> > 2.<b> Markieren</b>
> 4. mit rechter Maustaste kopieren <br />
5. <b>Fenster schliessen</b> > 6. in die Postbox einfügen
> 7. nach belieben gestalten ;)<br />
Wichtig: Alle Häkchen in den viereckigen Check-Boxen belassen.</small></td>
</tr>
<tr>
<td align="center" colspan="2">
<input type="button" value="BBCode generieren" class="button" onclick="phpbbtablemaker()" />
<input type="button" value="Markieren" class="button" onclick="Markieren();" name="markieren" />
<input type="reset" value="Zurücksetzen" class="button" name="reset" />
<input type="button" value="Fenster schliessen" class="button" onclick="javascript:window.close();" />
</td>
</tr>
<tr>
<td align="center" colspan="2">
<textarea rows="6" cols="70" name="ausgabe" class="textfeld"></textarea>
</td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
