nicht angemeldet
Blocksatz und Rechtsbündig in einem Block
0 0 
Gunnar Bittersmann
0 0 
suit
0
Blocksatz und Rechtsbündig in einem Block
Hallo zusammen,
ich möchte Zitate auf meiner Internet seite unterbringen. Diese sollen im Blocksatz angezeigt werden. Der Zitattext soll im Blocksatz sein und dann der Autor des Zitates rechtsbündig in einer Zeile mit Abstand angezeigt werden.
Wenn ich momentan einen bzw. zwei <div> container benutze wird nach dem ersten ein Zeilenumbruch eingefügt. Gibt es eine Möglichkeit dies zu verhindern?
Vielen Dank
Konstantin
-
Om nah hoo pez nyeetz, Konstantin40!
Wenn ich momentan einen bzw. zwei <div> container benutze wird nach dem ersten ein Zeilenumbruch eingefügt. Gibt es eine Möglichkeit dies zu verhindern?
Divs sind dafür nicht gedacht.
Matthias
--
1/z ist kein Blatt Papier.
-
@@Matthias Apsel:
nuqneH
Divs sind dafür nicht gedacht.
'cite' auch nicht (in jenem Beispiel) – zumindest nicht (mehr) gemäß [HTML5]
Für den Autor der Zitats ist wohl span das passende Element – mit einem sinnvollen Attribut, gern RDFa.
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)-
'cite' auch nicht (in jenem Beispiel) – zumindest nicht (mehr) gemäß [HTML5]
WTF? Ersetzt cite jetzt ein strong- oder em-Element und nimmt ihm die Möglichkeit, den Autor zu kennzeichnen?
http://www.w3.org/TR/html401/struct/text.html#h-9.2.1
Ich hoffe stark, das ändert sich noch.
-
'cite' auch nicht (in jenem Beispiel) – zumindest nicht (mehr) gemäß [HTML5]
WTF? Ersetzt cite jetzt ein strong- oder em-Element und nimmt ihm die Möglichkeit, den Autor zu kennzeichnen?
http://www.w3.org/TR/html401/struct/text.html#h-9.2.1
Ich hoffe stark, das ändert sich noch.
http://statichtml.com/2009/html5-cite-element.html
http://wiki.whatwg.org/wiki/Cite_element"Yes, you read that correctly; we have a choice of the <b> or <span> tags, both of which are by design completely devoid of semantic meaning. Brilliant. I mean, that's genius on such a grand scale that it actually seems rather moronic. Or maybe it's just moronic."
Obwohl es 23 Zustimmende gibt, hat sich das nicht geändert - da sieht man mal wieder, wie gut es die WHATWG mit der Communitymitarbeit meint.
-
-
Für den Autor der Zitats ist wohl span das passende Element – mit einem sinnvollen Attribut, gern RDFa.
Nehmen wir einfach wieder cite: http://24ways.org/2009/incite-a-riot
-
@@suit:
nuqneH
Nehmen wir einfach wieder cite: http://24ways.org/2009/incite-a-riot
“I believe the colloquial response to this is a combination of the letters W, T and F, followed by a question mark.”
*g*
Jaja, wofür HTML5 wirklich steht. ;-)
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)
-
-
-
-
@@Konstantin40:
nuqneH
Hallo zusammen,
ich möchte Zitate auf meiner Internet seite unterbringen. Diese sollen im Blocksatz angezeigt werden. Der Zitattext soll im Blocksatz sein und dann der Autor des Zitates rechtsbündig in einer Zeile mit Abstand angezeigt werden.
Mit vernüftigem Markup und CSS fällt mir dazu nichts ein.
Schmuddelige – ähm – „Lösung“: Zwei Elemente mit dem Autor als Inhalt. Das eine dient dazu, nach dem Zitattext den Platz freizuhalten, und wird mit 'visible: hidden' versteckt. Das andere wird unten rechts im Container absolut positioniert (der dazu relativ positioniert wird).
Die Drecksarbeit des Duplizierens von Inhalt kann man auch JavaScript überlassen.
Aber wenn man schon JavaScript einsetzt, kann man auch die Position des Autors (d.h. der Inline-Box) und deren Breite und die des Containers auslesen und den Autor per relativer Positionierung nach rechts schieben. Das muss man beim initialen Rendern der Seite tun und bei jedem 'resize'-Event.
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)-
Om nah hoo pez nyeetz, Gunnar Bittersmann!
Mit vernüftigem Markup und CSS fällt mir dazu nichts ein.
Du denkst zu kompliziert:
<q>Sein oder Nichtsein, das ist hier die Frage <cite>Hamlet (Shakespeare)</cite> </q>dem <q> den Blocksatz (Die letzte Zeile wird ja glücklicherweise nicht aufgefüllt, ggf. gibt es text-align-last, und das <cite> floaten lassen, evtl. Floats einschließen.
Matthias
--
1/z ist kein Blatt Papier.
-
@@Matthias Apsel:
nuqneH
Mit vernüftigem Markup und CSS fällt mir dazu nichts ein.
Du denkst zu kompliziert:
Denk ich?
Es gilt zu beachten, dass man nichts über die Längen der Texte für Zitat und Autor weiß. Man muss dafür sorgen, dass der Autor nicht die letzte Zeile des Zitats überlappt (sondern dann ggfs. in einer eigenen Zeile unter dem Zitat steht). (*)
<q>Sein oder Nichtsein, das ist hier die Frage
<cite>Hamlet (Shakespeare)</cite>
</q>Das ist kein vernüftiges Markup. "Hamlet (Shakespeare)" ist kein Bestandteil des Zitats, sollte also nicht innerhalb des q-Elements stehen. Davon und von der [zweifelhaften](https://forum.selfhtml.org/?t=205321&m=1391647) Verwendung des cite-Elements abgesehen: > […] und das <cite> floaten lassen Ja!!1elf Das isses. Das erfüllt (\*). Qapla' -- Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher. (Mark Twain)
-
-
Mit vernüftigem Markup und CSS fällt mir dazu nichts ein.
<blockquote>
<p>Foo bar baz</p>
<cite>Max Mustermann</cite>
</blockquote>-
Om nah hoo pez nyeetz, suit!
<blockquote> <p>Foo bar baz</p> <cite>Max Mustermann</cite> </blockquote>
<blockquote> <p>Foo bar baz <cite>Max Mustermann</cite> </p> </blockquote>
In der Tat: <cite> leistet in einem Blockelement ohne zusätzliches CSS das Verlangte.
Matthias
--
1/z ist kein Blatt Papier.
-
@@Matthias Apsel:
nuqneH
In der Tat: <cite> leistet in einem Blockelement ohne zusätzliches CSS das Verlangte.
?? Nein, von „der Autor des Zitates rechtsbündig“ keine Spur.
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)-
?? Nein, von „der Autor des Zitates rechtsbündig“ keine Spur.
Dein User-CSS failt :p
-
Om nah hoo pez nyeetz, suit!
?? Nein, von „der Autor des Zitates rechtsbündig“ keine Spur.
Dein User-CSS failt :p
Dem muss ich zustimmen, getestet in Op11, FF4, IE7, Saf5 und irgendein Chrome.
Matthias
--
1/z ist kein Blatt Papier.
-
Om nah hoo pez nyeetz, Matthias Apsel!
Om nah hoo pez nyeetz, suit!
?? Nein, von „der Autor des Zitates rechtsbündig“ keine Spur.
Dein User-CSS failt :p
Dem muss ich zustimmen, getestet in Op11, FF4, IE7, Saf5 und irgendein Chrome.
Matthias
aber dabei konsequent das Float übersehen :-D
Matthias
--
1/z ist kein Blatt Papier.
-
-
-
-
-
-