|
CSS bietet einige Möglichkeiten, die im Rahmen der einfachen HTML-Möglichkeiten keinen Sinn ergeben. Das betrifft Anzeigeoptionen, die im Zusammenhang mit der Erzeugung und Positeonierung von Containern (ich vermeide das Wort Layer, weil man es mit Layern verwechseln könnte!), sowie Möglichkeiten zur Veränderung der Mausanzeige.
Die Manipulation solcher Seitenelemente gelingt erst mit JavaScript. Deshalb sind die Rezepte von DHTML erst im Rahmen der Javascript-Programmierung sinnvoll zu besprechen.
Es folgt eine Tabelle, die die relevanten und zumindest in der Mehrheit der Browser funktionierenden Möglichkeiten zeigt.
CSS-Optionen für DHTML
display: |
Regelt beim Seitenaufbau die Vergabe von Darstellungsraum
für Seitenelemente. Mögliche Werte sind: block
- das Element wird in einem eigenen Absatz angezeigt,
inline Anzeige im laufenden Text, list-item
- Anzeige in eigenem Block, mit Listenzeichen davor,
none - keine Anzeige, keine Platzreservierung
Netscape 4.x nimmt none übel. Deshalb
war hier ein besonderer Klimmzug nötig. |
NICHT ANGEZEIGT!
|
Ich bin der Block!
Jetzt Fließtext mit
eingebautem Text. Und hier folgt ohne Break
Der Code in dieser Zelle zur Kontrolle:
<H1 style="display:none">NICHT
ANGEZEIGT!</H1>
<tt style="display:block">
Ich bin der Block!
</tt>
<br>
Jetzt Fließtext
<tt style="display:inline">
mit eingebautem
</tt>
Text. Und hier folgt ohne Break
<ul style="list-style-image:url(bilder/bluepmt.gif)">
<li style="display:list-item">
der Listeneintrag
</li>
</ul>
|
|
|
visibility: |
Regelt die Anzeige von Seitenelementen. Mögliche
Werte sind: hidden (verborgen) und visible
sichtbar. Diese Angabe ist nur im Zusammenhang mit DHTML
sinnvoll anzuwenden. |
VERBORGEN
Hier oben in der Zelle steht der Code:
Wenn man nichts sieht, hat er funktioniert! |
cursor: |
Mögliche Einstellungen sind rechts jeweils über
den betreffenden Werteangaben zu testen.
Sie funktionieren (bis auf text und url())
nicht bei Opera und älteren Netscape-Browsern,
dafür entweder beim IExplorer oder bei Netscape
ab 6 oder gar bei beiden, allerdings -versteht sich-
unterschiedlich! Sie sind deshalb noch nicht zu empfehlen. |
auto, crosshair,
default, e-resize,
hand, help,
move, n-resize,
ne-resize, nw-resize,
pointer, s-resize,
se-resize, sw-resize,
text, wait,
w-resize, url(datei), |
|
|
|