Skocz do zawartości

problem z Menu w HTML


Marek.S
 Udostępnij

Rekomendowane odpowiedzi

Chcę zrobić menu na stronkę. Mam taki kod:

<html>
<head>
    <style type="text/css">
      
      div.menu
      {
            position: relative;
            left: 480px;
            top: 10px;
            
            width: 444px;
            height: 340px;
            border: 1px solid white;
        }
      </style>
  </head>
  
      <div class="menu">
      
              <a href="#" style="position: relative; top: 30px; left: 93px;" onmouseover="button1.src='img/menu1_B.png'" onmouseout="button1.src='img/menu1_A.png'"> <img src="img/menu1_A.png" name="button1"/> </a>
              <a href="#" style="position: relative; top: -29px; left: 123px;" onmouseover="button2.src='img/menu2_B.png'" onmouseout="button2.src='img/menu2_A.png'"> <img src="img/menu2_A.png" name="button2"/> </a>
              <a href="#" style="position: relative; top: -16px; left: 206px;" onmouseover="button3.src='img/menu3_B.png'" onmouseout="button3.src='img/menu3_A.png'"> <img src="img/menu3_A.png" name="button3"/> </a>
              <a href="#" style="position: relative; top: 9px; left: -142px;" onmouseover="button4.src='img/menu4_B.png'" onmouseout="button4.src='img/menu4_A.png'"> <img src="img/menu4_A.png" name="button4"/> </a>
      
      </div>
</html>

 

niby wszystko OK, ale po wywołaniu na menu powstają takie dwie dziwne, irytujące "kreski".

menu.png

 

nie wiem skąd to się bierze :/ wie ktoś co jest tego przyczyna i jak mógł bym to usunąć?

 

plik na serwerze: http://marecki.viphost.pl/menu/demo.html

 

:D

Odnośnik do komentarza
Udostępnij na innych stronach

Tak więc, jak to zauważył Nobody, kod powinien wyglądać tak:

              <a href="#" style="position: relative; top: 30px; left: 93px;" onmouseover="button1.src='img/menu1_B.png'" onmouseout="button1.src='img/menu1_A.png'"> <img src="img/menu1_A.png" name="button1"/></a>
              <a href="#" style="position: relative; top: -29px; left: 123px;" onmouseover="button2.src='img/menu2_B.png'" onmouseout="button2.src='img/menu2_A.png'"> <img src="img/menu2_A.png" name="button2"/></a>
              <a href="#" style="position: relative; top: -16px; left: 206px;" onmouseover="button3.src='img/menu3_B.png'" onmouseout="button3.src='img/menu3_A.png'"> <img src="img/menu3_A.png" name="button3"/></a>
              <a href="#" style="position: relative; top: 9px; left: -142px;" onmouseover="button4.src='img/menu4_B.png'" onmouseout="button4.src='img/menu4_A.png'"> <img src="img/menu4_A.png" name="button4"/></a>

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...