HTML - male pytanko

	B O A R D
	» Board » Zadaj pytanie » Archiwum » Szukaj » Stylizacja

M E N U

» Nowości

» Archiwum

» Recenzje / Testy

» Board

» Rejestracja

Szukaj @ TwojePC

	OBECNI NA TPC
	» Kenny 07:25 » NimnuL 07:23 » leosh 07:21 » Robak 07:17 » cVas 07:15 » waski 07:09 » kemilk 06:57 » PCCPU 06:56 » AfiP 06:55 » Miron 06:48 » Ziomek 06:40 » DYD 06:40 » ProSavage 06:25 » PeKa 06:22 » fox19 05:58 » bmiluch 05:37 » P@blo 05:31 » alien1 05:25 » @GUTEK@ 05:21 » pwil2 05:03 Dzisiaj przeczytano 41145 postów, wczoraj 25974 Szybkie ładowanie jest: włączone.

ccc

A R C H I W A L N A W I A D O M O Ś Ć

HTML - male pytanko , ulan 21/10/05 10:00
mam problem: potrzebuję sie dowiedzieć jak zrobić taką rzecz w html-u:
jest jakiś obrazek np. mapa, którą trzeba podzielić na powidzmy 4 równe części np. a,b,c,d. i zrobic tak, że jak się kliknie na część "a" to przekierowuję na podstronę poświęconą tej częsci mapy. jak klikniesz na część "b" to na następną podstronę itd...
jak to zrobić w html????

pozdr. ułan vel ulan
"Uwielbiam zapach napalmu
o poranku..."

tak: , [yureq] 21/10/05 10:03
http://webmaster.helion.pl/...cz/odsylacz.htm#mapy

(:
Mam żonę i nie zawaham się jej użyć!
1. ten kurs , myszon 21/10/05 10:20
  jest już dosyć stary i część rozwiązań została dawno porzucona. Kiedyś była to świetna podstawa do nauki HTML-a ale czas już znaleźć coś lepszego.
2. wielkie dzięki :-)))) , ulan 21/10/05 10:37
  o to chodziło :-))))))))
  pozdr. ułan vel ulan
  "Uwielbiam zapach napalmu
  o poranku..."
jak dla mnie to najłatwiej podzielić w photoshopie mape i zapisac ją do weba , deadly 21/10/05 10:46
a kod wyglądał bedzie mniejwiecej tak:

<html>
<head>
<title>cateyes1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Tabela_01" width="506" height="568" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<A href="http://www.wp.pl"><img src="Obrazki/cateyes1_01.gif" width="292" height="280" border="0"></a></td>
<td>
<A href="http://www.onet.pl"><img src="Obrazki/cateyes1_02.gif" width="214" height="280" border="0"></a></a></td>
</tr>
<tr>
<td>
<A href="http://www.o2.pl" target=_blank><img src="Obrazki/cateyes1_03.gif" width="292" height="288"

border="0"></td>
<td>
<A href="http://www.allegro.pl" target=_blank><img src="Obrazki/cateyes1_04.gif" width="214" height="288" alt=""

border="0"></a></td>
</tr>
</table>

</body>
</html>

pozdro
lubię robić nic
Ja mogę polećić ten sposób , myszon 21/10/05 11:49
<style>
ul.imagemap {width: 210px; height: 210px; list-style: none;}
ul.imagemap a {display: block; border: 1px solid red; width: 100px; height: 100px; float: left; text-indent: -9999em;}
ul.imagemap a#l1 {background: url();}
ul.imagemap a#l2 {background: url();}
ul.imagemap a#l3 {background: url();}
ul.imagemap a#l4 {background: url();}
</style>

<ul class="imagemap">
<li><a href="#" id="l1">Link 1</a></li>
<li><a href="#" id="l2">Link 2</a></li>
<li><a href="#" id="l3">Link 3</a></li>
<li><a href="#" id="l4">Link 4</a></li>
</ul>

Dużo ciekawsze przykłady użycia ww. sposobu znajdziecie na stronie http://www.alistapart.com/articles/sprites