Problem z obrazkiem linkiem

[DeadWalker]

Cześć ! Dawno mnie tu nie było, uhh :)/>/>

Stworzyłem stronę www, bardzo mi się podoba, działa wyśmienicie: http://galaxydesign.cba.pl/index.html
Mam tylko jeden problem. to:


... co to k***a jest !?

Te kropki są tam samoistnie, domyślam się, że to wina obrazka który jest linkiem ale...
Część kodu z obrazkami:
 

<header id="calosc">

<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-2">

<center>

</br>

<img src="galaxydesign.jpg"/></br></br></br>



<a href="galeria.html" onMouseOver="document.getElementById('galeria').src='galeriaV2.jpg'" onMouseOut="document.getElementById('galeria').src='galeriaV.jpg'">

<img src="galeriaV.jpg" id="galeria" border="0">

</a>



<a href="index.html" onMouseOver="document.getElementById('logo').src='logo2.jpg'" onMouseOut="document.getElementById('logo').src='logo.jpg'">

<img src="logo.jpg" id="logo" border="0">

</a>

<a href="kontakt.html" onMouseOver="document.getElementById('kontakt').src='kontakt2.jpg'" onMouseOut="document.getElementById('kontakt').src='kontakt.jpg'">

<img src="kontakt.jpg" id="kontakt" border="0">

</a>

</br></br></br></br></br></br></br></br>

<tak, wiem te </br> mógłbym sobie darować i zrobić to pozycjonowaniem w css ale.. nie chce mi się :D/>/>>

Wie ktoś jak zlikwidować to gówno ?

 

[RosheD]

W kodzie jest tyle błędów że szkoda gadać, zamiast zakładać takie tematy lepiej zobacz prawidłowe wzorce html'a.
Wtedy problem sam się rozwiąże.
Zamiast javascript użyj css nie mów "nie chce mi się" tylko powiedz że nie potrafisz.
Wszystko źle, wszystko do poprawy.

[DeadWalker]

Dwie sprawy. Jeśli chodzi o cssa to moje umiejętności są znikome, ogólnie w programowaniu web jestem zielony. Nie chce mi się tego robić, </br> mi wystarcza.

Nie mam zamiaru też przebudowywać strony od nowa. No po prostu nie i c**j. Błędy są, wiem i dlatego pytam ,który z nich odpowiada za te kropeczki.

A co do js czy css to już chyba bez znaczenia czego użyje do podmiany obrazka ? Czy to właśnie w tym leży problem ?

[RosheD]

Problem jest w <a>, wyczyść całą jego zawartość zostaw w środku tylko <img> i sprawdź czy błąd będzie dalej występował.

[DeadWalker]

Tak jak sądziłem, kropka znikła. Usuwając funkcje JS podmieniającą obrazki, zostawiając sam link problem nadal występuje. W czym rzecz ?

[RosheD]

Zrób to za pomocą JQuery
http://jsfiddle.net/nqgn9hqw/3/

 

W twoim kodzie błędy masz tutaj:

onMouseOut="document.getElementById('galeria').src='galeria.jpg'

oznacza myszkę poza obrazkiem przydzieli ten obraz dla elementu galeria.
poniżej masz to samo zdj w <img> związku z czym obrazki się nakładają i tworzy się taki bug.
 

[DeadWalker]

Dzięki wielkie ! Jestem wdzięczny bardzo

 

Problem solved, temat do zamknięcia.

[DeadWalker]

@ Refresh cóż, jednak nie solved. Błąd nie znajduje się w funkcji JS. Gdy usunę całą funkcję a w <a></a> zostawię tylko href='link' problem dalej jest. a po co mi dobrze zmieniające się obrazki jak u Ciebie skoro nie będą linkiem do podstrony ? Przy Twoim kodzie po dodaniu linku do <a> problem też się pojawia ( na mojej stronie ofc.). Zauważyłem, że znika dopiero gdy usune odwołanie do css, tzn ogólnie do stylów. Może tam jest błąd?
Zamieszczam cały kod html indexu i css.

 

html: http://pastebin.com/3w1axU5k

css: http://pastebin.com/THW5eh8H

 

(ps, przy tych samych stylach guziki w galerii wyświetlają się bez problemowo... chyba faktycznie pozostaje mi zbudować strone od nowa)
 

[console.]

daj text-decoration na none a tak po za tym to nie rozumiem dlaczego używasz do tego onMouse... bo można to zrobić w css za pomocą :hover