odsyłacze w grafice a przeglądarki

[Pająk]

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>

[Labsta.com]

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.

[Pająk]

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>

[Kartofelek]

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>

I wtedy kazdy taki link pozycjonujesz absolutenie:

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....

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.

[Labsta.com]

Jeszcze nie ..\images1\star1p.JPG lecz ../images1/star1p.JPG

[Pająk]

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>

I wtedy kazdy taki link pozycjonujesz absolutenie:

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....

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.

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.

---

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.

[Marcin]

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.

[Pająk]

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.