XHTML 1.0 - Table Test

XHTML 1.0 strict valid BBCodes

XHTML 1.0 - Table Test

Postby 4seven » Mon 3. Mar 2008, 21:40 | Userzeit: +1.00 / Mo 3. Mär 2008, 21:40

:icon_batman: INHALT 2
INHALT 3 INHALT 4
INHALT 5 :icon_batman:


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]

Image
User avatar
4seven
Administrator
 
Posts: 427
 
Last 3 Topics:
Tabmenu Test
[Snippet] Avatar Ev...
[DEV] Zero and X-P...
 
Joined:
Sun 13. Jan 2008, 23:44
 
Letzter Login:
Mon 1. Aug 2022, 16:40
 
Posted:
Mon 3. Mar 2008, 21:40 +1.00
Userzeit: Mo 3. Mär 2008, 21:40

Re: XHTML 1.0 - Table Test

Postby 4seven » Mon 3. Mar 2008, 22:08 | Userzeit: +1.00 / Mo 3. Mär 2008, 21:40


Image


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">&nbsp;<b>Zeilen</b>
            <input type="text" class="eingabe" value="3" name="reihen" size="2" />
            &nbsp; &nbsp;</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&ouml;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&nbsp;
            <input type="radio" name="l" checked="checked" />
            Mitte&nbsp;
            <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&nbsp;
            <input type="radio" name="m" checked="checked" />
            Mitte&nbsp;
            <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 &gt; 2.<b> BBCode generieren</b> &gt; 2.<b> Markieren</b>
            &gt; 4. mit rechter Maustaste kopieren <br />
            5. <b>Fenster schliessen</b> &gt; 6. in die Postbox einf&uuml;gen
            &gt; 7. nach belieben gestalten ;)<br />
            Wichtig: Alle H&auml;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&uuml;cksetzen" class="button" name="reset" />
            <input type="button" value="Fenster schliessen" class="button" onclick="javascript:window.close();" />
            &nbsp;</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>

Image
User avatar
4seven
Administrator
 
Posts: 427
 
Last 3 Topics:
Tabmenu Test
[Snippet] Avatar Ev...
[DEV] Zero and X-P...
 
Joined:
Sun 13. Jan 2008, 23:44
 
Letzter Login:
Mon 1. Aug 2022, 16:40
 
Posted:
Mon 3. Mar 2008, 22:08 +1.00
Userzeit: Mo 3. Mär 2008, 21:40


Return to BBCodeBox3 XHTML 1.0 - Tests



Who is online

Users browsing this forum: No registered users and 0 guests

cron