CSS
Mit CSS formatierte Links werden nicht richtig dargestellt
Wenn man per CSS Links formatiert, tut man dies im Allgemeinen so: a:link { //Definition hier } a:visited { //Definition hier } a:hover { //Definition hier } a:active { //Definition hier } Diese Definition formatiert allgemein die Links der Webseite. Wenn man …
Weiterlesen →
png-Filter und Joomla
Da ich gerade selbst an diesem Problem fast verzweifelt bin, möchte ich dies nun hier mal aufklären. Um im IE6 transparente png darzustellen, verwendete ich z.B. bei einem Hintergrundbild folgende CSS-Anweisung filter:progid:DXImageTransform.Microsoft.AlphaIma…
Weiterlesen →Div Box mittig ausrichten / zentrieren
Um eine Div Box horizontal mittig auszurichten, setzt man margin:auto. Dies funktioniert allerdings nur dann, wenn das umgebende Element also z.B. eine Breite von 100% besitzt. Zentriert wird immer releativ zum umgebenden Element. Damit alles korrekt funktioni…
Weiterlesen →CSS Menü mit Hintergrundbild
Ein Mouseover -Meü mit wechselndem Hintergrundbild muss mitnichten per Javascript erstellt werden. Besser und sauberer geht's mit CSS: <style type="text/css"> .linkKlasse a { background-image:url('bg.gif'); } .linkKlasse a:hover { background-image:url('bgOver.…
Weiterlesen →CSS / Umrechnung der em-Werte für Schriftgröße
Schriftgrößen kan man fix oder relativ in Prozent oder em angeben. Um mal grob zu überblicken, welche Größe eigentlich welchem em-Wert entspricht, hier mal ein paar umgerechnete Werte für px und em: 10px -> 0.6em 12px -> 0.76em 14px -> 0.9em 16px -> 1.0em 18px…
Weiterlesen →Einbinden einer externen CSS-Datei / eines externen Stylesheets
Um ein externes CSS Stylesheet einzubinden, welches als separate Datei auf dem Webspace abgelegt ist, benutzt man folgende Anweisung: <link rel="stylesheet" type="text/css" href="style.css" /> Im Beispiel heißt die CSS-Datei style.css…
Weiterlesen →CSS - Einheiten für Werte angeben
Damit es bei der Darstellung von inneren und äußeren Abständen (padding und margin) nicht zu Fehlern kommt, ist es wichtig den Werten für den Abstand eine Einheit mitzugeben, wie z.B.: margin: 100px; (falsch wäre margin:100;) Lediglich bei Null-Abständen kann …
Weiterlesen →
Abstand zwischen DIVs im Internet Explorer
Wenn man zwei Divs untereinander anordnen möchte, ohne einen Zwischenraum / Abstand zu haben, kommt es im IE oft vor, dass zwischen den Divs doch ein Abstand angezeigt wird. Dies passiert dann, wenn man im Stylesheet keine Höhe angibt. Man vermeidet also den A…
Weiterlesen →li Elemente nebeneinander darstellen / Horizontale Liste
Um die Elemente einer Liste nebeneinander darzustellen, muss man dem einleitenden Listentag ein float:left mitgeben: <ul style="float:left"> <li>Element</li> </ul>…
Weiterlesen →Scrollbalken einfärben IE
Scrollbalken mit CSS-Bordmitteln einzufärben, ist nur für den Internet Explorer möglich. Leider kann man sagen, anderen ist selbst die IE-Scrollbalken-Einfärbemöglichkeit zuviel. So gehts, wenn man den IE Scrollbalken färben möchte: html { scrollbar-3dlight-co…
Weiterlesen →