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
	» Dexter 20:46 » DYD 20:45 » Pio321 20:45 » cVas 20:41 » Artaa 20:34 » resmedia 20:30 » maddog 20:30 » Ramen 20:26 » Master/Pe 20:25 » Promilus 20:24 » Shark20 20:19 » Wedelek 20:19 » Sherif 20:16 » m&m 20:16 » Raist 20:11 » Matti 20:11 » KHot 20:03 » fiskomp 19:59 » Conan Bar 19:58 » adolphik 19:56 Dzisiaj przeczytano 41124 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