hallo
also ich hab eine frage zum Zitieren.. wie wird folgendes in CSS-Form geschrieben?
[Blockierte Grafik: http://img11.imageshack.us/img11/3424/zitatm.png]
bitte helft mir! bin in eile ;P
danke im voraus
hallo
also ich hab eine frage zum Zitieren.. wie wird folgendes in CSS-Form geschrieben?
[Blockierte Grafik: http://img11.imageshack.us/img11/3424/zitatm.png]
bitte helft mir! bin in eile ;P
danke im voraus
bin in eile
Gäääääähn. Was? Wo? Wie? Gääääähn
Was hast du denn in aller Eile schon probiert?
Viel mehr als ein bischen width, height, border und background ist das ja nicht. Noch ein paar padding und fertig.
Dazu gibts verschiedene Möglichkeiten. Ich machs am liebsten so:
<blockquote>
<!-- Hier kommt der Zitattext -->
<cite><!-- Quellenangabe --></cite>
</blockqouote>
Dazu folgendes CSS:
blockquote {
background: /* color */ url(quote.png) no-repeat 5px 5px;
padding-left: 40px; // Hängt natürlich von der Grösse des Bildes ab /*
}
blockquote cite {
display: block;
background: /* color */ url(unquote.png) no-repeat right bottom;
padding: 10px 40px 0 0; // s.o.
}
Alles anzeigen
Die beiden Bilder (quote&unquote, bei mir 30x20px) beinhalten die Anführungszeichen vor einem transparenten Hintergrund. Für deine vorgabe würde sogar ein Bild reichen, da ja beide Anführungszeichen gleich sind.
-Lukas
PS: Bitte schreib nich "bin in eile", die Antworten kommen nicht schneller, du schreckst nur leute ab.
Die Textabstände erreichst du mit Padding.
Die Anführungs-/Schlusszeichen kannst du mit einer span-Angabe formatieren und evtl. relativ ausrichten.
Siehe auch hier sowas ähnliches http://www.ohne-css.gehts-gar.net/0036.php