Notifikationer

Markér alle som læst Log ud

jets Nybegynder

17. september 2002 - 18:32 Der er 9 kommentarer og
1 løsning

Opera, border og CSS

Jeg har følgende defineret til sidst i en css-fil:

A:link img {border: 3px #555555 double}
A:hover img {border: 3px #555555 double}
A:active img {border: 3px #555555 double}
A:visited img {border: 3px #555555 double}
IMAGE {border-style: none}

Dette skulle give mig border på image-links og ingen border på almindelige images. Det virker fint i IE5.0, IE6.0 og Netscape 7.0 men i Opera 6.05 er *alle* billeder uden kant - uanset link eller ej.

Har jeg kaget rundt i CSS eller er det Operas problem?

Synes godt om

pelkjaer Nybegynder

17. september 2002 - 18:34 #1

Øhh.. den sidste skal ikke hedde IMAGE med blot img {...} - ligesom de andre.

Synes godt om

jets Nybegynder

17. september 2002 - 18:39 #2

pelkjaer, stadig ingen held :(

Synes godt om

pelkjaer Nybegynder

17. september 2002 - 18:39 #3

Nej I know - var bare en rettelse - jeg sidder og tester.

Synes godt om

pelkjaer Nybegynder

17. september 2002 - 18:50 #4

Det kunne godt se ud som om det er endnu en opera mangel.

Det bedste hack jeg kunne finde på var

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
span a {
border: 3px #555555 double;
}
img {
border-style: none;
}
</style>
</head>
<body>
<span><a href="link.html"><img src="tredg.gif" width="14" height="11"></a></span>
<br>
<br>
<br>
<img src="tredg.gif" width="14" height="11">
</body>
</html>

Synes godt om

jets Nybegynder

17. september 2002 - 19:02 #5

Surt at måtte hacke pga. en minoritet ;-) Må lige tænke over om det er bøvlet værd, men tak for løsningen ihvertfald!

Synes godt om

lequet Nybegynder

17. september 2002 - 21:46 #6

Tja hvorfor dog hacke sig vej, når det kan gøres ganske enkelt og korrekt :) Virker i Opera 6, Opera 5, Mozilla, NS6, NS 7 og IE 6... IE 5 og 5.5 kan jeg ikke teste i

a img {
border : 5px solid red ;
}

Synes godt om

jets Nybegynder

18. september 2002 - 08:43 #7

Tak, det virkede!

Synes godt om

pelkjaer Nybegynder

18. september 2002 - 08:58 #8

underligt *G*

Jeg prøvede alt muligt med img a {} osv :)

Den skal åbenbart foran til Opera.

Synes godt om

jets Nybegynder

18. september 2002 - 09:01 #9

pelkjaer, jep... (jeg syntes også jeg havde prøvet alt muligt ;)
Den endelige kode ser således ud:

a img {border: 3px double #555555;}
img {border: 0px}

Ovenover er der så A:link, A:hover osv, men de styler udelukkende text (jeg havde prøvet at sætte img efter text-style, som de viser i forskellige how-to's, men det virkede ikke med Opera).

Synes godt om

lequet Nybegynder

18. september 2002 - 09:37 #10

Det er kun nødvendigte med denne linie :)

a img {border: 3px double #555555;}

Kan forestille mig at din anden linie i nogen browsere simpelthen vil fjerne din border igen (på alle billeder), og det var muligvis også noget i den stil der gik galt før.

Men godt det kom til at virke :) Takker for points

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS