+- 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: odsyłacze w grafice a przeglądarki (/thread-odsylacze-w-grafice-a-przegladarki)
odsyłacze w grafice a przeglądarki - Pająk - 07-08-2010
Może ktoś mi podpowie gdzie jest ukryty problem.
Mam na stronie zdjęcia z odsyłaczami do kolejnych zdjęć , a na koniec jest odsyłacz do strony wyjściowej.
Nadmieniam, że posługuję się html 4.0 obarczonego jak mówią wieloma błędami, ale od dłuższego czasu służy mi bardzo dobrze i mimo błędów w zapisie nie było problemów w żadnej przeglądarce. Jakiś czas temu odświeżyłem stronę i zmieniłem szatę graficzną opierając się w pewnym sensie na pierwotnym schemacie.
Przeglądarki też nieco się unowocześniły, co objawia się tym, że nie wiem dlaczego dziwnie się zachowują.
Podaję fragmenty kodu , są to dwie sekwencje po 4 zdjęcia po sobie następujące. Wg mnie obie są oparte o identyczny schemat.
Pierwszą sekwencję wszystkie przeglądarki czytają poprawnie . Drugą IE, Chrome, Safari czytają poprawnie.
W przypadku Firefoksa, Netscapa i Opery w drugiej sekwencji, która zapisana jest identycznie odsyła do drugiego zdjęcia, ale go nie pokazuje i dalej już nie odsyła, można cofnąć poleceniem wstecz i tyle
???? Dlaczego w pierwsze przeglądarki czytają wszystko i dlaczego pozostałe czytają pierwszą sekwencję a na drugiej się zacinają???
Nadmieniam, że bardzo chciałbym znać powód i proszę żeby mi nie proponować innego języka, bo to dla mnie już trochę za dużo.
Jestem po 70.
Dziękuję za wyrozumiałość i proszę o życzliwość.
Pierwsza sekwencja (fragmenty):
<IMG SRC="../images1/domp.JPG" USEMAP="#domm" WIDTH="474" HEIGHT="395" ALT="">
<MAP NAME="domm">
<AREA SHAPE="RECT" COORDS="1,1,472,393" HREF="../imagemap1/dgmap.html">
</MAP>
<IMG SRC="../images1/dg.JPG" USEMAP="#dgy" WIDTH="499" HEIGHT="395" ALT="">
<MAP NAME="dgy">
<AREA SHAPE="RECT" COORDS="1,2,496,394" HREF="../imagemap1/dimap.html">
</MAP>
<IMG SRC="../images1/di.JPG" USEMAP="#diy" BORDER="0" WIDTH="526" HEIGHT="395" ALT="">
<MAP NAME="diy">
<AREA SHAPE="RECT" COORDS="1,2,524,393" HREF="dkmap.html">
</MAP>
<IMG SRC="../images1/dk.JPG" USEMAP="#dky" BORDER="0" WIDTH="611" HEIGHT="395" ALT="">
<MAP NAME="dky">
<AREA SHAPE="RECT" COORDS="1,2,608,392" HREF="../podstrony1/nasz_dom_ps.html">
</MAP>
Druga sekwencja:
<IMG SRC="../images1/star1p.JPG" USEMAP="#s1y" WIDTH="527" HEIGHT="395" alt="">
<MAP NAME="s1y">
<AREA SHAPE="RECT" COORDS="10,12,525,394" HREF="star2map.html">
</map>
<IMG SRC="..\images1\star2p.JPG" USEMAP="#star2y" WIDTH="527" HEIGHT="395" ALT="">
<MAP NAME="star2y">
<AREA SHAPE="RECT" COORDS="1,1,525,394" HREF="../imagemap1/star3map.html">
</MAP>
<IMG SRC="..\images1\star3p.JPG" USEMAP="#star3y" WIDTH="527" HEIGHT="395" ALT="">
<MAP NAME="star3y">
<AREA SHAPE="RECT" COORDS="1,1,526,394" HREF="../imagemap1/star4map.html">
</MAP>
<IMG SRC="..\images1\star4p.JPG" USEMAP="#star4y" WIDTH="527" HEIGHT="395" ALT="">
<MAP NAME="star4y">
<AREA SHAPE="RECT" COORDS="1,1,526,394" HREF="..\podstrony1\atrakcje_ps.html">
</MAP>
RE: odsyłacze w grafice a przeglądarki - Labsta.com - 07-08-2010
Strzelam, że to może być problem:
<IMG SRC="../images1/star1p.JPG" USEMAP="#s1y" WIDTH="527" HEIGHT="395" alt="">
<MAP NAME="s1y">
<AREA SHAPE="RECT" COORDS="10,12,525,394" HREF="star2map.html">
</map>
Może </MAP> to naprawi.
RE: odsyłacze w grafice a przeglądarki - Pająk - 09-08-2010
Nie wiem czy dobrze zrozumiałem. Poprawiłem, dopisałem pominiety folder /imagemap1/ ale bez efektu .
Zapis identyczny dla pierwszej i drugiej sekwenci i pierwszą czyta a drugą nie ???
nowy zapis:
<IMG SRC="..\images1\star1p.JPG" USEMAP="#s1y" WIDTH="527" HEIGHT="395" ALT="">
<MAP NAME="s1y">
<AREA SHAPE="RECT" COORDS="10,12,525,394" HREF="../imagemap1/star2map.html">
</MAP>
RE: odsyłacze w grafice a przeglądarki - Kartofelek - 09-08-2010
szczerze mówiąc MAPA to już stare rozwiązanie. Teraz raczej korzysta się ze stylowanych list. Ogólna zasada:
UL - to obrazek w tle. Ma pozycjonowanie relatywne
LI - kolejne "obszary" ,a które można kliknąć. Pozycjonowane absolutnie. Mają w sobie A
Kod:
<ul id="mapa">
<li href="" id="li1"><a href="...">Pierwsze miejsce na obrazku</a></li>
<li href="" id="li2"><a href="...">Drugie miejsce na obrazku</a></li>
<li href="" id="li3"><a href="...">Trzecie miejsce na obrazku</a></li>
</ul>Kod:
#mapa {background:url(...obrazek...) no-repeat; width:527px; height:395px; position:relative; overflow:hidden;}
#mapa li {overflow:hidden; display:block; position:absolute;}
#mapa li a {width:100%; height:...px; display:block; text-indent:-9999px; overflow:hidden;}
#li1 {left:....px; top:....px; width:....px; height:....px;}
#li2 ....
#li3....RE: odsyłacze w grafice a przeglądarki - Labsta.com - 09-08-2010
Jeszcze nie ..\images1\star1p.JPG lecz ../images1/star1p.JPG
RE: odsyłacze w grafice a przeglądarki - Pająk - 09-08-2010
(09-08-2010, 16:03)Kartofelek napisał(a): szczerze mówiąc MAPA to już stare rozwiązanie. Teraz raczej korzysta się ze stylowanych list. Ogólna zasada:
UL - to obrazek w tle. Ma pozycjonowanie relatywne
LI - kolejne "obszary" ,a które można kliknąć. Pozycjonowane absolutnie. Mają w sobie A
I wtedy kazdy taki link pozycjonujesz absolutenie:Kod:<ul id="mapa">
<li href="" id="li1"><a href="...">Pierwsze miejsce na obrazku</a></li>
<li href="" id="li2"><a href="...">Drugie miejsce na obrazku</a></li>
<li href="" id="li3"><a href="...">Trzecie miejsce na obrazku</a></li>
</ul>
Plusy takiego rozwiązania to większa dostepność (lista linków) + że możesz sobie do każdego takiego linka wstawiać co tylko dusza zapragnie - np dodatkowe tooltipy iyp.Kod:#mapa {background:url(...obrazek...) no-repeat; width:527px; height:395px; position:relative; overflow:hidden;}
#mapa li {overflow:hidden; display:block; position:absolute;}
#mapa li a {width:100%; height:...px; display:block; text-indent:-9999px; overflow:hidden;}
#li1 {left:....px; top:....px; width:....px; height:....px;}
#li2 ....
#li3....
Dziękuję za radę ale nie przeczytałeś mojego pierwszego postu. Nie mam czasu na przerabianie wszystkiego i uczenie sie nowych rzeczy. Jeżeli jesteś dobry to przeczytaj jeszcze raz i znajdź przyczynę.
Stare auto mozna naprawić a jak sie nie umie to można kupić nowe.
Masz rację, że są lepsze sposoby, ale narazie muszę zostać przy swoim.
(09-08-2010, 18:08)Labsta.com napisał(a): Jeszcze nie ..\images1\star1p.JPG lecz
Przepraszam, ale nie wiem skad się wzięły w poście odwrotne ukośniki, mój błąd. W kodzie na stronie są ../images1/star1p.JPG ale i tak jest bez zmian.
RE: odsyłacze w grafice a przeglądarki - Marcin - 10-08-2010
Możliwe, że program do wgrywania plików na serwer zmienił duże litery w rozszerzeniu na małe, a w kodzie jest odwołanie do nazw plików z rozszerzeniem pisanym z dużej litery.
Jeśli to możliwe to proszę podać adres tej strony.
RE: odsyłacze w grafice a przeglądarki - Pająk - 11-08-2010
Marcin,
Wgrywam Total Commanderem, przenosi wszystko bezbłędnie.
Problem jest w tym dlaczego identyczny zapis jest raz czytany drugi raz nie.
link do strony:
http://www.wczasy.matik.pl/
z tej strony kontaktowej jest odsyłacz do szczegółowej
Przedmiotowe sekwencje to: Dom = pod powiększeniem domu są kolejne zdjęcia. Wyświetlanie poprawne.
Atrakcje = pod powiększeniem starówki(pierwsze zdjęcie) też są kolejne zdjęcia ale np. w IE wyświetlają się poprawnie a w Firefox czyta tylko pierwsze zdjęcie???
To samo dotyczy drugiego identycznego zestawu zdjęcie portu. Reszta hula ok.