Keskustelu: Nettisivujen teko: Linkki kuvan päälle / kuvakartta

Vasta_alkaja [09.10.2009 23:10:11]

<td colspan="3" class="linkkirivi">
      <img src="kuvat/valikko3.jpg" usemap="#kuvakartta">
        <MAP name="kuvakartta">
        <a href="linkki.php" shape="rect" style="position:relative; left:20px; top:50px; border:5px solid black; ">
        </map>
</td>

En saa millään linkkiä menemään kuvan päälle.

peg [09.10.2009 23:41:14]

kokeiles tätä koodia. noilla koordinaateilla siirtelet linkkejä.

<body background="tausta.jpg">
<br><br><br>
<div align="center">


<img src="home.jpg" width="899" height="530" border="0" usemap="#Map">

<map name="Map">
  <area shape="rect" coords="55,60,240,85" href="./">
  <area shape="rect" coords="140,87,240,120" href="about">
  <area shape="rect" coords="75,122,240,154" href="showcase">
  <area shape="rect" coords="70,156,240,190" href="clientlist">
  <area shape="rect" coords="110,192,240,225" href="contact">
</map>

Vasta_alkaja [10.10.2009 00:25:54]

Saan kyllä linkin yhteen kohtaan pieneksi, muuten menee koordinaatit sekaisin. Saisiko koordinaateille vielä arvon. Näin saan linkin edes johonkin 0,0,120,28

Vasta_alkaja [10.10.2009 14:45:11]

<td colspan="3" class="linkkirivi">
<img src="kuvat/valikko3.jpg" usemap="#kuvakartta">
<map name="kuvakartta">
  <area shape="rect" coords="55,60,240,85" href="./">
  <area shape="rect" coords="140,87,240,120" href="about">
  <area shape="rect" coords="75,122,240,154" href="showcase">
  <area shape="rect" coords="70,156,240,190" href="clientlist">
  <area shape="rect" coords="110,192,240,225" href="contact">
</map>
</td>

Tällä tavalla laitettuna en löydä sivuilta linkkejä, mutta jos laitan esim näin. löytyy linkki. Samalla linjalla kun merkkaan muutkin löytyvät linkit, mutta ei halutusta kohtaa.

<map name="kuvakartta">
  <area shape="rect" coords="0,0,120,28" href="./">
</map>

Mikä on minkäkin koordinaatin suunta. Miten määritetään linkin leveys.

Sami [10.10.2009 14:53:15]

Villi veikkaus olisi että ensimmäinen koordinaatti on nelikulmion vasemman yläkulman x-koordinaatti, toinen on vasemman yläkulman y-koordinaatti, kolmas on oikean alakulman x-koordinaatti ja neljäs on oikean alakulman y-koordinaatti. Ja koordinaatti 0, 0 on tietysti kuvan vasen yläkulma.

Eli siis tähän tapaan:

<area shape="rect" coords="x0,y0,x1,y1" href="./">

(x0,y0)--------
      |       |
      |       |
      --------(x1,y1)

peg [10.10.2009 15:25:21]

Koordinaatit menee vasen,ylä,oikea ja ala pixeliä.
eli coords="55,60,240,85" on vasemmalta 55px päässä, ylhäältä 60 px,
oikeareuna vasemmalta 240px ja alareuna ylhäältä 85px.

nämä koordinaatit löytää meiän mummoki.

  <area shape="rect" coords="0,0,400,300" href="vasenyla">
  <area shape="rect" coords="0,302,400,600" href="vasenala">
  <area shape="rect" coords="402,0,800,300" href="oikeayla">
  <area shape="rect" coords="402,302,800,600" href="oikeaala">

temu92 [10.10.2009 16:04:38]

Hyvä apu: http://koti.mbnet.fi/winuus/imagemap.php

Vasta_alkaja [10.10.2009 18:50:19]

peg kirjoitti:

nämä koordinaatit löytää meiän mummoki.

Se on hyvä, että mummosikin löytää. Silloin uskallan näitä kokeilla.

Vasta_alkaja [10.10.2009 21:55:27]

Kiitoksia. Homma toimii nyt.

Sivun alkuun

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Kirjautuminen

Haku

Tehtävät