SELFHTML Forum  SELFHTML Forumsarchiv  2008  März

	SELFHTML Forumsarchiv Rollover mic css - Problem
	(CSS) Rollover mic css - Problem von Herwig, 30. 03. 2008, 23:25  (CSS) Rollover mic css - Problem von bleicher, 31. 03. 2008, 00:20  (CSS) Rollover mic css - Problem von Engin, 31. 03. 2008, 00:54

Rollover mic css - Problem

Die folgende Nachricht zum Thema stammt von: Herwig, 30. 03. 2008, 23:25

Hi allerseits,

Ich habe eine rollover - Schaltfläche über die a:focus und a:hover eigenschaft realisiert.

mein problem: die (zunächst nicht benötigte) grafik für a:focus lädt erst beim focus nach und es kommt zu verzögerungen. kann man das irgendwie eleganter machen, oder muß man auf js zurückgreifen?

Rollover mic css - Problem

Die folgende Nachricht zum Thema stammt von: bleicher, 31. 03. 2008, 00:20

Grüße,| Hi allerseits,
»»
»» Ich habe eine rollover - Schaltfläche über die a:focus und a:hover eigenschaft realisiert.
»»
»» mein problem: die (zunächst nicht benötigte) grafik für a:focus lädt erst beim focus nach und es kommt zu verzögerungen. kann man das irgendwie eleganter machen, oder muß man auf js zurückgreifen?

eine elegannte lösung fehlt mri nciht ein, aber du könntest die beiden grafiken zu einer zusammenfügen, die "einboxen" sodass nur jeweils die gewünschte hälfte sichtbar ist und es dann über margin "hin und her schieben"

MFG
bleicher
--
__________________________-
Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).

Lieber bereuen gesündigt zu haben, als nicht sündigen und es später trotzdem bereuen.
Boccaccio

Rollover mic css - Problem

Die folgende Nachricht zum Thema stammt von: Engin, 31. 03. 2008, 00:54

hi Herwig,

»» mein problem: die (zunächst nicht benötigte) grafik für a:focus lädt erst beim focus nach und es kommt zu verzögerungen. kann man das irgendwie eleganter machen, oder muß man auf js zurückgreifen?

Nein, kein JS nötig, einfach mit CSS.

nehmen wir folgendes Druck Icon:


a:link#drucker_id, a:visited#drucker_id {
background: url(song-images/drucker_icon_lang.gif) no-repeat;
}
a:focus#drucker_id, a:hover#drucker_id {
background: url(song-images/drucker_icon_lang.gif) no-repeat right 0;
}

Im normalen zustand ist das Blatt im Drucker eingefahren, bei :hovern oder :focus guckt das Blattt raus.

Grüße aus H im R an Herwig,
Primus Enginus

--
Der Valligator

"Computer sagt Nein"

 SELFHTML Forum  SELFHTML Forumsarchiv  2008  März

© 1998-2006  Impressum, Software: Classic Forum