Index

Listen-Elemente (Aufzählungszeichen, Numerierung) formatieren

Bei einer Änderung der Schriftgröße oder der Schriftfarbe wäre es ganz nett, wenn sich die Größe und die Farbe des Aufzählungspunktes oder der Numerierung ebenfalls ändert. Da eine Formatierung der Listenelemente in HTML nicht vorgesehen ist, wäre es angebracht, dass der Browser dies automatisch übernimmt. - Tut er aber nicht!

Beispiele:

Die Schrift ist blau und klein dargestellt. Aber der Listenpunkt bzw. die Numerierung bleibt unverändert schwarz und vor allem die Numerierung wirkt unpassend groß. Die Farbe der Listen-Elemente richtet sich dabei nach der im < body> -Tag angegebenen Grundschriftfarbe. Aber die Größe schein überhaupt nicht beeinflusst werden zu können.

Aber DOCH, man kann die Listen-Elemente gezielt formatieren. Jedoch nicht mit normalen HTML-Befehlen, sondern mit CSS.

Beispiele:

Und das geht so:

• Markiere die gewünschten Listeneinträge. (Auch einzelne Listenpunkte sind möglich)
• Wähle aus dem Menü Format - Absatz-Stil...
• Im Stil-Fenster auf der Karteikarte " Layout" änderst Du die Schriftfarbe (Vordergrundfarbe)
• Auf der Karteikarte " Schriftart" veränderst Du die Schriftgröße
• Und unter " Text" kannst Du noch weitere Schriftformatierungen vornehmen.

Die Vordergrundfarbe ändert eigentlich die Schriftfarbe des Listeneintrags mitsamt dem Aufzählungszeichen. Der Listeneintrag ändert sich aber nur, wenn man diesen nicht mit anderen HTML- oder CSS-Eigenschaften formatiert hat. Ähnlich verhält es sich auch mit der Schriftgröße. Allerdings wirkt die sich nicht auf die Punkte und Kreise aus, sondern nur auf die Nummern.

Index

CSS: Hover-Effekt funktioniert nicht richtig

Ich habe extra ein CSS-Stylesheet erstellt, um meine Links mit Hover-Effekten auszustatten. Mitunter sollen die Links auch die Farbe wechseln, wenn man mit der Maus darüber fährt. Aber das klappt nicht! Warum bloß?

Index

Textlinks mit unterschiedlichen Schrift- und Hover-Farben

Ich habe auf meiner Seite ein Navigationsmenü mit Textlinks. Dies hat besondere CSS-Eigenschaften. Aber diese Link-Eigenschaften passen nicht zu den Links im übrigen Dokument. Kann man neben einer CSS-Einstellung für die ganze Seite auch noch spezielle Linkeigenschaften erstellen, die nur im Navigationsmenü zur Geltung kommen?

Es ist etwas schwierig, die notwendigen CSS-Eigenschaften im WYSIWYG-Modus zu erzeugen. Daher zeige ich hier, wie man das im Quelltext hinbekommt:

<
html>

 < head> 
 < title> CSS-für unterschiedlichste Linkeigenschaften< /title> 
 < style> 
 < !--
 a:link { color:blue  }
 a:hover { color:magenta  }
 a.rotblau:link {color: red }
 a.rotblau:hover {color: blue }
 a.gruenrot:link { color:green  }
 a.gruenrot:hover { color:red  }
 --> 
 < /style> 
 < /head> 
 < body> 
 < p> < a href=" 3.htm" > Normaler Link (Blau mit Lila-Hover)< /a> < /p> 
 < p> < a href=" 3.htm"  class=" rotblau" > Link rot - Hover blau< /a> < /p> 
 < p> < a href=" 3.htm"  class=" gruenrot" > Link grün - Hover rot< /a> < /p> 
 < /body> 
<
/html>

 

Kopiere das Beispiel mal in Deinen Editor und probiere es aus.

Index

CSS: Schriftart wird nicht angezeigt

Ich habe für meine komplette HP ein CSS-Stylesheet erstellt, mit Schriftarten, Schriftfarben und Hovereffekten. Jetzt wollte ich in einem einzelnen Absatz mal eine andere Schriftart verwenden. Im WebEditor (Bearbeiten) wird die Schrift auch richtig angezeigt, Aber im Browser (IE6) und in der Vorschau erscheint nur der vom Stylesheet vorgegebene Font!

Siehe oben: CSS- und < FONT> -Attribute sollten nicht gemischt werden. Wenn Du eine CSS-definierte Schriftart ersetzen willst, dann musst Du auch wieder CSS verwenden. Markiere den Text und wähle unter FORMAT - FONT - ERWEITERTE STILARTEN - STIL - FONT. den gewünschten primären Font aus.

Index

CSS: Text in Tabellenzelle scrollen

Ich habe eine Tabellenzelle, deren Größe ich wegen des Layouts nicht verändern darf. Dort soll nun ein Text hinein, der aber leider viel mehr Platz benötigt. Kann man es irgendwie hinbekommen, dass der Text gescrollt werden kann?

Es gibt mehrere Möglichkeiten, ein Textfeld mit Scrollbalken zu erzeugen.