Inserer deux images et les mettre de taille differentes
Résolu
Helenedu39
Messages postés
123
Statut
Membre
-
Helenedu39 Messages postés 123 Statut Membre -
Helenedu39 Messages postés 123 Statut Membre -
bonjour a tous et a toutes,
voila j'ai une petite question je code un site en html5 et css3 et je voudrais inserer plusieurs images mais... de taille différente et je ni parvient pas comment faire ? voila mon code en html
<ul id="site">
<img src="diamant.jpg" alt="diamant.jpg" title="diamant" /> <a href="Index.html">Accueil</a>
<BR>
<a href="Profil.html">Profil</a>
<BR>
<a href="Jeux.html">Jeux</a>
<BR>
<a href="Contact.html">Contact</a>
<BR>
</ul>
et en Css
a /* Liens par défaut (non survolés) */
{
text-decoration: none;
color: white;
font-size: 19px;
}
img{ width:2%; height:2% }
a:hover /* Apparence au survol des liens */
{
text-decoration: underline;
color: pink;
font-style: italic;
font-size: 19px;
}
voila j'ai une petite question je code un site en html5 et css3 et je voudrais inserer plusieurs images mais... de taille différente et je ni parvient pas comment faire ? voila mon code en html
<ul id="site">
<img src="diamant.jpg" alt="diamant.jpg" title="diamant" /> <a href="Index.html">Accueil</a>
<BR>
<a href="Profil.html">Profil</a>
<BR>
<a href="Jeux.html">Jeux</a>
<BR>
<a href="Contact.html">Contact</a>
<BR>
</ul>
et en Css
a /* Liens par défaut (non survolés) */
{
text-decoration: none;
color: white;
font-size: 19px;
}
img{ width:2%; height:2% }
a:hover /* Apparence au survol des liens */
{
text-decoration: underline;
color: pink;
font-style: italic;
font-size: 19px;
}
2 réponses
-
Salut
Tu spécifies des tailles pour tes images
img{ width:2%; height:2% }
donc c'est normal qu'elles soient de cette taille.
Tu peux mettre <img class="img1" .../>
et dans ton css
.img1{height:... }
-
Bonjour, vous utiliez <ul></ul> mais je vois pas <li></li>
ensuite en mettant une taille saur img dans css, cela s'applique à toutes les images.
comme le dis Varaldi Q il va falloir mettre une class ou un id sur les ou la image à redimensionner.
vous pouvez aussi, si faire#site img{ width: 44px; height: 44px; }
de cette manière il n'y aura que les image dans votre bloc id="site" qui seront modifiées. Moi j'aime faire cela, ça évite de surcharger l'html d'identifiant
