Votre avi sur le design de mon site
Two Jay
Messages postés
246
Date d'inscription
Statut
Membre
Dernière intervention
-
Two Jay Messages postés 246 Date d'inscription Statut Membre Dernière intervention -
Two Jay Messages postés 246 Date d'inscription Statut Membre Dernière intervention -
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*/
}
A voir également:
- Votre avi sur le design de mon site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site de partage de photos - Guide
- Site x - Guide
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?
Two Jay
Messages postés
246
Date d'inscription
Statut
Membre
Dernière intervention
11
Mon site n'est pas en ligne, il est en local.Je vais juste votre avis pour que son design soit extensible!
</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