Attributselektoren

Attributselektoren

Eine Besonderheit an diesem Template sind die Attributselektoren aus der CSS-3 Spezifikation.

Diese ist zwar noch nicht Standard, jedoch werden diese von Firefox, SeaMonkey, Safari und IE7 unterstützt. Insofern ist das Risiko, dass diese Spezifikationen in die endgültige Version von CSS-3 übernommen werden relativ gering.

a[href^="http:"] {
padding-right:10px;
background: url(../images/externallinks.gif) no-repeat right top;
}
a[href^="http://www.babydo.de"], a[href^="http://babydo.de"]{
padding-right:0;
background-image:none;
}
a[href^="mailto:"] {
padding-right:10px;
background: url(../images/email.gif) no-repeat right top;
}

Einige Joomla Templates die ich erstellt habe arbeiten mit diesen Selektoren, ich weise aber ausdrücklich darauf hin, das nicht alle Browser diese korrekt darstellen.

Bildersetzung

FIR - Fahrner Image Replacement

FIR ist die ursprüngliche Bildersetzungsmethode schafft aber auf Grund der Einschränkungen in Bezug auf Barrierefreiheit einige Probleme. Der zu ersetzende Text wird in einen eigenen SPAN-Bereich gesetzt.

<p> <span> zu ersetzender Text </span> </p>

Dem p-Bereich wird nun das Hintergrundbild zugewiesen.

p { background:url(image.gif) no-repeat; }

Der Inhalt des SPAN-Bereiches wird ausgeblendet.

span {display:none};

Probleme gibt es mit einigen (nicht allen) Bildschirmlesegeräten, die den Text ignorieren. FIR funktioniert unter Internet Explorer 5+, Opera 5+, Netscape 6+ und Safari.

Seite 2 von 2

Akku Berechnung 1.6

Akku Leistung





Transfer Calc 1.6

Volumen, Bandbreite zu Zeit






Cookies erleichtern die Bereitstellung unserer Dienste. Mit der Nutzung unserer Dienste erklären Sie sich damit einverstanden, dass wir Cookies verwenden.