problem z Menu w HTML

Marek.S · 20 Listopada 2009

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

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

Makary155 · 21 Listopada 2009

'Border: 1px' zamień na 'Border: none'

W takich przypadkach nie lepiej użyć mapy obrazu?

E: Nie jednak to nie border. Może w tych pngach są te kreski i ich nie wymazałeś?

qanaroo · 21 Listopada 2009

To są osobne obrazki te kreski

Nobody · 21 Listopada 2009

@UP: <_<

To są spacje w znaczniku <a> Podkreślony pusty tekst, który kliknięty prowadzi tam, gdzie obrazek.

Lord Marcelot · 21 Listopada 2009

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>

Marek.S · 21 Listopada 2009

Hahaha, rzeczywiście taka pierdoła.. :D

Dzięki chłopaki. :)

A ogólnie to dobry sposób na rozmieszczanie menu?

position: relative; - to na pewno dobre wyjście?

E:

@Makary155: jak zrobisz mapę do tak nieregularnych kształtów?

Zaloguj się

problem z Menu w HTML

Rekomendowane odpowiedzi

Marek.S

Odnośnik do komentarza

Udostępnij na innych stronach

Makary155

Odnośnik do komentarza

Udostępnij na innych stronach

qanaroo

Odnośnik do komentarza

Udostępnij na innych stronach

Nobody

Odnośnik do komentarza

Udostępnij na innych stronach

Lord Marcelot

Odnośnik do komentarza

Udostępnij na innych stronach

Marek.S

Odnośnik do komentarza

Udostępnij na innych stronach

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

Zarejestruj nowe konto

Zaloguj się

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

Przeglądaj

GMCLAN.ORG

Cała aktywność

Ranking

Discord