• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Łączenie divóv z mapowaniem

VPS Starter Arubacloud
0 głosów
129 wizyt
pytanie zadane 31 lipca 2018 w HTML i CSS przez Shudernight Nowicjusz (120 p.)

Witam,

Dzisiaj chciałam zakodować pewną grafikę, w której skład wchodzi kod HTML, a dokładnie rzecz biorąc divy, odpowiedzialne za ramki. Jednak w grafice użyłam opcji mapowania, która po kliknięciu w trzy konkretne miejsca przenosi do trzech różnych stron www. Mój problem polega na tym, że nie do końca wiem jak mogę połączyć mapowanie z divami by otrzymać upragniony efekt. Po moich próbach ramki wykonane w divach przesuwały się ponad grafikę, a ona sama była duplikowana . Zależy mi by efekt mapowania i divóv znalazł się na jednej grafice bez niezamierzonego przemieszczania ramek 
Kod divóv:

<div style="background-image:url(&quot;https://zapodaj.net/images/8900574f627b1.png&quot;);width:550px;height:700px;overflow:auto;margin-top:0px;margin-left:0px;">

<div style="width:260px;height:240px;overflow:auto;margin-top:170px;margin-left:260px;"><div style="text-align:center;"><font color="#582a08"><span style="font-family:georgia;"><font size="1;">TEKST</font></span></font></div></div></div>

<div style="width:260px;height:240px;overflow:auto;margin-top:-260px;margin-left:260px;"><div style="text-align:center;"><font color="#582a08"><span style="font-family:georgia;"><font size="1;">TEKST</font></span></font></div></div>

Kod mapy:
 

<img src="[Bez nazwy]" width="550" height="750" border="0" usemap="#map" />

<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Shayen -->
<area shape="circle" coords="190,567,22" href="www.wattpad.com/story/124565184-zaklinacz-s%C5%82%C3%B3w" />
<area shape="circle" coords="189,623,22" href="http://www.eldarya.pl/player/profile/Shayen" />
<area shape="circle" coords="189,678,22" href="http://www.slodkiflirt.pl/s2/profile/Khamira" />
</map>

 

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
2 odpowiedzi 14,031 wizyt
pytanie zadane 21 kwietnia 2016 w HTML i CSS przez Nicolaus Dyskutant (9,740 p.)
0 głosów
2 odpowiedzi 689 wizyt
pytanie zadane 17 października 2016 w JavaScript przez Iamhexi Obywatel (1,330 p.)
0 głosów
1 odpowiedź 249 wizyt
pytanie zadane 17 czerwca 2022 w Mikrokontrolery przez Mavimix Dyskutant (8,390 p.)

92,454 zapytań

141,263 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...