Tag Archiv: css

Über 20 Tipps zum Internet Explorer 6 – Meinem besten Freund

IE6 looking sad

Mach es gut, mein Alter Freund

Nachdem sich google nun bei youtube und facebook selbst langsam vom Internet Explorer 6 verschabschieden und allgemein schon zur Beerdigung des Internet Explorer 6 aufgerufen wird, wollte ich mal kurz ein paar sinnvolle Links hier verbreiten, die sich im Laufe der Zeit bei mir angesammelt haben (Lebt er noch?):

Ja, mein alter Freund, was werden wir ohne Dich machen, wenn wir Dich nicht mehr zum ultimativen Feind ernennen können? Das wird ganz schön langweilig werden…

Keine Herausforderung mehr, alles wird totaler Standard, keine Bugs mehr zu beheben, die uns den Verstand kosten. Frontend- und Backendleuten wird dann der Konsens fehlen, kein Hass auf Dich mehr, der sie zusammenschweißt…

Ich glaube, ich werde mich dann wieder mehr mit dem Wetter auseinandersetzen müssen. Ganz schön kalt draußen, oder?

shttp://www.onderhond.com/blog/work/ie6-core-bug-fixing

Wie man inline styles in CSS überschreiben kann

Wenn man inline Styles überschreiben, macht man das mit !important, will man aber nur inline gestylte Tags in CSS im Webdesign überschreiben, gibt es keine andere Möglichkeit, als diese styles direkt anzupassen? Falsch!
Eine weitere Möglichkeit ist mit Hilfe des [style] Keywords innerhalb eines Scriptblockes oder einer externen CSS nur diese Tags mit inline Styles anzusprechen.

Ein Beispiel :

<div class="showMe">
<span style="font-weight: bold; color: #ff0000;">Hello World - wird gestyled</span>
</div>
<div class="showMe">
<span>Hello World - wird nicht gestyled</span>
</div>

.showMe span[style]{font-weight: normal !important;color: #0000ff !important;}

Wie das immer so ist und wie man sich wahrscheinlich aufgrund des [style] im Selektor denken konnte, funktioniert dies nicht im IE6, aber im IE7 & IE8 sowie allen modernen Browsern.
Natürlich bleibt die Frage, wann man so etwas sinnvoll anwenden kann, da man inline styles generell vermeiden
sollte, aber es kann mit Sicherheit nicht schaden, so etwas zu wissen.

Seeing is believing, daher gibt es hier ein kleines Showcase.

[gefunden bei SOTAHNAKA]

Verschiedene CSS Dateien in Joomla laden

Es kommt öfter vor, dass man in Joomla bei verschiedenen Komponenten das Aussehen etwas modifizieren möchte. Dies kann z.B. das einfache Ausblenden einer Sidebar sein oder ein komplett anderes Layout. Am einfachsten macht man dies mit Hilfe von XHTML und CSS.

Will man in einem Joomla Template abhängig von der Komponente unterschiedliche CSS Dateien laden, bedarf es nur einer kleinen Abfrage mit mosGetParam innerhalb des head Bereiches der index.php:

if (!(mosGetParam( $_REQUEST, 'option', '' )<>"com_fireboard")) {
echo '<link href="http://www.bandclash.de/.../css_forum/template_css.css" rel="stylesheet" type="text/css" />';
}else{
echo '<link href="http://www.bandclash.de/.../css/template_css.css" rel="stylesheet" type="text/css" />';
}

In diesem Fall wird eine andere CSS geladen, wenn die Fireboard Komponente angezeigt wird, ansonsten wird die normale CSS benutzt. Einfach und effektiv.

In Aktion lässt sich dies unter www.bandclash.de betrachten. Für das Forum gibt es eine eigene CSS, damit es die ganze Breite nutzen kann.