You are here: Local > ImcGermany > ImcDeMehrHTML > ImcDeDerselbeText
Die Eventspecial-Box (recht ü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:
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;'>
macht folgendes:
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)
Alle möglichkeiten von CSS-Styles sind bei
SelfHTML? erklärt:
http://selfhtml.teamone.de/css/formate/direkt.htm
Farben unter HTML:
http://selfhtml.teamone.de/html/allgemein/farben.htm
Vielleicht läßt sich mit diesen einfachen Tricks das eine oder andere Feature
noch schöner gestalten?
Viel Spass beim "stylen"!
--
InIt - 09 Apr 2003
to top
