Image Map ja Kuvan alareunan padding?

[OPJ]

Törmäsin ongelmaan, joka on seuraava:

WWW-sivustolla olevaan kuvaan tulisi image mapin avulla luoda isoon pääkuvaan jokunen klikattava alue. Ongelmaksi on muodostunut, että ilman image map-määritteitä kuvan asemointi on ok. Heti, kun kuvan päälle määrittää yhdenkin klikattavan alueen, kuvan alareunaan tulee automaattisesti muutama pikseli ilmaa. <map>-parametri ilmeisesti aiheuttaa tämän?

Itse kuvassa hspace, vspace ja borer-määritteet olen määritellyt arvoksi nolla. Myöskään CSS-tiedoston muuttaminen (elemntin margin- ja pädding-arvot)toistaiseksi ei ole auttanut. Kokeilin myös, että siirsin koodissa <map>-parametrit pois elementin sisältä, sekään ei auta.

Onko parannuskeinoja vai onko kyseessä vain nyt selaimen ominaisuus VAI onko kenties syy, että editori /DreamVeawer) tekee vääränlaista kodia tms?

Kyseessähän on tietty esteettinen haitta, mutta varsin ärsyttävä sellainen?

Toinen mielenkiintoinen ominaisuus selainten välillä (windows IE vs win FF ja Mac FF), että jostain kumman syystä FF näyttää tuplaavan cellspacing-määreen. Kukaan törmännyt tällaiseen?

[OskariB]

Olen joskus paininut Object-tagin kanssa samoissa ongelmissa. En nyt lonkalta osaa sanoa, päteekö sama ratkaisu image mappiin, mutta voisit määritellä image mapille line-heightin nollaksi.

[must1]

Jos ymmärsin ongelmasi oikein ton ylimääräisen välin suhteen...
Oletko kokeillut poistaa kaikki *tyhjät* ja rivinvaihdot?

Esim.
<jotain>
<jotain>

Muutat
<jotain><jotain>

Ja rivityksetkin voit kikkailla niin, että
<jotain><jotain
>
Eli ettei tarvii tehdä metrisiä rivejä, varsinkaan imagemappauksien kanssa, niin rivitä ne sopivasta kohtaa.

[OPJ]

Jos ymmärsin ongelmasi oikein ton ylimääräisen välin suhteen...
Oletko kokeillut poistaa kaikki *tyhjät* ja rivinvaihdot?

Esim.
<jotain>
<jotain>

Muutat
<jotain><jotain>

Ja rivityksetkin voit kikkailla niin, että
<jotain><jotain
>
Eli ettei tarvii tehdä metrisiä rivejä, varsinkaan imagemappauksien kanssa, niin rivitä ne sopivasta kohtaa.

Kaikkea tuli kyllä kokeiltua, mutta ei vaan mitään vaikutusta. Noh, ratkaisimme asian tällä kertaa sitten toisin Mutta mielenkiinnosta kokeilen vielä tuota Image Mapin line height-juttua, kunhan viikonlopusta ja töiden paljoudesta tästä tokenen

Kiitoksia vaan vinkeistä.

[OskariB]

Eipä toiminut line-height suoraan imagessa, mutta laitappa image map divin sisään ja määrittele diville line-height nollaksi, niin johan pitäisi toimia. Divin voi luonnollisesti korvata esimerkiksi p-tagilla, jos niin haluaa.

XHTML

Koodi: Valitse kaikki

<div id="kuvakartta">
<img src="kartta.gif" width="489" height="257" border="0" usemap="#kartta" />
<map name="kartta" id="kartta">
<area shape="rect" coords="228,176,373,274" href="#" />
<area shape="rect" coords="172,28,296,133" href="#" />
</map>
</div>

CSS

Koodi: Valitse kaikki

#kuvakartta{
margin: 0px;
padding: 0px;
line-height: 0px;
}

[avpn]

Auttaisiko jos <map>-tagin tyyliksi laittaisi "display:none;"?