You are here: Local > ImcGermany > ImcDeMehrHTML
ImcDeDerselbeText - nur dass die beschriebenen Formatierungen so angezeigt werden, wie sie dann auch aussehen.
Die Eventspecial-Box (rechts über dem Newswire) wurde etwas ansehnlicher gestaltet.
Das ist übrigens überhaupt nicht kompliziert, und macht optisch schwer was her.
praktisch sieht das jetzt so aus:
<div style='background: #9CCECD; border: 1px solid #003333; padding: 4px;
font-size: 0.7em;'>
Text der in der Infobox stehen soll. Incl. Formatierungen und
zB Links.
Das
-Tag schließt einen beliebigen (Text-)Bereich auf einer
HTML-Seite ein, ohne sein Aussehen jedoch selbst zu verändern.
Es funktioniert nur als Klammer oder Container.
bunt wird das ganze erst in Verbindung mit der style=' '-Anweisung.
Damit kann mensch einem HTML-Tag Formatierungs-Eigenschafte nach
der Schreibweise von CSS-Stylesheets mitgeben.
Das funktioniert mit allen Tags die mensch so zur Textformatierung einsetzt.
also zum Beispiel
text auf rot
erzeugt einen Absatz der rot hinterlegt ist.
oder
umrandet
anstelle von
nurfett
macht nicht nur
fett sondern auch noch einen
grünen Rand (1 Pixel breit und "solid" also nicht gestrichelt oder gepunktet)
um den entsprechenden Text.
padding: 3px; sorgt dafür, dass der Rahmen nicht direkt an den Text stößt,
sondern eine "Polsterung" von 3 Pixeln bekommt.
Zurück zu unserem Beispiel aus dem Eventspecial:
<div style='background: #9CCECD; border: 1px solid #003333; padding: 4px;
font-size: 0.7em;'>
background: #9CCECD; -Hintergrund dunkeltürkies
border: 1px solid #003333; - rand dunkelblau
padding: 4px; - 4 Pixel innere Polsterung
font-size: 0.7em; - Schriftgröße auf 70% verkleinern.
(normale Schriftgöße entspricht 1em , 1.3em würde auf 130% vergößern)
Vielleicht läßt sich mit diesen einfachen Tricks das eine oder andere Feature
noch schöner gestalten?
