Balise <img> css
Résolu
Wyzern
-
Wyzern -
Wyzern -
Bonjour,
J'utilise actuellement l'attribut caption dans mes balises <img> sous la forme suivante mais suite à une analyse W3C on m'indique que c'est une erreur. Comment puis je faire la même chose que ce code sans cet attribut caption :
Code html
Code CSS
Merci d'y penser dans tes prochains messages.
J'utilise actuellement l'attribut caption dans mes balises <img> sous la forme suivante mais suite à une analyse W3C on m'indique que c'est une erreur. Comment puis je faire la même chose que ce code sans cet attribut caption :
Code html
<div id="CHIOT">
<aside class="AsideParents">
<figure>
<img src="*.jpg" alt="Nausicaa" caption ="MAMAN"/>
</figure>
</aside>
<aside class="AsideParents">
<figure>
<img src="*.jpg" alt="Ice" caption ="PAPA"/>
</figure>
</aside>
</div>
Code CSS
#CHIOT .AsideParents
{
display: inline-block;
width: 35%;
max-height: 350px;
min-width: 190px;
margin: 0;
}
#CHIOT img[caption ="PAPA"]
{
border: 2px turquoise outset;
border-radius: 5px;
min-width: 100px;
text-align:center;
height: 200px;
width: 200px;
vertical-align: middle;
}
#CHIOT img[caption ="MAMAN"]
{
border: 2px Fuchsia outset;
border-radius: 5px;
min-width: 100px;
text-align:center;
height: 200px;
width: 200px;
vertical-align: middle;
}
| EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici : ICI Merci d'y penser dans tes prochains messages. |
Merci d'y penser dans tes prochains messages.
A voir également:
- Balise <img> css
- Img burn - Télécharger - Gravure
- Fichier img - Télécharger - Photo & Graphisme
- Buda vfs img ✓ - Forum Virus
- Img extractor - Télécharger - Animation
- Ouvrir fichier img ✓ - Forum Gravure
Dans mon code les caption "PAPA" ou "MAMAN" n'apparaissent pas sur le site ils ne me servent qu'à donner le style d'encadrement de l'image.
Code html :
<div id="CHIOT">
<aside class="AsideParents">
<figure>
<img class=MAMAN src="*.jpg" alt="Nausicaa" />
</figure>
</aside>
<aside class="AsideParents">
<figure>
<img class=PAPA src="*.jpg" alt="Ice" />
</figure>
</aside>
</div>
Code CSS
#CHIOT .AsideParents
{
display: inline-block;
width: 35%;
max-height: 350px;
min-width: 190px;
margin: 0;
}
#CHIOT img.PAPA
{
border: 2px turquoise outset;
border-radius: 5px;
min-width: 100px;
text-align:center;
height: 200px;
width: 200px;
vertical-align: middle;
}
#CHIOT img.MAMAN
{
border: 2px Fuchsia outset;
border-radius: 5px;
min-width: 100px;
text-align:center;
height: 200px;
width: 200px;
vertical-align: middle;
}