Menu w css

[mess_alex]

Witam,

właśnie przetworzyłem kod mojej strony. Przykładowy przycisk w dotychczasowej wersji wyglądał tak:

<a href="index2.php?id=home" onmouseover='home.src="images/menu/home_on.jpg"; ' onmouseout='home.src="images/menu/home_off.jpg"; '><img src="images/menu/home_off.jpg" border="0" name="home"</a>

Ale ponieważ te przyciski w przeglądarce ie potrzebowały "pozwolenia" zrezygnowałem z nich i przerobiłem na css.

Kod w zewnętrzynym pliku css:

a.home { display: home; height: 35px; width: 66px; background: url(images/menu/home_off.jpg) no-repeat; text-decoration: none; border: 0px; }



a.home:link { height: 35px; width: 66px; background: url(images/menu/home_off.jpg) no-repeat; text-decoration: none; border: 0px; }



a.home:visited { height: 35px; width: 66px; background: url(images/menu/home_off.jpg) no-repeat; text-decoration: none; border: 0px; }



a.home:hover { height: 35px; width: 66px; background: url(images/menu/home_on.jpg) no-repeat; text-decoration: none; border: 0px; }



a.home:active { height: 35px; width: 66px; background: url(images/menu/home_on.jpg) no-repeat; text-decoration: none; border: 0px; }

To był jeden z przycisków, reszcztę zrobiłem podobnie (zmieniałem tylko nazwy i wielkosci).

Kod odnośników (wszystkich umieszczonych w tabelce, ale w jednym wierszu) to:

<a href="index2.php?id=home" class="home" alt="Strona główna"> </a>

Jak można zobaczyć tutaj pod przeglądarką ie pojawia się jakis dziwny cieńki pasek nad przyciskami, a w operze i mozilli jest kompletna kaszana (nie wiem już nawet jak to opisać)

Co mogę z tym zrobić?

Z góry dzięki[/code]

[zero3]

a moze skorzystaj z przykladów

https://e-lusion.com/design/menu/

[mess_alex]

ok, dzięki

[kamilo90]

Ja sciągnołem menu z e-lusion i mam pytanko. Jak zrobić by to menu było w pozycji poziomej??

[Mion]

Ja sciągnołem menu z e-lusion i mam pytanko. Jak zrobić by to menu było w pozycji poziomej??

Zmienić reguły css definiujące wygląd jego elementów...