28172 sujets

CSS et mise en forme, CSS3

Différence entre classe et style

bonjour
j'ai rencontré un différence de l'affichage de la position de l'image lorsque j'ai changé la ligne de style par un classe comme suivant

<div class="fondateur">
<a href="http://www.afm-france.org"><img style="margin-left:0;width:100%;" src="image/afm.png"  alt="lien vers le site de AFM (Association Française Contre les Myopathies)"/></a>
</div>

changé par

<div class="fondateur">
<a href="http://www.afm-france.org"><img class="forme" src="image/afm.png"  alt="lien vers le site de AFM (Association Française Contre les Myopathies)"/></a>

</div>

la classe possède les même propriété de style
Bonjour eagle83,

Eh bien, c'est normal que tu observes un changement de positionnement de ton image, car l'attribut 
<style="">
sert à définir un style css sur un élément alors que l'attribut 
<class="">
sert à attribuer une class à un élément.

Par exemple, si tu écris ce code sous cette forme :


<a style="text-decoration: none; color: #c00;">Liens</a>


Ton lien, va avoir une couleur rouge et ne sera pas souligné.

Tandis que si tu écris ça :


<a class="fondateur">liens</a>


Ton liens aura la class fondateur et n'aura aucun style css.
Si tu veux appliquer les mêmes propriétés à ton lien que précédemment, il te faudra attribuer les propriété css sur la class fondateur comme ceci :


.fondateur {
    text-decoration: none;
    color: #c00;
}


Voilà, en espérant avoir répondu à ta question.
Modifié par jQz (11 Oct 2009 - 17:17)
merci pour ta réponse mais le problème que j'ai fait la même truc que tu as me dis mais je trouve la même résultat
Modifié par dew (12 Oct 2009 - 15:44)
Comment as-tu inséré le code CSS ? sur la balise 
<a></a>
ou 
<img />
?
Modifié par jQz (11 Oct 2009 - 19:42)
bonjour
je vais te montrer le code que j'ai met ,en cas d'utilisation de style

<div class="fondateur">
<a href="http://www2.uvsq.fr"><img  src="image/versailles.png"  alt="logo et le site de l'Université Versailles Saint Quentin" style="margin-left:0;width:100%;" /></a>
</div>


en cas de class
HTML:

<div class="fondateur">
<a href="http://www2.uvsq.fr"><img  src="image/versailles.png"  alt="logo et le site de l'Université Versailles Saint Quentin" class="par" /></a>
</div>

CSS

 par
{
width:100%;
margin-left:0%;
}

Modifié par eagle83 (13 Oct 2009 - 12:05)
Sujet clos
Aller à