28173 sujets

CSS et mise en forme, CSS3

Bonjour,
Ci joint une photo d'un bug graphique que j'ai avec mon template css (pour un tchat). Le probléme n'existe qu'avec IE, pas firefox.

http://img154.imageshack.us/img154/5821/bug9xh.jpg

Et en dessous le fichier CSS

J'ai essayé differents trucs, mais j'ai toujours cette ligne blanche qui se met dans chaque zone noire; je ne sais pas comment faire pour avoir tout noir une ligne sur deux.
Pouvez vous m'aider svp?


.st-content {
	font: 11px/1.5em "Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;
	float: left;
	width: 99%;
	margin: 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 1px;
}
.st-message {
        
	//background: url("images/comment_footer.gif") no-repeat left bottom;
        color: #ffffff;
}
.st-message p{
        
	padding: 5px 10px 5px 10px;
	margin: 0;
	word-wrap: break-word;
}
.st-author-info{
        
	margin: 0;
	background: #d00000; //url("images/comment_header.gif") no-repeat left bottom;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 5px;
	font-weight: bold; 
	color: #000000; 
	font-size: 8pt; 
}
.st-avatar{
	float: left;
	padding: 0px 0px 0px 5px;
	margin: 0;
}

.st-date{
	float: left;
}
.st-date-time{
	font-size:11px;
}
.st-author-name{
	font-weight: bold;
}
.st-comment-cell{
	padding-top: 10px;
}
.gray{
	color:#5B5B5B; 
	text-decoration:none;
}
.st-footer{
        color: #6699ff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}
a {
	text-decoration:none;
	color: #00ff00; 
}
a:hover {
	text-decoration:underline;
}



Modifié par houbahop (25 Mar 2006 - 14:50)
Excusez moi !!
Voici le lien correspondant :
http://www.vtn19.net/joomla/index.php?option=com_content&task=view&id=26&Itemid=57

La régle concernée, le probléme c'est que je ne sais pas trop, je pense que c'est une ou il y a "message" .

je joins également ci dessous le fichier qui contient les div qui apellent le css :
SI il vous faut autre chose, je reste dans le coin... Smiley cligne


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SmileTAG - free php shoutbox</title>
<link href="smiletag-style.css" rel="stylesheet" type="text/css" />
</head>

<body BGCOLOR="#000000">
<div class="st-content">
   <div class="st-comments">
    
	<!--##START ROWS##-->
	<div class="st-comment-cell">
		<div class="st-author-info" >
			<span title="<$Date$>"><$Name$> [<$Time$>]</span>
		</div>
		<div class="st-message">
			
			<p><$Message$></p>
		</div>
	</div>
  	<!--##END ROWS##-->

  </div>  
  <div class="st-footer">Powered by <a href="http://www.smiletag.com" class="gray" target="_blank">smiletag</a></div>
</div>
</body>
</html>
Ca alors, oui !
Mais pourtant , elle était en commentaire! Comment est ce possible alors ??
Je pensait qu'en css avec // on mettait en commentaire.

En tout cas merci ! Smiley smile Smiley smile