Votre avi sur le design de mon site
Two Jay
Messages postés
285
Statut
Membre
-
Two Jay Messages postés 285 Statut Membre -
Two Jay Messages postés 285 Statut Membre -
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:
Les codes css:
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*/
}
3 réponses
-
<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? -
</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
-
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
