28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je cherche comment appliquer un cadre à toutes les images contenues dans un <div id="maincontent">


<div id="maincontent">
<img  src="../Medias/Photos/Tour+pont.JPG" height="266" />
...
</div>


dans le fichier CSS lié j'ai tenté plusieurs choses mais rien ne fonctionne...

img#maincontent {
border:solid 1px;
}


je vous remercie Smiley smile
Bonsoir,

Tu as juste mal écris ton code CSS.

Il faut l'écrire comme ceci :


#maincontent img{ 
border:solid 1px; 
} 


De plus, n'oublie pas de préciser un texte alternatif à ton image afin de les rendre accessibles.
jQz,
On devrait t'appeler œil de lynx, t'as complètement raison sur la cascade et je cherchais la solution ailleurs… je cherchais la complication alors que…
Bien joué de ta part sur ce coup là !
Modifié par Aureance (19 Jan 2010 - 21:20)
Aureance a écrit :

jQz,
On devrait t'appeler œil de lynx, t'as complètement raison et je cherchais la solution ailleurs… je cherchais la complication alors que…
Bien joué de ta part sur ce coup là !


Oeil de lynx, si tu le dis xD.

Sinon, merci du compliment Smiley cligne .
J'ajouterais peut-être une couleur pour y voir plus clair :
border: 1px solid #BBB;
/* au lieu de */
border: 1px solid;


Moi, j'ai un œil d'aigle… Smiley biggol

@lmbbb Reprenons la remarque de jQz, tu as mal indiqué le sens parent --> enfant dans ta CSS, ce qui d'après l'exemple que tu nous montres est une réflexion qui semble exacte.

D'autre part, toujours d'après l'exemple donné : je trouve qu'il manque une indication pour les bordures (la couleur) à moins qu'elle ne soit indiquée précédemment ailleurs dans le code.

Ce qui nous donnerait après révision de css : (coté html on ne change rien).

En fait si tu écris :

#maincontent img{  
border: 1px solid; /* ici la couleur de bordure n'est pas indiquée - donc transparente ! */ 



#maincontent img{  
border: 1px solid #AAAAAA;  /* ici, la couleur de bordure est un gris sombre */
}

Modifié par Aureance (19 Jan 2010 - 22:34)