Über dieses Blog...

»Wenn ich einmal alt bin, werde ich nur nörgeln — das wird ein Spaß!«

Tipps und Tricks, aber auch Kritik - breit gefächert von Technik bis hin zum Design, manchmal (oder immer öfter) auch Politik.

Momentaner Fokus: Android/Java, CalDAV, Windows 7 benutzbar machen

Feeds

Interessant gefunden? Mitlesen? Vollständige Beiträge per Feed.

RSS-Feed RSS 2, Atom

Zur Weiterverarbeitung oder zum Einbauen für Ihre Homepage: CSV, JavaScript

Tag-Cloud

aktion android bayern beckstein blog bug bundestag captcha cdu css csu datenschutz design deutschland drm e7o.de eu geld gericht gez google grundgesetz html internet java killerspiele kipo kopierschutz microsoft moderne welt musikindustrie politik raubkopie redesign schäuble software spam spiel standard stasi tipp urheberrecht urteil vds video wahl wahlkampf werbung zensur überwachung

Durchsuchen

Tipp: AND & && OR | || XOR - ! NOT ( )

Kategorien

Archiv

Einträge im Mai 2010
MoDiMiDoFrSaSo
12
3456789
10111213141516
17181920212223
24252627282930
31
Beiträge im Archiv zeigen

CSS: Marginalien

Von e7 am 13.05.2010, 21:53 in Code-Snippets
Tags: beispiel marginalien css

Kurz notiert: So macht man Marginalien mittels CSS, natürlich sauber als Klasse und so in eine externe Datei ausgelagert:

<p style="padding-right: 200px; border: 1px solid red;">
    Fliestext Fliestext Fliestext Fliestext Fliestext Fliestext
    Fliestext Fliestext Fliestext Fliestext Fliestext Fliestext
    Kurz vorher, jetzt kommt eine Marginalie
    <span style="float: right; clear: right; margin-right: -200px; width: 180px; border: 1px solid green;">(Anmerkung zum Text)</span>
    und weiter gehts im Fliestext
    Fliestext Fliestext Fliestext Fliestext Fliestext
    Kurz vorher, jetzt kommt eine Marginalie
    <span style="float: right; clear: right; margin-right: -200px; width: 180px; border: 1px solid green;">(Anmerkung zum Text)</span>
    und weiter gehts im Fliestext
    Fliestext Fliestext Fliestext Fliestext Fliestext
</p>

clear: both; ist notwendig, damit sich die Marginalien nicht überlappen, die Rahmen sind nur Optik zum Debuggen :) Semantisch ist diese Lösung natürlich nicht immer sinnvoll, deshalb immer nur Texte in (diese) Marginalien setzen, die auch sonst in Klammern stehen könnten oder so…

Interessant gefunden?
Dann steht dir auch ein Feed (mit vollständigen Beiträgen!) zur Verfügung: RSS RSS 2.0

del.icio.us digg Technorati Mr. Wong google Yahoo Yigg Folkd

Die Kommentarfunktion wurde für diesen Eintrag deaktiviert.

Register