28173 sujets

CSS et mise en forme, CSS3

Liseré CCS autour d'une image sous IE7 et Firefox [Résolu]

Bonjour à tous,
j'ai suivi, pas mal de fils concernant ce problème tout bête, réaliser un encadrement des images.
La solution semble toute bête : padding.

Exemple:


img {
border:4px solid #BF9E7F;
padding:10px;
background-color:#000;
}


Mais ça ne marche pas avec IE7 et sa fameuse interprétation du padding.

Qui peut me proposer la solution la plus simple pour ces deux environnements.
Modifié par fplanglois (21 Jan 2008 - 18:24)
Salut fplanglois Smiley cligne ,

fplanglois a écrit :
Mais ça ne marche pas avec IE7 et sa fameuse interprétation du padding.
Euh... Pas compris Smiley rolleyes !

Si ton DOCTYPE est valide je ne vois pas pourquoi ça ne fonctionnerait pas ?

A+
Heyoan a écrit :
Salut fplanglois Smiley cligne ,

Euh... Pas compris Smiley rolleyes !

Si ton DOCTYPE est valide je ne vois pas pourquoi ça ne fonctionnerait pas ?

A+


Alors c'est que mon doctype n'est pas bon.


Je viens encore de suivre cette discussion qui semblait résolu :
http://forum.alsacreations.com/topic-1-11736-1-Un-cadre-autour-dun-image.html

Hors quand on va sur le site de l'intéressé, on voit que le liseré est encore collé à l'image sur IE7 et exploite correctement le padding sur Firefox.


J'ai le même problème.


Voir par exemple cet essai :
Page à corriger


Pouvez-vous corriger mon code ?

Merci.
Modifié par fplanglois (22 Jan 2008 - 01:37)
Re',

ton DOCTYPE est effectivement invalide (en plus d'être écrit après la balise <html>) Smiley langue !

Tu pourrais essayer ça :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>essai</title>
<style media="screen" type="text/css">
img {
border:4px solid #000000;
padding:20px;
background-color:#FFFFFF;
}
</style>
</head>
<body>
<h2>essai cadre image</h2>
<img alt="" src="20070310_19h42mn21s.jpg" />
</body>
</html>

A+
Heyoan a écrit :
Re',

ton DOCTYPE est effectivement invalide ...


Yes !!!

Merci beaucoup.

Du coup, je vais relire plus attentivement tout ce qui concerne le doctype.

Heyoan a écrit :
(en plus d'être écrit après la balise <html>)

Effet malheureux d'un copié collé, trop rapide pour fournir un exemple… mais ça n'excuse rien Smiley cligne
Sujet clos
Aller à