En-tete Astuces divers html et css
Classic Moderne

Image au dimensions maximales de la cellule:

Est-il possible d'insérer un code dans la balise pour que mon image prenne les dimensions maximales de la cellule ou de la page ?

Pour centre une image qui se trouve dans une balise image en % et non en px dans une page HTML, il faute spécifier la largeur et la hauteur dans la balise image comme ci-dessous.


<img style="width: 40%; height: 20%;" src="Ma_Photo.jpg" title="Ma_Photo" alt="Ma_Photo"/>

Mon Chat photo 4

Pour mettre l’image dans une div prédéfinie il suffit de créer par exemple la class="photo-album", puis on lui met une largeur de 50% et une hauteur de 100%, puis un petit margin: 0 auto; pour centrer la div.

Voici le code CSS et plus bas le code HTML ) à insérer dans la balise image:


.photo-album
{
width: 50%;/* Longeur cadre*/
height: 100%;/* Largeur cadre*/
margin:0 auto;


style="width: 100%; height: auto;"

par exemple :

Mon Chat photo 4










Haut-de-Page