Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Liens contextuels :

Auteur
olimann
# 05 Oct 2008 - 17:20:37
Citer
46 Posts
biggrin Bonjour a tous

rolleyes j'ai une petite question !

J'aimerais savoir si il est possible de contrôler le positionnement XY d'un div en position absolute avec le a:hover d'un autre div

rolleyes je sais pas si je suis très clair, en résumé j'aimerais sur le rollover d'un bouton décaler une image

Merci
Modifié par olimann (06 Oct 2008 - 12:08)

^
largowin
# 05 Oct 2008 - 17:43:54
Citer
307 Posts
Comme ceci? http://www.cssplay.co.uk/menu/magnify

^
olimann
# 05 Oct 2008 - 18:47:11
Citer
46 Posts
cligne oui merci c'est ce que je cherchais

^
papillon41
# 05 Oct 2008 - 20:49:45
Citer
Lorem Ipsum
346 Posts
Bonjour,

Nous avons cela à la maison : Afficher Masquer des calques sans javascript

Amicalement, ()Ï() : Le vulgum pecus

http://laribe.perso.wanadoo.fr/droits/ 
^
olimann
# 06 Oct 2008 - 00:41:00
Citer
46 Posts
encore merci à vous deux cligne
je regarde tout ça !

^
Florent V.
# 06 Oct 2008 - 02:06:30
Citer
On va manger des chips.
Modérateur
13465 Posts
Voilà qui est fort bien, mais... JavaScript est justement fait pour ce genre d'interactions ou effets!

Donc: utiliser JavaScript. Les seules raisons de rechercher une solution «full CSS» ici seraient:
- le défi intellectuel (inexistant, vu que les solutions en question existent déjà cligne );
- la flemme d'apprendre JavaScript. lol

(Bien sûr j'ai parlé de raisons, pas de bonnes raisons.)

http://www.covertprestige.net 
^
papillon41
# 06 Oct 2008 - 09:29:57
Citer
Lorem Ipsum
346 Posts
Il n'en demeure pas moins vrais que la solution propose ici existe. Elle est simple smile (faite simple mais pas simpliste à dit Albert Einstein), elle est pérenne et fonctionne si javascript est désactivé decu . De plus, on est pas obligé d'utiliser javascript. cligne
Modifié par papillon41 (06 Oct 2008 - 09:32)

Amicalement, ()Ï() : Le vulgum pecus

http://laribe.perso.wanadoo.fr/droits/ 
^
Patidou
# 06 Oct 2008 - 10:50:40
Citer
535 Posts
papillon41 a écrit :
Il n'en demeure pas moins vrais que la solution propose ici existe. Elle est simple smile (faite simple mais pas simpliste à dit Albert Einstein), elle est pérenne et fonctionne si javascript est désactivé decu . De plus, on est pas obligé d'utiliser javascript. cligne


Le problème (dans le tuto alsa) c'est qu'elle est inaccessible car le span est masqué donc non lisible par les lecteurs d'écrans. Tandis qu'avec javascript on affecte une class pour mettre le span en dehors de l'écran et une autre quand le hover est en cours, prévoir une css également si javascript est désactivé.
Modifié par Patidou (06 Oct 2008 - 10:53)

http://www.lombre.net/ 
^
olimann
# 06 Oct 2008 - 12:24:56
Citer
46 Posts
http://olimann.free.fr/img.jpg

JavaScript ?


confused Heu ! Je connais pas grand en JavaScript même si cela m'intéresse beaucoup vu les possibilités offertes !

je sais pas si mon image vous parle mais j'essaierai en CSS ( si possible ! ) pour le Java il me fraudais un tutoriel !

^
Patidou
# 06 Oct 2008 - 13:24:30
Citer
535 Posts
Heu... Et il va y avoir du texte dans le cadre orange? C'est la taille à 100%?
Modifié par Patidou (06 Oct 2008 - 13:25)

http://www.lombre.net/ 
^
olimann
# 06 Oct 2008 - 14:16:23
Citer
46 Posts
Oui un texte centré !
ex : "j'ouvre un compte gratuitement sur bidule.com"

c'est la taille à 100%
Modifié par olimann (07 Oct 2008 - 14:44)

^

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.7.9 © dew
Contacter l'administrateur - 4.2 ms - Charte