Zvetšení a přenesení do popředí po najetí myši

Zdravím,

nevím jak to správně formulovat, ani jestli je dotaz ve správně sekci, ale poradnu jsem nenašel a v programování se nevyznám.

Jedná se o to, že kamarád tvoří menší firemní prezentaci pro firmu, kde pracuje - dělá to na macu v iWeb a koupil si jednu šablonu. Zatím si s tím hraje, ale všechno funguje http://vbinvest.cz/Uvod.html -> jediný problém má s temi tremi spojenými obrázky nahore. Chtel by, aby se jednotlivé okýnka po najetí myši přesunuly do popředí a zvetšily se, jako to bývá v nekterých portfoliích. Je nějaká možnost?

Kamarád předem děkuje za reakce.

Původně odeslal Vandal

Zdravím,

nevím jak to správně formulovat, ani jestli je dotaz ve správně sekci, ale poradnu jsem nenašel a v programování se nevyznám.

Jedná se o to, že kamarád tvoří menší firemní prezentaci pro firmu, kde pracuje - dělá to na macu v iWeb a koupil si jednu šablonu. Zatím si s tím hraje, ale všechno funguje http://vbinvest.cz/Uvod.html -> jediný problém má s temi tremi spojenými obrázky nahore. Chtel by, aby se jednotlivé okýnka po najetí myši přesunuly do popředí a zvetšily se, jako to bývá v nekterých portfoliích. Je nějaká možnost?

Kamarád předem děkuje za reakce.

Ano, předem děkuji za reakce, jde o to, že by ty obrázky po najetí měli fungovat jako odkazy na 3 hlavní témata toho webu, takže takové rychlé menu.

Pokud je to možné zdržte se reakce na program iWeb a komentář k tomu, že v tom dělám firemní stránky, ano dělám, jelikož jsem na to měl týden a termín odevzdání návrhu je zítra, čili tenhle program je pro mě ideální řešení.

Zdravím
mužete v iwebu pracovat s kodem ?
Pokud ano tak si najděte cast kde je:

PHP kód:

          <div style="height: 177px; width: 245px;  height: 177px; left: 131px; position: absolute; top: 76px; width: 245px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Uvod_files/place3.png" alt="" style="border: none; height: 177px; width: 245px; " />
          </div>
          


          <div style="height: 97px; width: 215px;  height: 97px; left: 159px; position: absolute; top: 89px; width: 215px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 215px; ">
              <img src="Uvod_files/shapeimage_2.png" alt="" style="height: 97px; left: 0px; position: absolute; top: 0px; width: 215px; " />
            </div>
          </div>
          


          <div style="height: 166px; width: 328px;  height: 166px; left: 275px; position: absolute; top: 36px; width: 328px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 328px; ">
              <img src="Uvod_files/shapeimage_3.png" alt="" style="height: 166px; left: 0px; position: absolute; top: 0px; width: 328px; " />
            </div>
          </div> 


a upravte na neco jako:

PHP kód:

          <div style="height: 177px; width: 245px;  height: 177px; left: 131px; position: absolute; top: 76px; width: 245px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <a href="stranka1.html"><img src="Uvod_files/place3.png" alt="" style="border: none; height: 177px; width: 245px; " /></a>
          </div>
          


          <div style="height: 97px; width: 215px;  height: 97px; left: 159px; position: absolute; top: 89px; width: 215px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 215px; ">
              <a href="stranka2.html"><img src="Uvod_files/shapeimage_2.png" alt="" style="height: 97px; left: 0px; position: absolute; top: 0px; width: 215px; " /></a>
            </div>
          </div>
          


          <div style="height: 166px; width: 328px;  height: 166px; left: 275px; position: absolute; top: 36px; width: 328px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 328px; ">
<a href="stranka3.html"><img src="Uvod_files/shapeimage_3.png" alt="" style="height: 166px; left: 0px; position: absolute; top: 0px; width: 328px; " /></a>
            </div>
          </div>