---

Jeg har et billede, som jeg styler med noget CSS så det får en grå
kant på 1 px. Dette gør jeg med

..
image {
border: 1px solid #aaaaaa;
}

HTML-koden til billedet er

<img src="pic.png" alt="" height="100" width="300" class="image"/>

Men hvis jeg sætter dette billede ind som et link, så bliver min
CSS-klasse "over-ruled" af mit link - i hvert fald kommer der den der
standard-ramme om billedet, der er blå for "ubesøgte" links og lilla
for de links man har besøgt tidlidere.

Hvordan undgår jeg dette ?

--
Jesper

---

> <img src="pic.png" alt="" height="100" width="300" class="image"/>

prøv:

<img src="pic.png" alt="" height="100" width="300" class="image" border="0"
/>

jeg tror stadigvæk din css border kommer på...

---

Peter Sepstrup <peter@_REMOVE_sepstrupnet.dk> skrev:
>> <img src="pic.png" alt=""
>> <height="100" width="300"
>> <class="image"/>
>
>prøv:
>
><img src="pic.png" alt="" height="100" width="300"
> class="image" border="0" />
>
>jeg tror stadigvæk din css border kommer på...

Det gør den også ... men jeg glemte at skrive, at siden skal
validere som XHTML 1.0 strict - og her er border-attributten ikke
valid. Derfor er jeg _nødt_ til at have min style-kode i mit
eksterne CSS og jeg kan derfor ikke bruge den indbygge løsning du
foreslog.

Jeg beklager at jeg glemte denne detalje.



--
Jesper

---

"Peter Sepstrup" <peter@_REMOVE_sepstrupnet.dk> skrev
>
> prøv:
>
> <img src="pic.png" alt="" height="100" width="300" class="image"
border="0" />

Det er da xhtml. Så er border-attributten ikke lovlig. Det skal være:

<img src="pic.png" alt="" height="100" width="300" class="image" />

Eventuelt med style:

<img src="pic.png" alt="" height="100" width="300" class="image"
style="border:0" />

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin

---

Erik Ginnerskov <egin@SPAMKILLoncable.dk> skrev:
>
>"Peter Sepstrup" <peter@_REMOVE_sepstrupnet.dk> skrev
>>
>> prøv:
>>
>> <img src="pic.png" alt="" height="100" width="300" class="image"
>border="0" />
>
>Det er da xhtml. Så er border-attributten ikke lovlig. Det skal
være:
>
><img src="pic.png" alt="" height="100" width="300"
class="image" />
>
>Eventuelt med style:
>
><img src="pic.png" alt="" height="100" width="300" class="image"
>style="border:0" />

Jeps ... men kan jeg ikke undgå at have style-attributten i mit
img-element ? Jeg synes det er noget rod at have "inline styling"
samt styling i et eksternt CSS-dokument.

Det virker principielt som du skriver det - men hvis jeg flytter
border: 0px; op i mit stylesheet, så kommer det jo i konflikt med
linien

border: 1px solid #aaaaaa;

Det er denne twist jeg ikke kan greje.



--
Jesper

---

Jens Gyldenkærne Clausen <jens@gyros.invalid> skrev:
>Jens Gyldenkærne Clausen skrev:
>
>> Ellers skulle det vel også være muligt at sætte border til nul
på a?
>
>Argh - glemte lige at du ikke skal fjerne kanten.
>
>Har du prøvet med
>
>a img{ border... }

Nej ... men det skyldes ganske enkelt, at jeg ikke vidste at man
kunne anvende styling af nestede elementer på den måde.

Koden

a img {
border: 0px;
}

virker som den skal (i hvert fald i IE - har endnu ikke testet det
i andre).

Mange tak for hjælpen.



--
* Jesper Stocholm *
* http://stocholm.dk *
* Svar til gruppen og ikke til mig privat! *
* Hvor svært kan det være ? *

---

Jesper Stocholm skrev:

> Nej ... men det skyldes ganske enkelt, at jeg ikke vidste at
> man kunne anvende styling af nestede elementer på den måde.

Der er en del af den slags betingede formateringer - fx
div > a, div + div, input[readonly]. Dog er det ikke dem alle der
fungerer med IE (surprise!)

Se listen her: <http://www.w3.org/TR/CSS21/selector.html>

NB: Devedge sidebar til Mozilla-browseren er ret genial til
webudviklere. Her er direkte adgang til at slå i bl.a. HTML-, CSS-
og Javascript-dokumentationen.
--
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

---

slet OCCDW skrev:

>> <img src="pic.png" alt="" height="100" width="300"
>> class="image" style="border:0" />
>
> Jeps ... men kan jeg ikke undgå at have style-attributten i
> mit img-element ? Jeg synes det er noget rod at have "inline
> styling" samt styling i et eksternt CSS-dokument.

Har du prøvet med !important?

image {
border: 1px solid #aaaaaa !important;
}

Ellers skulle det vel også være muligt at sætte border til nul på
a?
--
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 Clausen skrev:

> Ellers skulle det vel også være muligt at sætte border til nul på
> a?

Argh - glemte lige at du ikke skal fjerne kanten.

Har du prøvet med

a img{ border... }
--
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

---