Hilfe:Stylesheets/Generator: Unterschied zwischen den Versionen
Aus Stupidedia, der sinnfreien Enzyklopädie!
Phorgo (Diskussion | Beiträge) K |
Phorgo (Diskussion | Beiträge) |
||
| Zeile 7: | Zeile 7: | ||
--> | --> | ||
<tr> | <tr> | ||
| − | <th colspan=" | + | <th colspan="3">Inhalt</th> |
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 14: | Zeile 14: | ||
<input type="text" name="color" /> | <input type="text" name="color" /> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 20: | Zeile 21: | ||
<input type="text" name="font-family" /> | <input type="text" name="font-family" /> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 26: | Zeile 28: | ||
<input type="text" name="font-size" /> | <input type="text" name="font-size" /> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 38: | Zeile 41: | ||
</select> | </select> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <td> | + | <td>Diverses:</td> |
<td> | <td> | ||
<input type="checkbox" name="font-weight" value="bold" id="pStyleGenerator-font-weight" /> | <input type="checkbox" name="font-weight" value="bold" id="pStyleGenerator-font-weight" /> | ||
| Zeile 63: | Zeile 67: | ||
<label for="pStyleGenerator-font-variant" style="font-variant: small-caps;">Kapitälchen</label> | <label for="pStyleGenerator-font-variant" style="font-variant: small-caps;">Kapitälchen</label> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<!-- | <!-- | ||
| Zeile 68: | Zeile 73: | ||
--> | --> | ||
<tr> | <tr> | ||
| − | <th colspan=" | + | <th colspan="3">Hintergrund</th> |
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 75: | Zeile 80: | ||
<input type="text" name="background-color" /> | <input type="text" name="background-color" /> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<!-- | <!-- | ||
| Zeile 80: | Zeile 86: | ||
--> | --> | ||
<tr> | <tr> | ||
| − | <th colspan=" | + | <th colspan="3">Rahmen</th> |
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 116: | Zeile 122: | ||
</div> | </div> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 201: | Zeile 208: | ||
</div> | </div> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 236: | Zeile 244: | ||
</div> | </div> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 271: | Zeile 280: | ||
</div> | </div> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<!-- | <!-- | ||
| Zeile 276: | Zeile 286: | ||
--> | --> | ||
<tr> | <tr> | ||
| − | <th colspan=" | + | <th colspan="3">Größe und Abstände</th> |
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 283: | Zeile 293: | ||
<input type="text" name="width" /> | <input type="text" name="width" /> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 289: | Zeile 300: | ||
<input type="text" name="height" /> | <input type="text" name="height" /> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <td>Verhalten bei Übergröße | + | <td>Verhalten bei Übergröße:</td> |
<td> | <td> | ||
<select name="overflow"> | <select name="overflow"> | ||
| Zeile 300: | Zeile 312: | ||
</select> | </select> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 335: | Zeile 348: | ||
</div> | </div> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 370: | Zeile 384: | ||
</div> | </div> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<!-- | <!-- | ||
| Zeile 375: | Zeile 390: | ||
--> | --> | ||
<tr> | <tr> | ||
| − | <th colspan=" | + | <th colspan="3">Position und Elementausrichtung</th> |
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 386: | Zeile 401: | ||
</select> | </select> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 397: | Zeile 413: | ||
</select> | </select> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 408: | Zeile 425: | ||
</select> | </select> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 414: | Zeile 432: | ||
<input type="text" name="left" /> | <input type="text" name="left" /> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 420: | Zeile 439: | ||
<input type="text" name="right" /> | <input type="text" name="right" /> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 426: | Zeile 446: | ||
<input type="text" name="top" /> | <input type="text" name="top" /> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 432: | Zeile 453: | ||
<input type="text" name="bottom" /> | <input type="text" name="bottom" /> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 438: | Zeile 460: | ||
<input type="text" name="z-index" /> | <input type="text" name="z-index" /> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<!-- | <!-- | ||
| Zeile 443: | Zeile 466: | ||
--> | --> | ||
<tr> | <tr> | ||
| − | <th colspan=" | + | <th colspan="3">Generatorspezifisches</th> |
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 460: | Zeile 483: | ||
<label for="pStyleGenerator-generator-output-file">CSS-Seite</label> | <label for="pStyleGenerator-generator-output-file">CSS-Seite</label> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 470: | Zeile 494: | ||
<label for="pStyleGenerator-generator-display-inline">Text innerhalb einer Zeile</label> | <label for="pStyleGenerator-generator-display-inline">Text innerhalb einer Zeile</label> | ||
</td> | </td> | ||
| + | <td></td> | ||
</tr> | </tr> | ||
<!-- | <!-- | ||
| Zeile 475: | Zeile 500: | ||
--> | --> | ||
<tr> | <tr> | ||
| − | <th colspan=" | + | <th colspan="3">Generierter Quelltext</th> |
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <td colspan=" | + | <td colspan="3"> |
<textarea id="pStyleGenerator-output"></textarea> | <textarea id="pStyleGenerator-output"></textarea> | ||
</td> | </td> | ||
| Zeile 497: | Zeile 522: | ||
width: 100%; | width: 100%; | ||
border-spacing: 0; | border-spacing: 0; | ||
| − | + | border: 1px solid #AAAAFF; | |
| − | + | padding: 1px; | |
| − | + | background-color: #DDEEFF; | |
| − | padding | ||
| − | |||
} | } | ||
| Zeile 507: | Zeile 530: | ||
font-weight: bold; | font-weight: bold; | ||
text-align: right; | text-align: right; | ||
| − | padding-right: | + | padding-right: 5px; |
| − | width: | + | width: 170px; |
| + | } | ||
| + | |||
| + | #pStyleGenerator-form td:first-child + td { | ||
| + | padding-left: 5px; | ||
| + | padding-right: 5px; | ||
| + | width: 400px; | ||
| + | } | ||
| + | |||
| + | #pStyleGenerator-form td:first-child + td + td { | ||
| + | padding-left: 5px; | ||
| + | font-size: 80%; | ||
| + | } | ||
| + | |||
| + | #pStyleGenerator-form .pStyleGenerator-advanced table { | ||
| + | border: 0; | ||
| + | } | ||
| + | |||
| + | #pStyleGenerator-form .pStyleGenerator-advanced td:first-child { | ||
| + | width: 100px; | ||
| + | } | ||
| + | |||
| + | #pStyleGenerator-form .pStyleGenerator-advanced td:first-child + td { | ||
| + | padding-right: 0px; | ||
| + | width: auto; | ||
} | } | ||
| Zeile 514: | Zeile 561: | ||
font-size: 132%; | font-size: 132%; | ||
text-align: left; | text-align: left; | ||
| + | background-color: #CCDDEE; | ||
} | } | ||
| Zeile 520: | Zeile 568: | ||
#pStyleGenerator-form textarea { | #pStyleGenerator-form textarea { | ||
width: 100%; | width: 100%; | ||
| + | border: 1px solid #AAAAFF; | ||
| + | background-color: #FFFFDD; | ||
} | } | ||
Version vom 2. Oktober 2013, 18:06 Uhr
Formular
Vorschau
Mahlzeit! Dieser Text hier befindet sich über dem Kasten. Genau genommen in einem p-Element (das entspricht einem Absatz).
Dieser Text steht in dem Kasten, den du zu formatieren versuchst. Der kann beliebig lang sein.
Und dieser Text steht unterhalb des Kastens, wird also unter Umständen von der Textumflussangabe beeinflusst.
Mahlzeit! Dieser Text hier befindet sich vor dem formatierten Text. Dies ist der Teil der Zeile, den du zu formatieren versuchst. Der kann beliebig lang sein. Und dieser Text steht hinter dem formatierten Teil.
