Tests CSS

Le but de cette page est de faire des tests en CSS.
C.f. le code sources pour les détailes.
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.

bouton rose bouton vert bouton rose
bouton rose bouton vert bouton rose

Info sur les .htaccess


Plan du Site : Home   arrow   bgweb.html   arrow   exemples.html   arrow   a2css1040_CSS_tests.html


Page mise à jour le 6 janvier 2016 par Bernard Gisin
Hébergement par : www.infomaniak.ch