Page Web 97 de tests.

En passant sur une image, un text apparaît
    Voici le texte qui
apparaît quand on
passe sur l'image.


Mieux, avec un <span> qui permet de rester dans une ligne.
En passant sur une image, un text apparaît     Voici le texte qui
apparaît quand on
passe sur l'image.


En passant sur un mot, un text apparaît.
Voici le mot Voici le texte qui
apparaît quand on
passe sur le mot.
en question.

Autre méthode, en utilisant la propriété "float:left;" avec "position:relative;"
En passant sur une image, un text apparaît     Voici le texte qui
apparaît quand on
passe sur l'image.


Le but de ce test est de définir le style juste avant son utilisation et non dans l'en-tête, pour regrouper l'exemple en un seul morceau.
Text de couleur rouge, qui deviendra vert.

Site du w3school sur le selecteur "hover".

Site d'exemples d'utilisation de "hover".

Exemple de possiblité de disposer plusieurs images sur une ligne.
L'utilisation de tableau est utile (voir indispensable).
Le premier exemple montre la bordure du tableau, le deuxième cache la bordure.


Info sur les .htaccess


Plan du Site : Home     page97_tests.html


Page mise à jour le 6 décembre 2013 par Bernard Gisin
Hébergement par : www.infomaniak.ch