Forum:Formatierung: Unterschied zwischen den Versionen
(span versus div) |
K (+ genauer) |
||
| Zeile 29: | Zeile 29: | ||
:Hm. <tt><nowiki><span style="Eigenschaften">Inhalt</span></nowiki></tt> ist nur ein Container, der (meist) als Inline-Element, also ohne Zeilenumbruch eingesetzt wird. Er darf also keine <tt><nowiki><div style="Eigenschaften">Inhalt</div></nowiki></tt> enthalten, da diese kein Inline, sondern ein Block-Element sind, das heißt, sie werden mit einem Zeilenumbruch beendet. Generell kann deshalb ein <tt>div</tt> dann und nur dann durch einen <tt>span</tt> ersetzt werden, wenn keine Block-Elemente enthalten sind. Was alles Block-elemente sind, kannst du in [http://www.css4you.de/elemente.html#block CSS4You] nachlesen. | :Hm. <tt><nowiki><span style="Eigenschaften">Inhalt</span></nowiki></tt> ist nur ein Container, der (meist) als Inline-Element, also ohne Zeilenumbruch eingesetzt wird. Er darf also keine <tt><nowiki><div style="Eigenschaften">Inhalt</div></nowiki></tt> enthalten, da diese kein Inline, sondern ein Block-Element sind, das heißt, sie werden mit einem Zeilenumbruch beendet. Generell kann deshalb ein <tt>div</tt> dann und nur dann durch einen <tt>span</tt> ersetzt werden, wenn keine Block-Elemente enthalten sind. Was alles Block-elemente sind, kannst du in [http://www.css4you.de/elemente.html#block CSS4You] nachlesen. | ||
| − | :Kritisch wird es, wenn innerhalb eines <tt>span</tt> Vorlagen laufen sollen, welche intern <tt>divs</tt> verwenden. ≡[[Kamel:Charly Whisky|c.w.]] 22:07, 20. Feb. 2011 (NNZ) | + | :Kritisch wird es, wenn innerhalb eines <tt>span</tt> Vorlagen laufen sollen, welche intern Blockelemente wie <tt>divs</tt> oder <tt><p>Text</p></tt> verwenden und das dürfte immer der Fall sein. ≡[[Kamel:Charly Whisky|c.w.]] 22:07, 20. Feb. 2011 (NNZ) |
Version vom 20. Februar 2011, 23:12 Uhr
|
Forum > Formatierung |
Bei Bedarf dann halt einen neuen Fred starten oder diesen notfalls reanimieren.
Ich habe noch ein Problem:
Ich möchte bei folgenden Quelltext von der Tabelle wegkommen.
{| ! style="color:#000; background:#fffdf5; line-height: 2; border: 1px solid #fee846;" |[[Bild:Haltestellen-H klein.png|(H)]] nächste Haltestelle: [[{{ #ifexist: {{{1}}} (Haltestelle)|{{{1}}} (Haltestelle)|{{{1}}}}}|{{{1}}}]] |}
ich habe folgendes hinbekommen (leider wieder mit Tabelle, aber andere Anwendung)
<div style="color:#000; background:#fffdf5; line-height: 2; width:250px; border: 1px solid #fee846;"> {| |[[Datei:Haltestellen-H klein.png|link=]] nächste Haltestelle: [[{{ #ifexist: {{{1}}} (Haltestelle)|{{{1}}} (Haltestelle)|{{{1}}}}}|{{{1}}}]] |} </div>
bei obigen Beispiel sollte nach Möglichkeit <div> durch <span> ersetzt werden.
wenn sich damit jemand auskennt, möchte er doch bitte seinen Vorschlag hier einbringen, danke 
--f.c. 21:22, 20. Feb. 2011 (NNZ)
- Hm. <span style="Eigenschaften">Inhalt</span> ist nur ein Container, der (meist) als Inline-Element, also ohne Zeilenumbruch eingesetzt wird. Er darf also keine <div style="Eigenschaften">Inhalt</div> enthalten, da diese kein Inline, sondern ein Block-Element sind, das heißt, sie werden mit einem Zeilenumbruch beendet. Generell kann deshalb ein div dann und nur dann durch einen span ersetzt werden, wenn keine Block-Elemente enthalten sind. Was alles Block-elemente sind, kannst du in CSS4You nachlesen.
- Kritisch wird es, wenn innerhalb eines span Vorlagen laufen sollen, welche intern Blockelemente wie divs oder
Text
verwenden und das dürfte immer der Fall sein. ≡c.w. 22:07, 20. Feb. 2011 (NNZ)