Re: [dreamland] Mały problem

From: Folke <grmeslav_usunto_at_poczta.onet.pl>
Date: Tue, 31 Jan 2006 23:31:45 +0100

> Próbóję napisać manu do strony głównej gazety mitologicznej wynalazłam sobie ciekawe opcje. A jednak cięgle wyświetla mi błąd. Czy ktoś może mi pomóc?
> Zamieszczam kod, żeby było wiadomo o co chodzi :)
>
> <TABLE border="0">
> <TR align=left><TD><A HREF="http://www.wp.pl/" onmouseover="zmiana1('obrazek0')" onmouseout="zmiana2('obrazek0')"><IMG SRC="http://fabiola_s.w.interia.pl/stronaglowna.gif" NAME="obrazek0" VSPACE="2" BORDER="0" ALT="Strona główna"></A></TD></TR>
> <TR align=left><TD><A HREF="http://www.onet.pl/" onmouseover="zmiana1('obrazek8')" onmouseout="zmiana2('obrazek8')"><IMG SRC="http://fabiola_s.w.interia.pl/nowynumerII.gif" NAME="obrazek8" VSPACE="2" BORDER="0" ALT="Animowane gify"> </A></TD></TR>
> <TR align=left><TD><A HREF="http://www.interia.pl/" onmouseover="zmiana1('obrazek1')" onmouseout="zmiana2('obrazek1')"><IMG SRC="http://fabiola_s.w.interia.pl/archiwumII.gif" NAME="obrazek1" VSPACE="2" BORDER="0" ALT="Tła"> </A></TD></TR>
> <TR align=left><TD><A HREF="http://www.tlen.pl/" onmouseover="zmiana1('obrazek2')" onmouseout="zmiana2('obrazek2')"><IMG SRC="http://fabiola_s.w.interia.pl/prasaII.gif" NAME="obrazek2" VSPACE="2" BORDER="0" ALT="Przyciski"> </A> </TD></TR>
> <TR align=left><TD><A HREF="http://www.google.pl/" onmouseover="zmiana1('obrazek3')" onmouseout="zmiana2('obrazek3')"><IMG SRC="http://fabiola_s.w.interia.pl/redakcjaII.gif" NAME="obrazek3" VSPACE="2" BORDER="0" ALT="Linie"> </A></TD></TR>
> </TABLE>
>
> Serdecznie dziękuję za każdą pomoc.

prosto i oszczędnie bez javascriptu:

<ul id="navbar">

	<li class="homesite"><a href="" title="">Strona główna</a></li>
	<li class="animki"><a href="" title="">Animowane gify</a></li>
	<li class="bgrounds"><a href="" title="">Tła</a></li>
</ul>

CSS:
#navbar { float: left; width: 100%; }
/* lub #navbar { height: XYpx; } - wysokosc menu */ #navbar li, #navbar a{ float: left; }
#navbar a {

   display: block;

   width: Xpx;	/* szerokość obrazka */
   height: Ypx;	/* wysokość obrazka */

   text-indent: -999em;
   text-decoration: none;
   outline: none;
}
#navbar .homesite a { background: transparent url(images/obrazek1.gif) no-repeat left top; }
#navbar .animki a { background: transparent url(images/obrazek2.gif) no-repeat left top; }
#navbar .bgrouns a { background: transparent url(images/obrazek3.gif) no-repeat left top; }
#navbar a:hover { background-position: -Xpx 0; } /* Xpx = szerokosc obrazka */

/*
images/obrazek1.gif moze np wygladac w ten sposób: http://wszpwn.eo.pl/_gAllery/93/937.gif
*/ Received on Tue 31 Jan 2006 - 14:29:36 CET

This archive was generated by hypermail 2.4.0 : Fri 10 Jan 2020 - 23:09:59 CET