marcinex

Archiv der Kategorie 'CSS'

CSS: Transparenz auf DIV-Layern

Dienstag, den 12. Dezember 2006

Seit CSS2 ist es nun auch möglich Transparenzen außerhalb der MS-Filter zu nutzen. Das heißt, dass diese auch vom Firefox genutzt werden können.

CSS-code:

#transdiv {
background-color: #000;
filter:alpha(opacity=65); //IE
opacity:.65; //Mozilla etc.
}

>>transdiv

CSS: Überschrift durch Bild ersetzen, barrierefrei

Freitag, den 17. November 2006

Mit Hilfe von CSS kann man ganz einfach Text durch ein Bild ersetzen, ohne dass das die Suchmaschinen oder Screenreader stört. Dazu setzt man ein Bild als Hintergrundbild einer Überschrift z.B. H1 und blendet den Text mit einem kleinen Trick aus Das macht man, indem man den “text-indent” (Texteinzug) auf -9000px setzt. Somit ist der […]

CSS: Externe Links automatisch markieren

Sonntag, den 24. September 2006

Durch eine kleine Abfrage in CSS ist es möglich Externe Links automatisch mit einem Extern-Symbol zu markieren. Dazu liest CSS den “href” des Links aus und prüft, ob ein “http:” darin enthalten ist. Ist das der Fall, wird der Style angewendet:

CSS-code:
a[href^=”http:”] {
background: url(”ext_link.gif”) top right no-repeat;
padding-right: 8px;
}
So muss man nicht mehr alle Links von Hand […]