Intégre Cutenews

Question

Bonsoir, désolée de vous déranger encore mais j'ai était très contente de l'aide que l'on m'a apporté la dernière fois alors je reviens :)
J'ai installé cutenews et j'ai suivi les tutorials de ce site (http://simply.design.free.fr/) à la lettre mais voici le résultat sur mon site : http://www.insanitygraph.com/
Tout est déformé et les news s'emboîtent au lieu d'être l'une au-dessus de l'autre !
Je remercie d'avance celui ou celle qui m'aidera à venir à bout de Cutenews !

bissdebrazza · Answer

Salut!
Cela est dû à ton css

Justiine · Answer

Qu'est-ce qu'il faut que je fasse ?

bissdebrazza · Answer

en tout cas,revoir ton code css que tu as dans ta page.Chez moi ça passe bien!

Justiine · Answer

Voici mon CSS :

/* CSS by Mayden*/



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
        background-image: url(images/pattern.jpg);
	font-family: "Lucida Sans", Arial, sans-serif;
	font-size: 7.5pt;
	color: #bfbfbf;}

TD, TR {
	font-family:Trebuchet MS;
	font-size:11px;
	color: silver;}


A:link, A:visited, A:active{
	color:#cba4a2;
        font-family: Georgia;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 10px;
	text-decoration:none; 
        text-transform:lowercase;
	font-weight:none;}


A:hover{
	color:#c4998a;
	text-decoration: underline;
	font-weight:none;
	cursor:default;}


.pix {
        -moz-border-radius:0.5em;
	background-color: #FFFFFF; 	
	border: 1px solid #dedede;
	padding: 4px;}

.pix:hover {
	background-color: #FBFBFB; 	
	cursor: help;
	border: 1px solid #d2c2be;
	padding: 4px;}

.title1{
        margin:0px; 
        -moz-border-radius:7px; 
        color:#ffffff; 
        font-weight:bold; 
        text-transform: uppercase; 
        background-image:url(images/title1.png); 
        text-align:center; 
        font-size:12px; 
        padding:8px; }

.title2{
        margin:0px; 
        -moz-border-radius:7px; 
        color:#deaca9; 
        font-weight:none;
        text-align:center; 
        text-transform: uppercase;
        background-image: url(images/title2.png); 
        font-size: 12px; 
        font-family: Lucida Sans;  
        padding:8px; }


.newsbox {
	padding: 5px;
	line-height:15px;
	color:#c9b8b4;
	background-color: #f0e6e5;
	-moz-border-radius: 7px;
	font-family: "Lucida Sans", Arial, sans-serif;
	font-size: 7.5pt;}
	
	.newsbox2 {
	padding: 5px;
	line-height:15px;
	color:#b5a39e;
	background-color: #e5d8d5;
	-moz-border-radius: 7px;
	font-family: "Lucida Sans", Arial, sans-serif;
	font-size: 7.5pt;}



.menubox{  -webkit-border-radius: 7px; 
	border-radius: 5px;
	-moz-border-radius:  8px; 
	border: 1px solid #ead7cf;
	background:#ebe2e1;
	padding: 0px;
	margin-bottom:10px;}
	
.menubox2{  -webkit-border-radius: 7px; 
	border-radius: 5px;
	-moz-border-radius:  8px; 
	border: 1px solid #d2c2be;
	background:#e5d8d5;
	padding: 0px;
	margin-bottom:10px;}
	
.padding{padding:0px;}

.footer1 {
        background-image: url(images/footer1.png);
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	-moz-border-radius: 8px;
	color:#bd9f98;}

.footerpage {
	background-color: #ecdee0;
	border-bottom: 5px solid #d0c1bc;
	padding: 5px;
	letter-spacing:0px; 
	line-height:8pt; 
	color: #917e7b; 
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
	font-family: verdana;	
	font-size: 6pt;}

b {
      font-style: bold;
	color: #cba4a2;}


u { 
      text-decoration: underline;
      color: #cba4a2;}

i { 
      font-style: italic;
	color: #afb2b9;}



input, textarea, select, button {
        font-size:11px;
        color:#b5a39e;
        background: #ffffff;
        border: 1px solid #ffffff;}

En suivant le tutorial, il y a cette étape que je n'ai pas comris :
Etape 07 : Enfin, pour que CuteNews soit bien mis en page, mets le lien de ton CSS entre les balises et comme ceci :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <title>Titre du site</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="TONCSSPOURCUTENEWS.css" rel="stylesheet" type="text/css"> </head> <body> </body> </html>

Justiine · Answer

J'ai réussi à rectifier la déformation mais maintenant, j'ai un problème avec le style, qui ne correspond à celui d'origine.

Intégre Cutenews

5 réponses

Discussions similaires

Newsletters