[css] padding sur une image et doctype

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [css] padding sur une image et doctype

attentio

bonjour,
je voudrais mettre une bordure de 1px sur une image et laisser un espace blanc de 12px entre cette image et la bordure.
j'ai fais ceci :

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>border padding</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
.bordure_photo IMG {BORDER-RIGHT: #1B75B5 1px solid; PADDING-RIGHT: 12px; BORDER-TOP: #1B75B5 1px solid; PADDING-LEFT: 12px; PADDING-BOTTOM: 12px; BORDER-LEFT: #1B75B5 1px solid; PADDING-TOP: 12px; BORDER-BOTTOM: #1B75B5 1px solid;background-color:#ffffff;}
</style>
</head><body>
<div class='bordure_photo'><img src="http://www.csdm.qc.ca/stejarc/dictionnaire/imagesdicopq/planete.jpg" border="0" cellspacing="0" cellpadding="0"></div>
</body></html>

ca marche tre bien sous mozilla, mais sous IE ca ne marche pas !
pour que ca marche a la fois sous IE et moz il faut que je mette en doctype

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

mais le probleme, c'est que, si je mets ceci en doctype, j'ai plein d'autres choses qui ne marche pas dans ma page (gestion de la hauteur, ...).
comment faire?
merci de votre aide

Publicité

olivthill

Voici une solution qui semble marcher pour IE et Fx :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>border padding</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>.bordure_photo {
BORDER-RIGHT: #1B75B5 1px solid;
PADDING-RIGHT: 12px;
BORDER-TOP: #1B75B5 1px solid;
PADDING-LEFT: 12px;
PADDING-BOTTOM: 12px;
BORDER-LEFT: #1B75B5 1px solid;
PADDING-TOP: 12px;
BORDER-BOTTOM: #1B75B5 1px solid;
float:left;
display: inline;
background-color:#ffffff;}
</style>
</head>
<body>
<div class='bordure_photo'>
<img src="planete.jpg" height=256 width=256>
</div>
</body>
</html>

FORUM HardWare.fr

Programmation

HTML/CSS

[css] padding sur une image et doctype

Sujets relatifs
inserer un nombre finis d'image dans un dialog box	[Javascript/HTML] Afficher une image local
image invisible sous mozilla	[Python/PIL] Librairie Image
[ASP 2.0] User Control constitué d'une DDL + Image	Afficher une image selon requette sql
code pour placer une image sur une UserForme	navigation avec image
Fonction HTML to BMP gratuite ? Convertir une page Web en image...	Cellule d'un tableau avec image étirable en background ?
Plus de sujets relatifs à : [css] padding sur une image et doctype

Page générée en 0.038 secondes