Avatar billede rocco_siffredi Nybegynder
10. januar 2005 - 23:40 Der er 10 kommentarer og
1 løsning

Billeder og links

Er det muligt at placere et link (<a>) ovenpå et billede (<img>)?

Hvis ja, hvorledes gøres dette?

Har forsøgt med et stylesheet. Dette virker fint i den interne browser i Dreamweaver, men ikke i IE, Mozilla...

// Rocco
Avatar billede thesurfer Nybegynder
10. januar 2005 - 23:41 #1
Mener du, at det skal stå som tekst, eller at <img> skal blive et link?
Avatar billede sjatten Nybegynder
10. januar 2005 - 23:42 #2
Hvad mener du?
Et link feks.
________
[billede]
|.......|
|.Link..|
|_______|

Baggrunden er billedet og et link oven på?
Mener du et link feks:
<a href='test'>test</a>
eller et link som er "INDE" i billedet?
Avatar billede sjatten Nybegynder
10. januar 2005 - 23:43 #3
<table cellpadding="0" cellspacing="0" background="billede.gif" width="181">
    <tr>
        <td width="181" height="124">
           
            <p align="center"><a href="#">LINK</a>
        </td>
    </tr>
</table>
Avatar billede sjatten Nybegynder
10. januar 2005 - 23:48 #4
Ellers er det:

<img src="http://eksperten.dk/img/elogo.png" width="99" height="110" border="0" usemap="#ImageMap1">

<map name="ImageMap1">
<area shape="poly" coords="82, 20, 57, 22, 31, 32, 16, 60, 16, 92, 27, 109, 37, 105, 26, 79, 26, 68, 37, 50, 58, 35, 75, 38, 92, 42, 95, 30" href="exp.dk">
</map>
Avatar billede thesurfer Nybegynder
10. januar 2005 - 23:50 #5
..de der koordinater virker kun "ordentligt" på det valgte billede.
Avatar billede sjatten Nybegynder
10. januar 2005 - 23:56 #6
Han kan jo selv stille dem ;)
Avatar billede thesurfer Nybegynder
11. januar 2005 - 00:00 #7
nej, for så skal du fortælle ham hvordan man laver imagemaps :-)
hvilket program, og hvordan.. om det pre-konfigurerede figurer, eller om det er noget han selv kan vælger....... :-)
Avatar billede olebole Juniormester
11. januar 2005 - 00:43 #8
<ole>

og thesurfers kan så kun bruges, hvis billedet har præcis størrelsen 181x124 pixels - at linket skal ligge centreret i toppen af billedet - og man accepterer at bruge gamle HTML-attributes som 'background' ... og sådan kan vi blive ved  ;o)

Det er nu ikke så svært at lave image-maps. Man måler 'kassen' op, der skal være et link og skriver tallene ind i et map på denne måde:

<map name="et_map_navn">
    <area shape="rect" alt="Gå til Google" coords="Left,Top,Right,Bottom" href="http://www.google.dk">
</map>

og refererer til map'et i sit img-tag på denne måde:
  <img src="et_billede.jpg" alt="En tekst om billedet" usemap="#et_map_navn">

Er kassen 100px bred og 50 px høj - og er den placeret 300px inde på billedet og 15px nede - vil map'et altså se sådan ud:

<map name="et_map_navn">
    <area shape="rect" alt="Gå til Google" coords="300,15,400,65" href="http://www.google.dk">
</map>

/mvh
</bole>
Avatar billede thesurfer Nybegynder
11. januar 2005 - 00:46 #9
olebole> "og thesurfers kan så kun bruges"? tsk tsk.. du er vist ved at være gammel :-)  hæh hæh hæh
Avatar billede rocco_siffredi Nybegynder
11. januar 2005 - 15:34 #10
sjatten! Smid et svar
Avatar billede rocco_siffredi Nybegynder
28. januar 2005 - 10:09 #11
Svar
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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