28172 sujets

CSS et mise en forme, CSS3

Salut tout le monde, je suis nouveau sur ce forum et je vais poster un gros truc, genre plein de questions et tout et tout (tant de questions de néophyte).
J'aimerai essayer, tout en css (je me pencherai sur le javascript en dernier recours) car j'aimerai créer une page web qui dirige vers d'autres pages de mon site, ces liens seront des images, au survol de ces images, j'aimerai qu'un texte en sorte (vers la droite ou vers la gauche, dépend du lien) avec un petit lien du genre (A quoi sert ce lien ?).

Je pose une image explicative :
http://csshtml.wink.ws/Project.jpg
Remarquez le petit effet de dégradé sur liens sortant, je me demande si on peut le faire avec une box-shadow blanche ?.

Voilà ce que j'avais imaginé au niveau des <div> (aurais-je besoin de <li> ?), je préfère utiliser des .class si ça ne vous dérange pas !
http://csshtml.wink.ws/Boxes.jpg
.B_ + un nombre en fonction de la filiation / L ou R pour Gauche et Droite.

Une question parmis tant d'autre que je me suis posée:
Puis-je demander "Lorsque la souris :hover là, alors modifier autre chose d'un autre block"
Exemple:
Lorsque j'appuye sur la fenetre 1,
alors faire apparaitre du texte dans la fenetre 2.

Sachez que j'ai déjà réussi a faire une page de ce type : http://www.alsacreations.com/xmedia/tuto/exemples/transitions/infobulles.html Différence : Je veux faire sortir les liens des div, alors que dans celui-ci il serait "hidden" par "overflow"; Les images ne sont pas toutes de la mème taille, (d'ou les 4 imbrications au lieu de 3)

Merci d'avance pour votre compréhension, si vous avez des conseils.
Modifié par marcant0 (20 Oct 2012 - 10:55)
a écrit :
Puis-je demander "Lorsque la souris :hover là, alors modifier autre chose d'un autre block"
Exemple:
Lorsque j'appuye sur la fenetre 1,
alors faire apparaitre du texte dans la fenetre 2.


A priori, je dirais :

div.frere1:hover + div.frere2{}

Ce qui sélectionne la div frère de la première div à son survol. Mais il faut que ton texte soit une image. Si tu veux changer du texte dynamiquement, je ne vois que le javascript ...