28220 sujets

CSS et mise en forme, CSS3

Bonjour

voici ma page en question

j'utilise dans ma css un "border" avec "un dashed" et là: IE fout le "b*****" comme d'habitude!! sinon sur FF, Opéra 7 ou 8 et netscape çà fonctionne impect


dl{
 	border:1px dashed #ccc; 
 	padding:5px 5px 5px 5px;	
 	margin:10px 65px 5px 11px;   
}
dt { 
	text-align:right;
	padding-right:5px;
	width:25%;
	font-style:italic;
	font-weight:bold; 
}

dd {
	width:auto;
	margin:-16px 0 0 117px;
}


mon entourage " dashed" en détruit ou partiellement affiché sous IE

comment puis-je resoudre ce problème
Merci
Modifié par dentnoir (20 Nov 2005 - 11:05)
Comme mon post ne vous a pas trop inspiré ,j'ai mis les mains dans le cambouï

j'ai donc après de multiples modifs, j'ai trouvé ce code qui fonctionne sur la plupart des navigateurs:

dl {
margin:0 10px 10px;
border:1px dotted #808B01;
padding:5px;
}
dt { 
float:left;
top:1.1em;
width:25%;
text-align:right;
font-style:italic;
} 

dd {  
width:100%;
}	


jusque là tout va bien !

mais dans mon texte j'ai mis un mot en exposant.... et mon texte n'est plus aligné (voir entre sport et judo dans le texte).

si je rajoute ceci
dd.supp{margin-top:-3px;}	


là IE perd la tête! plus d'affichage des pointillés d'encadrement... çà fonctionne sous les autres navigateurs

si vous avez une solution je suis preneur, Merci Smiley biggrin
je retourne dans le cambouï.... Smiley langue
Modifié par dentnoir (20 Nov 2005 - 08:56)