Votre avi sur le design de mon site

Fermé
Two Jay Messages postés 246 Date d'inscription jeudi 14 octobre 2010 Statut Membre Dernière intervention 30 avril 2014 - Modifié par Two Jay le 9/06/2011 à 17:31
Two Jay Messages postés 246 Date d'inscription jeudi 14 octobre 2010 Statut Membre Dernière intervention 30 avril 2014 - 11 juin 2011 à 15:23
Bonjour à tous.J'aimerais vous demander de regarder les codes de mon site afin de me donner conseil.J'aimerais que le design de mon site soit extensible.si vous voyez des codes qui sont unitile,vous pouvez me dire pour que je les enlenves ou bien me dire ce qu'il faut ajouter.
Voici les codes:

!DOCT<YPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=windows-1250"> 
<meta name="generator" content="PSPad editor, www.pspad.com"> 

<link rel="stylesheet" type="text/css" href="/C:/izere/izere.css" media="screen" /> 
<title>Yezu Munyakigongwe </title> 



</head> 
<body> 
<div id="entete"> <!--Div pour l'entête--> 

</div id="entete"> 

</div> 

<div id="contenu"> 
<div id="contenu-bis"> 
<div id="gauche"> 
<a href="/C:/izere/entree.html" class="boutton"><span>Yezu Munyakigongwe</span></a> 
<div id="formulaire"> 

</div id="formulaire"> 
</div id="gauche"> 
<div id="droite"> 
<p id="iburyo"> 
<li></li> 


</p id="iburyo"> 

<p id="iburyo"> 
</p id="iburyo"> 
</div id="droite"> 
<div id="centre"> 

</div id="centre"> 
</div id="contenu-bis"> 
</div id="contenu"> 
<div id="pied"> 
</div id="pied"> 

</body> 
</html> 


Les codes css:
/*Quelle sont les propriétés qui sont inutiles dans ce fichier????*/ 
#entete 
{ 
height: 220px; 
background-image: url("/C:/monsite/jesus_entete.jpg"); 
background-repeat: no-repeat; 
border: 1px solid black; 
overflow: auto; 
min-width: 860px; 
background-color:black; 
border-radius: 10px 10px 0px 0px; /*Ce propriété est-il valide??*/ 
} 
#gauche 
{ 
float: left; 
min-width: 200px; 
height:auto; 
overflow: auto; 
padding-bottom:auto; 
margin-right: 5px; 
margin-top:5px; 
background: url("/C:/izere/gauche.jpg")repeat left top; 
background-repeat: repeat; 
border-radius: 10px 10px 10px 10px; 
} 
#droite 
{ 
float: right; 
width: 250px; 
height: auto; 
padding-bottom:auto; 
overflow: auto; 
margin-left: 5px; 
margin-top:5px; 
text-align:center; 
background: url("/C:/izere/gauche.jpg")repeat left top; 
background-repeat: repeat; 
border-radius: 10px 10px 10px 10px; 
} 
#iburyo 
{ 
background-color:red; 
Border-style:solid; 
border-radius: 10px 10px 10px 10px; 
/*None, dotted, dashed, solid, double, groove, ridge, inset, outset */ 

} 
#centre 
{ 
height:auto; 
background:khaki; 
overflow: hidden; 
min-height:600px; 
min-width:320px; 
margin-top:5px; 
border-radius: 10px 10px 10px 10px; 

/* background: url("/C:/izere/gauche.jpg") repeat-y left top; */ 


/*background: url("/C:/izere/gauche.jpg") repeat-y right top; */ 
} 

#pied 
{ 
text-align:center; 
background-color:red; 
padding-bottom:auto; 
margin: 8px 0 0 0; 
border-radius: 10px 10px 10px 10px; 

} 
#contenu 
{ 
width: 100%; 
overflow: hidden; 
background: url("/C:/izere/gauche.jpg")repeat left top; 
border-radius: 0px 0px 10px 10px; 
} 

#contenu p 
{ 
padding-top:10px 
padding-right:10px; 
padding-bottom:10px; 
padding-left:10px; 
border-radius: 10px 10px 10px 10px; 
} 
#contenu-bis 
{ 
width: 100%; 
overflow: hidden; 
background: url("/C:/izere/gauche.jpg")repeat right top; 
} 
li 
{ 
min-width=150px; 
background-color:red; 

} 

a 
{ 
text-decoration :none ; 
font-weight :bold ; 
} 
a:link 
{ 
color : blue ; 
} 
a :visited 
{ 
color :#93C ; 
} 

a:hover, a:focus /* Passage du souris*/ 
{ 
color : black; 
text-decoration: underline ; 
border-radius: 10px 10px 10px 10px; 

} 

#boutton 
{ 
background-position: left top; 

} 
#boutton:hover 
{ 
background-image:url("/C:/monsite/ibouton.jpg"); 
text-decoration:none; /*on enlève le soulignement du lien*/ 

} 

#formulaire 
{ 
float: left; 
min-width: 200px; 
margin-top:130px; 
overflow: auto; 
margin-right: 5px; 
overflow: auto; 

} 





.boutton 
{ 
min-width: 200px; 
min-height:60px; 
display:block; /*Pour que le "bloc" soit un vrai bloc*/ 
background-image: url("/C:/monsite/degrade.png"); 
background-repeat: repeat; 
background-position: left top; 
text-align:center; 
Font-size:x-large; 
border-radius: 10px 10px 10px 10px; 
} 
.boutton:hover 
{ 
background-image:url("/C:/monsite/ibouton.jpg"); 
text-decoration:none; /*on enlève le soulignement du lien*/ 
}
A voir également:

3 réponses

arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
9 juin 2011 à 17:54
<link rel="stylesheet" type="text/css" href="/C:/izere/izere.css" media="screen" /> 

Ne JAMAIS mettre ce genre de chemin!!
Une fois les fichiers sur le serveur il fait comment le lien vers le dossier de ton ordi?

De plus on vois comment les images qui compose ton design?
0
Two Jay Messages postés 246 Date d'inscription jeudi 14 octobre 2010 Statut Membre Dernière intervention 30 avril 2014 11
11 juin 2011 à 15:23
Mon site n'est pas en ligne, il est en local.Je vais juste votre avis pour que son design soit extensible!
0
</div id="entete"> ??? c'est quoi, un attribue ne se mets jamais dans une balise fermante et la tu fait une double balise fermante supprime cette ligne, faut faire attention avec les copier coller
0
il faut revoir touts tes chemin qui commencent avec un C:/ dans le serveur d'hébergement y a pas de C, faut mettre des chemin relatif, ça veut dire par rapport au fichier en cours
0
Two Jay Messages postés 246 Date d'inscription jeudi 14 octobre 2010 Statut Membre Dernière intervention 30 avril 2014 11
11 juin 2011 à 15:17
Merci 9jmoRan.J'aimerai te dire que mon site n'est pas heberger,il est en local.J'ai pas copier les codes, je m'applique!!!!!J'ai déjà un site heberger!!!!Je voudrai juste les conseils sur mon site pour qu'il soit extensible.
0