Avatar billede lazlowdk Nybegynder
16. maj 2005 - 21:22 Der er 7 kommentarer og
1 løsning

a reminder

Hvad gør jeg galt??? mine billeder ( <img class="img" src="noget.jpg"> ) bliver slørede selvom der IKKE burde ske noget med dem... Hvad har jeg gjort galt

//CODE

a:link    {color: #000000;
        text-decoration:none;}

a:visited {color: #000000;
        text-decoration:none;}

a:active  {color: #000000;
        text-decoration:none;}

a:hover  {color: #000000; background-color:none; text-transform:none; height:0; filter:blur(add="0",direction="90",strength="7"); }

a.img:link  { text-decoration:none; }
a.img:visited  { text-decoration:none; }
a.img:active  { text-decoration:none; }
a.img:hover  { text-decoration:none; }
Avatar billede roenving Novice
16. maj 2005 - 21:30 #1
Udskift punktummet med et mellemrum !-)

-- ej den skal lige have noget mere, da IEnetop ikke understøtter pseudo-selektorerne på andre tags end a ...

-- og så er der iøvrigt en fejl i rækkefølgen af din brug af disse, sikkert fordi du ikke er opmærksom på, at :active betyder medens museknappen holdes nede ovenpå linket !o]

a:link    {color: #000; text-decoration:none;}
a:visited {color: #000; text-decoration:none;}
a:active  {color: #000; text-decoration:none;}
a:hover  {color: #000; background-color:none; text-transform:none; height:0; filter:blur(add="0",direction="90",strength="7"); }
a:active  {color: #000; text-decoration:none;}

.img:link  { text-decoration:none; }
.img:visited  { text-decoration:none; }
.img:hover  { text-decoration:none; filter:none;}
.img:active  { text-decoration:none; }

-- og så:

<a href="..." class="img"><img src=noget.jpg></a>
Avatar billede lazlowdk Nybegynder
16. maj 2005 - 21:34 #2
tusind tak... skriv et svar og få dibne point... ;)
Avatar billede roenving Novice
16. maj 2005 - 21:37 #3
Velbekomme '-)
Avatar billede Slettet bruger
17. maj 2005 - 10:26 #4
roenving:
Du skriver: "...en fejl i rækkefølgen...". JAmmen, er det mon derfor du bruger "a:active" 2 gange? '-)
Avatar billede Slettet bruger
17. maj 2005 - 10:28 #5
...jeg håber at lazlowdk er klar over, at koden IKKE er cross-browser... ej heller kan valideres. :-(
Avatar billede roenving Novice
17. maj 2005 - 11:24 #6
-- tjah, jeg opdagede godt den blunder, og selvfølgelig er det en helt overflødig gentagelse, men da den så heller ikke havde nogen betydning (koden gør præcis det samme, selvom den første er der !-), så ville jeg forvirre yderligere ...

-- og man må gå ud fra, at lazlowdk bevidst bruger en M$ css-extension, men derfor er det jo nok en meget god idé at gøre opmærksom på, at det præcis ikke virker i andet end IE5.5+ !o]
Avatar billede lazlowdk Nybegynder
17. maj 2005 - 19:10 #7
oki... det virker... med hvad i siger er desværrer lidt sort... kan kun begrænset CSS...
Avatar billede roenving Novice
18. maj 2005 - 00:37 #8
Tak for point ;~}

Jeg havde en bemærkning til den rækkefølge, som pseudo-selektorerne havde, og der er kun een, som giver fuld mening:

a -- uden en pseudo-selektor gælder den alle a-tags
a:link -- gælder for a-tags med en href-attribut
a:visited -- gælder for a-tags med en href-attribut, som browseren har været på
a:hover -- gælder, når musepointeren er ovenpå a-tagget
a:active -- gælder, når en museknap er nedtrykket ovenpå a-tagget eller det er den aktive handling i dokumentet (ved popups vedligeholdes den oftest !-)

-- da css (Cascading StyleSheets) er indrettet på den måde, at den læses fra starten af og derefter kvalificerer hver enkelt property (dvs. bla. overskriver sammenfaldende !-), vil en senere angivelse simpelthen overskrive en tidligere, hvilket i tilfælde af 'forkert' rækkefølge vil betyde, at nogle senere angivelser simpelthen fjerner (overskriver) nogle tidligere angivne ...

Da man som regel ønsker at fremhæve (og lettere-gøre navigationen !-), er det meget vigtigt, at f.eks. :hover kommer efter :visited, men også f.eks. at man som standard husker at :active er efter :hover, så besøgende kan finde tilbage, hvis du har lavet en popup, så :active overhovedet giver anden mening end f.eks. pæn knap-skiftning !o]
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester