---

Jeg er ved at få grå hår af at få en side jeg er ved at lave til både at
virke i IE og i FF (som så mange andre før mig).

Jeg har en række billeder som fungerer som links. Disse skal have en rød
border når man kører musen over. Jeg har prøvet at isolerer problemet
fuldstændigt her:

http://weberg.dk/tgs/public_html/test.html

Jeg kan bare stadig ikke få det til at virke i FF selvom det ser ud som det
skal i IE. Er der nogle der kan hjælpe mig??

Mvh

Michael Weberg

---

Michael Weberg skrev:

> Jeg kan bare stadig ikke få det til at virke i FF
> selvom det ser ud som det skal i IE. Er der nogle
> der kan hjælpe mig?

Prøv at pakke det hele ind i en <div>

<div class="piclink">
<a href="#" <img src="img/waterlilythumb.gif" alt=""></a>
</div>

.... og herefter:

img{
border:none;
}

..piclink a img{
border:3px dotted #808080;
}

..piclink a:hover img{
border:3px solid #ffff99;
}

Se resultatet på http://pejrup.dk/ahkunst/?id=billeder

--
Allan Vebel
http://html-faq.dk
http://vebel.dk

---

> Se resultatet på http://pejrup.dk/ahkunst/?id=billeder
>
> --
> Allan Vebel
> http://html-faq.dk
> http://vebel.dk
>
>

Tak for hjælpen.

Mvh

Michael Weberg

---

Michael Weberg skrev:
> Jeg er ved at få grå hår af at få en side jeg er ved at lave til både at
> virke i IE og i FF (som så mange andre før mig).
>
> Jeg har en række billeder som fungerer som links. Disse skal have en rød
> border når man kører musen over. Jeg har prøvet at isolerer problemet
> fuldstændigt her:
>
> http://weberg.dk/tgs/public_html/test.html
>
> Jeg kan bare stadig ikke få det til at virke i FF selvom det ser ud som
> det skal i IE. Er der nogle der kan hjælpe mig??
>

Browserne laver forskellige gæt når de
får ufuldstændige HTML-konstruktioner.

Både a-elementet og img-elementet er inline-elementer,
der får den højde og bredde indholdet tilsige.

1. slå en p om det hele: Inline-elementer skal
være indesluttede i et blokelemenet. a-markørens udstrækning
bestemmes af billedet, som ikke har nogen højde og breddemål

2. Sæt bredde og højde på billedet, så får du den ønskede
effekt.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

Jeg prøver at lære noget nyt her. Så prøver dit eksempel af.

> 1. slå en p om det hele: Inline-elementer skal
> være indesluttede i et blokelemenet. a-markørens udstrækning bestemmes af
> billedet, som ikke har nogen højde og breddemål

Har sat <p></p> om hele a elementet. Håber det var det du mente men jeg kan
stadig ikke få det til at virke desværre.

Har måske misforstået noget.

http://weberg.dk/tgs/public_html/test.html

Mvh

Michael Weberg

---

Michael Weberg skrev:
> Jeg prøver at lære noget nyt her. Så prøver dit eksempel af.
>
>> 1. slå en p om det hele: Inline-elementer skal
>> være indesluttede i et blokelemenet. a-markørens udstrækning bestemmes
>> af billedet, som ikke har nogen højde og breddemål
>
> Har sat <p></p> om hele a elementet. Håber det var det du mente men jeg
> kan stadig ikke få det til at virke desværre.
>
> Har måske misforstået noget.

Ja, men jeg har heller ikke udtrykt mig særlig klart.
Problemet knytter sig ikke til den manglende p,
men til logikken omkring hvor rammen skal være.
Du får ikke en ramme om billedet ved at sætte en ramme på
a-elementet, eller omvendt for den sags skyld.

For nemheds skyld har jeg lavet den udformning, jeg
tror du søger, her:
http://webdesign101.dk/x/rammeombillede.html
--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

> Du får ikke en ramme om billedet ved at sætte en ramme på a-elementet,
> eller omvendt for den sags skyld.

Det lyder egentligt også logisk i mine ører. Jeg skulle bare sætte rammen på
det rigtige element istedet.

Tak for hjælpen. Det eneste lille problem er bare når jeg fx kopierer kilden
fra det du har lavet over i et HTML dokument på min server, så flytter
billedet sig 1px når man kører musen over. Har kun ændret stien til
billedet. Det er mærkeligt.

Mvh

Michael Weberg

---

Det eneste lille problem er bare når jeg fx kopierer kilden
> fra det du har lavet over i et HTML dokument på min server, så flytter
> billedet sig 1px når man kører musen over. Har kun ændret stien til
> billedet. Det er mærkeligt.

Okay. Det gør den så kun når jeg viser siden mens den ligger på min egen com
og ikke når jeg har lagt den på nettet. Endnu mere underligt.
Men bare det virker på nettet.

Mvh
Michael Weberg

---

Michael Weberg skrev:
>> Du får ikke en ramme om billedet ved at sætte en ramme på a-elementet,
>> eller omvendt for den sags skyld.
>
> Det lyder egentligt også logisk i mine ører. Jeg skulle bare sætte
> rammen på det rigtige element istedet.
>
> Tak for hjælpen. Det eneste lille problem er bare når jeg fx kopierer
> kilden fra det du har lavet over i et HTML dokument på min server, så
> flytter billedet sig 1px når man kører musen over. Har kun ændret stien
> til billedet. Det er mærkeligt.

Flytter sig? Det ville være højst mærkeligt.
Tror du ikke at det du ser er en hvid og derfor
usynlig border blive erstattet af en rød og
derfor højst synlig border? Det er i hvert fald det
der sker hos mig. Det er ikke kønt, men det var
det der var dit udgangspunkt.



--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

> Flytter sig? Det ville være højst mærkeligt.
> Tror du ikke at det du ser er en hvid og derfor
> usynlig border blive erstattet af en rød og
> derfor højst synlig border? Det er i hvert fald det
> der sker hos mig. Det er ikke kønt, men det var
> det der var dit udgangspunkt.

Det er også meget mærkeligt. Det er som om at den hvide border ikke bliver
vist og billedet rykker 1px til højre og ned for at vise den røde border.
Problemet er der dog kun når jeg kører filen fra min com. Så snart jeg
smider siden på nettet virker det som det skal. Burde jo virke ens når jeg
kører filen fra min computer og fra nettet.

Resultatet er ihvertfald som ønsket, kønt eller ej.

Mvh

Michael Weberg

---

> Michael Weberg
Havde problem med border ved hover på img link!

http://www.anett-h.dk/temp/test.php

Her kan du se en løsning!

mvh.
Ole Hartig

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

>
> Her kan du se en løsning!

Tak det gav det ønskede resultat. Prøver så lige at forstå hvad det egentlig
er jeg gør.

Mvh

Michael Weberg