|
| 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
| |
|
|