Autor Zpráva
Alastor_Kopal
Profil *
mám script na měnící se obrázek jenom potřebuji nějak říct tomu scriptu říct aby pochopil že když najedu na obrázek musí odkazovat jednotlivými kousky obrázku
- usemap="#mojemapa"

<map name="mapa">
<area href="nastenka.html" shape="rect" coords="200,335,283,385">
<area href="sklepeni.html" shape="rect" coords="112,366,170,410">
<area href="velkasin.html" shape="rect" coords="340,390,400,438">
<area href="hlavnibrana.html" shape="rect" coords="196,463,260,508">
<area href="1patro.html" shape="rect" coords="45,420,100,460">
</map>


<center>
<p onmouseout="self.document['obr1'].src='/nov/skola2/obr/vstupnisin.jpg';" onmouseover="self.document['obr1'].src='/nov/skola2/obr/vstupnisin2.jpg';"> <img border="0" alt="" usemap='#mapa' name="obr1" src="/nov/skola2/obr/vstupnisin.jpg" /></a>

</center>
Bubák
Profil
Co tak to udělat bez skriptu, jenom v HTML a CSS:
http://stuff.1-webdesign.cz/text-indent.html můžeš mít dva obrázky v jednom, nebo dva obrázky vedle sebe a klikací mapu zprovozníš bez problémů.

Kýho výra, proč to centruješ tagem CENTER, když to můžeš vycentrovat atributem align:
<p align=center>
<img ...>
</p>

Nebo ještě lépe, použít CSS.
Alastor_Kopal
Profil *
center je kratší :-)

diki moc moc mi to pomohlo dikikiiiiiii

a bude to fungovat is vypnutým js :-)
Bubák
Profil
center je kratší :-)
Kecáš.
<center><p></center>

<p align=center></p>

A to i když v případě použítí tagu center vynechám v HTML nepovinnou koncovou značku odstavce.
Stejně nevím, jestli matláš HTML, nebo XHTML, odstaveb nemáš ukončený, ale tag IMG ano (lomítkem).
Alastor_Kopal
Profil *
jakto že je možné že tam to funguje a mě ne ? V čem je chyba nevim

webhosting - webzdarma.cz
soubor - vstupnisin.html
obrázek - vstupnisin..jpg
velikost obrázku - 918x525
Velikost jedné části - 460x525

kód -
<body bgcolor="black">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="cs">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="Content-Language" content="cs" />
		<meta http-equiv="imagetoolbar" content="no" />
		<style type="text/css">
		a {display:block; width:460px; height:525px; overflow:hidden;}
		a:hover {text-indent:-460px;}
		a img {border:none;}
		</style>

	</head>
	<body>
			<img src="http://www.nestovice.xf.cz/nov/skola2/obr/vstupnisin..jpg" width="918" height="525" alt="" /></a>
	</body><map name="mapa">
<area href="nastenka.html" shape="rect" coords="200,335,283,385">
<area href="sklepeni.html" shape="rect" coords="112,366,170,410">
<area href="velkasin.html" shape="rect" coords="340,390,400,438">
<area href="hlavnibrana.html" shape="rect" coords="196,463,260,508">
<area href="1patro.html" shape="rect" coords="45,420,100,460">
</map>
</html>usemap="#mojemapa"

Bubák
Profil
usemap patří do tagu img
Nemáš otevřený odkaz.

Ještě jsem si všiml, vřele bych doporučil použít stejné jméno v map a usemap, taky ještě opravit souřadnice pro mapu.
Špatně počítáš: 918 / 2 = 459
Alastor_Kopal
Profil *
usemap patří do tagu img
to sem tam chtěl dát až to bude fungovat

Nemáš otevřený odkaz.
Na co odkaz přece chci mapu

Ještě jsem si všiml, vřele bych doporučil použít stejné jméno v map a usemap
aha jasně

Nefunguje to když dám poloviční velikost jen se mi obrázek strazí :-(
Bubák
Profil
„Nemáš otevřený odkaz. “
Na co odkaz přece chci mapu

Já vím, ale:
- v CSS měníš text-indent odkazu
- v HTML máš koncovou značku odkazu
- IE6 umí hover jen na odkazech

Pochopitelně můžeš použít i jiný vhodný element, třeba span a trošku upravit HTML, CSS a zprovoznit pro IE6 javascriptem hover, nejjednodušeji třeba použitím souboru csshover.htc, info.
Alastor_Kopal
Profil *
hm takže co s tím ?

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: