Bei Bild -> MouseOver = Blur!

Status
Nicht offen für weitere Antworten.

PaRADoX

Erfahrenes Mitglied
hallo leute, hier seht ihr den link teil aus meiner css datei:

A:link
{
text-decoration: none;
font-weight: none;
color: #444444;
}
A:visited
{
text-decoration: none;
font-weight: none;
color: #444444;
}
A:hover
{
text-decoration: none;
font-weight: none;
filter: blur;
height: 0;
color: #444444;
}

funktioniert auch alles einwandfrei... mit einer ausnahme. die bilder (die verlinkt sind) werden beim rollover mit der maus auch "geblurt". und das sieht nicht so doll aus, wie kann ich das machen das diese nicht mehr "geblurt" werden?

danke schonmal im voraus für eure schelle hilfe! :-)
greetz, PaRADoX
 
Denkanstoß

Probiere mal deinen Texten eine "class" zuzuweisen...
So kannst du jedem Element einen bestimmten "Style" zuweisen.

SOrry, hab jetzt leider keine Zeit, aber schlat mal die Suche ein ;)

MIr fällt grad keine andere elegantere Varinate ein.
Cu
 
hi! auf die idee bin ich auch scho gekommen... aber irgendwie bekomme ich es net gebacken :( habe in den <a href="http://" class="BLA" reingepackt, aber es wird noch immer geblurt :? Obwohl BLA schaut so aus:

.BLA
{
text-decoration: none;
font-weight: none;
color: #444444;
}
 
Ich hätte es auch so gemacht.

PHP:
<a href="http://www.blabla.de" class="BLA">text</a>

Das Problem liegt am <a>. Puhh, weiß leider auch nicht....
Warte mal ab bis sich die Profis melden, die finden sicher eine gescheite Lösung für dich ;)

cui
 
Zuletzt bearbeitet:
der link (text) wird, wie es auch sein soll, verwischt! aber der bild-link wird auch verwischt, also das bild verwischt! hoffe konnte es verständlich erklären! :-)
 
Hey Paradox du armer verzweifelter Kerl ;)

Hab ne Idee, und zwar:

Mach den Blur Filter im Hover - Sytlesheet weg!
Stattdessen setzt du überall, wo ein Textlink vorkommt eine zugehörige Class mit dem Blurfilter.

So würde es funktionieren!
Bei vielen Links im Fließtext natürlich etwas aufwendig, aber so sollte es gehen.

Gruß! :)
 
Code:
a {color:#444;} /*deine normale linkdefinition*/
a:hover {color:#000;} /hover für die normalen links*/
a.blur:hover {filter:blur;height:0px;} /*hover für die blur-links*/
dann müsste, wie nofear schon angedeutet
hat, jeder link, der verwischt werden soll
die class 'blur' haben...
wenn das zu aufwendig ist, kannste das
auch umdrehen, so dass du nur den nicht
verwischten ne klasse zuweisen musst...
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück