Inserer deux images et les mettre de taille differentes

Résolu
Helenedu39 Messages postés 121 Date d'inscription   Statut Membre Dernière intervention   -  
Helenedu39 Messages postés 121 Date d'inscription   Statut Membre Dernière intervention   -
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;
}
A voir également:

2 réponses

Profil bloqué
 
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:... }
0
Helenedu39 Messages postés 121 Date d'inscription   Statut Membre Dernière intervention   111
 
quand je fais comme tu me dis je ne parvien pa a modifier les tailles des images
0
Helenedu39 Messages postés 121 Date d'inscription   Statut Membre Dernière intervention   111
 
ah nn c'est bon j'avais mal ecrit le code
0
Helenedu39 Messages postés 121 Date d'inscription   Statut Membre Dernière intervention   111
 
merci beaucou varaldi Q
0
Utilisateur anonyme
 
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
0
Utilisateur anonyme
 
0
Helenedu39 Messages postés 121 Date d'inscription   Statut Membre Dernière intervention   111
 
qu'est ce que la balise <li> ? je ne m'en suis jamais servi..
0
AssassinTourist Messages postés 6029 Date d'inscription   Statut Contributeur Dernière intervention   1 312
 
Les li permettent de faire des listes.
Un petit lien facile => https://www.commentcamarche.net/contents/499-liste-html-ul-li-ol-li
0
Helenedu39 Messages postés 121 Date d'inscription   Statut Membre Dernière intervention   111
 
d'accord merci beaucoup vous m'avez enlever une épine du pied :)
0
AssassinTourist Messages postés 6029 Date d'inscription   Statut Contributeur Dernière intervention   1 312
 
De rien =)
0