Hvordan fjerne ramme rundt bilder med hyperkobling

[Kannutt]

Hei!

 

Et sprøsmål:

 

Forsøker å få fjernet den blå rammen som legger seg rundt et bilde som skjuler en link. Vil ikke bruke border: 0px; i xhtml da siden ikke validerer med det. Har forsøkt text-decoration: 0px; og border: 0px; i css, med det hjelper ikke.... Gode forslag?

[Arsenal_RULES]

Hmm, kanskje, text-decoration:none;

Endret 1. august 2006 av Arsenal_RULES

[joffar]

Prøv med

img {border:0;}

 

i css.

[Kannutt]

Prøv med

img {border:0;}

 

i css.

6595045[/snapback]

 

 

Det funket! Thanks! Men det vil påvirke alle bilder, ikke sant?

[qualbeen]

ja, alle img-attributtene påvirkes av img{ /* css-kode her */ }

[Kannutt]

ja, alle img-attributtene påvirkes av img{ /* css-kode her */ }

6595578[/snapback]

 

Hvordan omgå det da? Hvis en feks vil ha ramme rundt et annet bilde?

[pej]

Lag en klasse som du bruker for alle bilder som skal ha ramme.

 

For eksempel:

HTML:
<div class="imageBorder">
   <img src="blah.jpg" />
</div>

CSS:
.imageBorder {
   border: 1px solid #000;
}

[Kannutt]

Det funker jo fin-fint! Thanks!

[joffar]

For å unngå overdreven bruk av div er det vel mulig å bruke

 

HTML

<img class="bo" src="blah.jpg" />

 

CSSL:

 

img bo {border: 1px solid #000;}

[Kannutt]

Det er sikkert en løsning.

Endret 1. august 2006 av Kannutt

[Jesper Karsrud]

Jess, hør på det joffar sier. Han har dog en feil i koden sin, tipper det var dette han mente å skrive:

img.bo {
deklarasjoner: her;
}

 

Det som er så greit når man skriver det slik, er at klassen kun vil fungere på img-elementet, pluss at det (i hvertfall for meg) fungerer som en liten huskeregel til hvilket element du brukte den til

[joffar]

takk Jibril2k ,det var det jeg mente ja.