/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
css: problemer med links og img
Fra : Poul Freeman


Dato : 20-02-05 23:57

Hej,

Hvis man kigger på denne side

http://www.herlevkollegiet.dk/~maj/pp/

så vil man se, at billederne også har fået egenskaberne fra links'ne,
og det var ikke meningen.

Selvom jeg har skrevet følgende ind i min css fil, så vil egenskaberne
bare ikke forsvinde fra img.

img{
border: none;
}
a img{
border: none;
}
a:link img{
border: none;
}

Er der nogen som kan hjælpe?


Venlig hilsen,
Poul



 
 
Erik Ginnerskov (21-02-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 21-02-05 00:07

Poul Freeman wrote:

> Selvom jeg har skrevet følgende ind i min css fil, så vil egenskaberne
> bare ikke forsvinde fra img.
>
> img{
> border: none;
> }
> a img{
> border: none;
> }
> a:link img{
> border: none;
> }

Lige over har du defineret border på links.

'a img' og 'a:link img' er ikke korrekt, prøv med

img a:link {
border:none;
}

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk



Poul Freeman (21-02-2005)
Kommentar
Fra : Poul Freeman


Dato : 21-02-05 00:29

> img a:link {
> border:none;

Det virker heller ikke=(



Benny Nissen (21-02-2005)
Kommentar
Fra : Benny Nissen


Dato : 21-02-05 00:53

Poul Freeman wrote:
>>img a:link {
>>border:none;
>
>
> Det virker heller ikke=(
>
>
skal der ikke også en

img a:hover {
border:none;
}

til ?

--
Benny Nissen
http://bennynissen.dk

Erik Ginnerskov (21-02-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 21-02-05 00:56

Benny Nissen wrote:

>>> img a:link {
>>> border:none;
>>> }

> skal der ikke også en
>
> img a:hover {
> border:none;
> }

Nu kunne Poul ikke få det til at fungere, men ellers:

Når der på a:link er defineret border:none, nedarves det til a:hover, så
nej.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk



Benny Nissen (21-02-2005)
Kommentar
Fra : Benny Nissen


Dato : 21-02-05 01:10

Erik Ginnerskov wrote:

> Nu kunne Poul ikke få det til at fungere, men ellers:
>
> Når der på a:link er defineret border:none, nedarves det til a:hover, så
> nej.
>
Ja, men der er jo allerede defineret en a:hover med borderfarve. Vil den
så ikke blive brugt i stedet for img a:link ?

--
Benny Nissen
http://bennynissen.dk

Erik Ginnerskov (21-02-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 21-02-05 00:51

Poul Freeman wrote:

> Det virker heller ikke=(

Så laver du i css en class:

..tlink {
border:1px solid #ccf;
}

og de tekstlinks, der skal have border, laver du sådan:

<a class="tlink" href="foohtml">Linktekst</a>

Den generelle definition af border på links fjerner du.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk



Poul Freeman (21-02-2005)
Kommentar
Fra : Poul Freeman


Dato : 21-02-05 01:45

> Den generelle definition af border på links fjerner du.

Jeg havde godt tænkt på noget ligende, men kan det være, at det er en
bug i browser'ne, at border'en ikke bliver fjernet?


Poul



Poul Freeman (21-02-2005)
Kommentar
Fra : Poul Freeman


Dato : 21-02-05 02:53

Nu har jeg fundet problemet =)

<div class="screenshot">
<a href="muine.png"><img src="muine-thumb.png"></a>
</div>

Billedet ligger inde i en class, og så hjælper det jo ikke meget
at ændre den i body =)


Til gengæld har jeg et andet spørgsmål:

Hvis jeg putter "Source Forge" billedet ind i en class. Kan man lave en
slags align, så det bliver rykket ned og flugter med bunden af det
store billed, som er i en anden class?


Poul




Jens Gyldenkærne Cla~ (21-02-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 21-02-05 11:14

Erik Ginnerskov skrev:

> 'a img' og 'a:link img' er ikke korrekt,

Hvorfor nu ikke det?

> prøv med
> img a:link {
> border:none;
> }

Det vil fange <img><a>foo</a></img> - som ikke er valid html.

Den oprindelige version er altså bedre:

a img{ border: none; }

"Descendant selectors" skrives så det yderste element står til venstre,
og det inderste element - det som css-koden påvirker - står til højre.
Se evt <http://www.w3.org/TR/CSS21/selector.html#descendant-selectors>

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Jens Gyldenkærne Cla~ (21-02-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 21-02-05 11:18

Poul Freeman skrev:

> http://www.herlevkollegiet.dk/~maj/pp/
>
> så vil man se, at billederne også har fået egenskaberne fra links'ne,
> og det var ikke meningen.

Jeg kan ikke se nogen kant på billedet (går ud fra at det er det du
mener). Har du prøvet at reloade siden - måske er det et cachet css-ark
der snyder.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Poul Freeman (21-02-2005)
Kommentar
Fra : Poul Freeman


Dato : 21-02-05 17:14

> der snyder.

Det er fordi jeg har opdateret filerne løbende. I starten var der også
en kant om det store billde, lige som der er på det lille nu.

Poul



Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste