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

Łączenie divóv z mapowaniem

0 głosów
42 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 4,824 wizyt
pytanie zadane 21 kwietnia 2016 w HTML i CSS przez Nicolaus Dyskutant (9,760 p.)
0 głosów
2 odpowiedzi 283 wizyt
0 głosów
1 odpowiedź 98 wizyt
pytanie zadane 21 sierpnia w PHP, Symfony, Zend przez Sobol3k Użytkownik (690 p.)
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.Tagi

67,233 zapytań

114,193 odpowiedzi

242,036 komentarzy

45,643 pasjonatów

Przeglądających: 303
Pasjonatów: 11 Gości: 292

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...