Ü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 Februar 2012
MoDiMiDoFrSaSo
12345
6789101112
13141516171819
20212223242526
272829
Beiträge im Archiv zeigen

CSS: Marginalien

Von e7 am 13.05.2010, 21:53 in der Kategorie Code-Snippets mit den Tags beispiel marginalien css. Kompletten Eintrag zeigen

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…

Alle Nachrichten finden Sie im Archiv.

Register