Bonjour,
Alors voila je vous poste mon problème parce que je ne trouve pas d'où il vient j'ai fait des recherches sur google mais j'ai pas trouver de réponse à ce problème. Je vous remercie d'avance pour vos réponses.
Alors je remet a jour mon site internet, et je refait le design de mon Cutenews alors j'utilise une feuille de style CSS pour compléter le template de ma news. Le problème c'est que sous internet explorer, lorsqu'il y a plusieurs news à la suite, elles se mettent les unes a la suite des autres, de gauche a droite alors que moi j'aimerais qu'elles se mettent de haut en bas. je vous poste mon code :
Petite precision : Il beug fort sous internet explorer, sous mozilla ca ne fait pas pareil mais il y a toujours un probléme.
Mon style CSS :
/* CSS Document */
A:link { color:#2B3E6B; cursor: help; font-weight:normal; text-decoration:none; }
A:visited { color:#2B3E6B; cursor: help; font-weight:normal; text-decoration:none; }
A:active { color:#2B3E6B; cursor: help; font-weight:normal; text-decoration:none; }
A:hover { color:#DA72BD; cursor: help; font-weight:bold; text-decoration:none;}
body {
font-weight: normal;
font-size: 7pt;
font-family: tahoma;
color:#705a66;
font-weight:normal;
padding:0px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
line-height:normal;
text-transform: uppercase;
font-style: normal;
text-decoration: none;
font: tahoma;
letter-spacing: 1px;
}
.header {
background-color : #001DB1;
color:#FFFFFF;
font-size : 6.8pt;
font-family : tahoma;
font-weight : bold;
border-bottom: 1px solid #DA72BD;
text-float:left
text-transform : uppercase;
padding : 0px;
}
.content {
font-size : 10px;
font-family : tahoma;
font-weight : normal;
border : 0px solid #CDBDC6;
text-float: justify;
text-transform : capitalize;
color: #705a66;
font-variant: normal;
font-stretch: normal;
letter-spacing: 0px;
}
.footer {
font-size : 7.8pt;
font-family : tahoma;
font-weight : normal;
text-float: right;
text-transform : capitalize;
padding : 2px;
letter-spacing: 1px;
}
.menu {
font-weight: normal;
font-size: 7.8pt;
font-family: tahoma;
text-float: justify;
color:#546898;
padding:0px;
background-color : transparent;
}
input, textarea, option, select {
background-color: #FFFFFF;
font: 7.8pt tahoma;
color: #2B3E6B;
letter-spacing: 0px;
border: 1px solid #2B3E6B;
padding:1px; }
Mon template : <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cutenews</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Style1 {
font-size: 13px;
font-family: vrinda;
text-transform: capitalize;
letter-spacing: 1px;
text-align: center;
color: #5E9BB3;
}
a:hover {
color: #A9DDF0;
}
body {
background-color: #FFFAF2;
}
.Style2 {color: #FFFAF2}
-->
</style>
</head>
<body>
<table width="455" height="72" align="left" id="1">
<tr>
<td width="455" height="70" valign="top"><table width="452" height="24" border="0" align="center" bgcolor="#FFF3DF">
<tr>
<td><p align="center">{title}</p></td>
</tr>
</table>
<table width="452" border="0" align="center" bgcolor="#ffffff">
<tr>
<td><p><font size="1" face="Verdana, Arial, Helvetica, sans-serif" class="content"><font color="#705a66"><img src="dot.gif" width="8" height="7" /> {short-story}</font></font></p>
<p align="center" class="menu Style1"><font color="#116C8E">
<a href=" http://www.celebrinet.com/celebrinetvotes.php?n=17394 " target="_blank"><font color="#0C485F">Vote pour le Site</font></a>
<a href=" http://sionestlaensemble.free.fr/livredor.html?uid=124486&sid=69050 " target="_blank"><font color="#0C485F">Signe le livre d'or</font></a>
<a href=" http://sionestlaensemble.free.fr/cpg1416/cpg1416/index.php " target="_blank"><font color="#0C485F">Accéder à la Gallery</font></a></font></p></td>
</tr>
</table>
<table width="340" height="23" border="0" align="center">
<tr>
<td bgcolor="#FFF3DF"><div align="center" class="footer">
<div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><font color="#5E9BB3">Posté le {date} par {author}</font></font></div>
</div></td>
</tr>
</table></td>
</tr>
</table>
<p> </p>
</body>
</html>
Vous pouvez voir ce que ca donne : http://emmanuelmoire.net/index3.html
Voila merci d'avance pour vos réponses.
Afficher la suite
