+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Mapa odsyłaczy ? (/thread-mapa-odsylaczy)
Mapa odsyłaczy ? - SanKylo - 20-11-2011
Chciałbym aby w moim logo , ( Jeden obrazek ) dany obszar loga , był odsyłaczem na inną podstronę .
Czyli przykładowo :
![[Obrazek: logo.jpg]](https://www.webmastertalk.pl/images/logo.jpg){kind=logo}
Chciałbym żeby /> odnosiło na jakaś podstronę.
Jak coś takiego zrobić ? :X
RE: Mapa odsyłaczy ? - Kartofelek - 20-11-2011
calość jako background diva, a w nim 2 linki pozycjonowane absolutnie (względem tego diva) z przezroczystym tłem.
RE: Mapa odsyłaczy ? - SanKylo - 20-11-2011
A można przykładowy kod ? :>
RE: Mapa odsyłaczy ? - Marys - 20-11-2011
ctrl + u
RE: Mapa odsyłaczy ? - Kartofelek - 20-11-2011
Proszę oto twój przykładowy kod:
Kod:
<div class="logo">
<a href="">...</a>
<a href="">...</a>
</div>style:
Kod:
.logo {....}
.logo a {....}
.logo a:firt-child {.....}RE: Mapa odsyłaczy ? - MatixYo - 02-12-2011
Możesz też za pomocą <input type="image" src="adresobrazka"> i wtedy dostaniesz w zmiennej punkt w którym kliknął dany user.
RE: Mapa odsyłaczy ? - Kartofelek - 02-12-2011
Nie może.
RE: Mapa odsyłaczy ? - MatixYo - 16-12-2011
Czemu niby by nie mógł? Co za tekst wyrwany z kontekstu...
RE: Mapa odsyłaczy ? - Kartofelek - 16-12-2011
Gość chce zrobić 2 liniki w 1 elemencie który ma tło (logo). A ty mu podsuwasz pomysły z wykorzystaniem input type="image". Co to ma w ogóle wspólnego z tematem? I jaki to ma sens z punktu semantyki? Równie dobrze może wykorzystać do tego tabele albo ramki. Będzie równie semantycznie.
Powiem inaczej. NIGDY nie widziałem strony która jako logo ma input type=image. Bo to jest totalnie bez sensu
A teraz zacytuję: "Co za tekst wyrwany z kontekstu... "
Kod już dostał. Wystarczy to ostylować
Kod:
.logo {width, height, background:url() no-repeat; position:relative;}
.logo a {position:absolute; top:.... left:.... overflow:hidden; width:....; height:....; display:block; text-indent:-999px;} <-- 2 link
.logo a:firt-child {top:...; left:....; width:....; height:.....} <-- 1 linkOdrobinę chęci panowie.