[TYPO3-german] Navigation mit Mouseover

[Christian Wolff]

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Am 24.05.2010 22:22, schrieb Philipp Gampe:
> Am 21.05.2010, 13:53 Uhr, schrieb Michael Warzitz
> <m.warzitz at ws-media-hannover.de>:
> 
>> Hallo Zusammen,
>>
>> ich bin gerade dabei ein Untermenü zu erstellen wo rechts daneben, zu
>> jedem Menüpunkt ein anderes Bild mit mouseover erscheinen soll.
>> Hat jemand eine Ahnung wie man sowas realisiert oder wo ich dazu
>> Snippet finde, wo man es sich anschauen kann!
>>
>> Danke für Eure Hilfe
>>
>> Micha
> 
> schau dich mal hier um ... staune und lerne ;)
> http://www.cssplay.co.uk/menus/
> 
> Grüße

Hi micha,
es gibt verschiedene möglichkeiten.

eine CSS möglichkeit di ohne javascript auskommt sieht ungefähr so aus:

#menu a {
background-repeat:no-repeat;
background-position:-999px 0;
display:block;
padding: 5px 5px 5px 20px;
}

#menu a:hover {
	background-position:0 0;
}

für jeden link muss dann noch das background image definiert werden. z.b
durch einen inline style tag.

beim hover wird das hintergrund bild dann in den sichtbereich geschoben.
im normalfall ist es auserhalb.

gruss chris



- -- 
Christian Wolff // Berlin
http://www.connye.com

some projects:
http://richtermediagroup.com | http://titanic.de |
http://fairplay-homepage.de
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.9 (MingW32)

iEYEARECAAYFAkv67mUACgkQIcCaXPh/JHFjlgCfeCX7ist1JKMy50PM/Xb/kPw/
UZQAnAqbWnitRsMc7AzVptpu2EGGVL3E
=1epx
-----END PGP SIGNATURE-----