Vous en pensez quoi de mon site
Résolu/Fermé
worldcars
Messages postés
295
Date d'inscription
Statut
Membre
Dernière intervention
-
pititenouette -
pititenouette -
Bonjour,
bonjours je voudrais savoir ce que vous pensez de mon debut de site.
http://xbox360game.olympe-network.com/site%20game.htm
bonjours je voudrais savoir ce que vous pensez de mon debut de site.
http://xbox360game.olympe-network.com/site%20game.htm
A voir également:
- Vous en pensez quoi 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
37 réponses
Salut,
Il est vide, tu veux qu'on juge quoi ?
Revient quand tu l'aura un peu plus avancé parce que là pour l'instant c'est juste 3 tristes images avec 3 textes....
Il est vide, tu veux qu'on juge quoi ?
Revient quand tu l'aura un peu plus avancé parce que là pour l'instant c'est juste 3 tristes images avec 3 textes....
Je reprends ton code :
<body>
<br><br> Pourquoi commencer ta page par des <br> ? Tu peux assigner un marge en CSS ;) Petite correction, tu déclares ta page en xHTML 1.0 strict, la syntaxe de cette balise est donc <br /> Il est important de bien fermer toutes tes balises.
<div id="menu"/> Qu'est-ce que cette <div> toute seule et fermée ? Tu n'y fais pas non plus référence dans ton CSS...
<div/> Encore une <div> perdue...
<img src="img/menu.png" border="0" usemap="#Map"/> L'attribut border n'est pas valide en xHTML 1.0 strict. Tu dois faire passer ça dans ton code CSS.
<map name="Map" id="Map">
<area shape="rect" coords="106,277,284,312" href="site%20game.htm" />
<area shape="rect" coords="106,359,284,390" href="tuto.htm" />
<area shape="rect" coords="106,440,284,474" href="actu.htm" />
<area shape="rect" coords="97,476,106,479" href="#" />
<area shape="rect" coords="181,461,183,463" href="#" />
</map> Bonne utilisation de la balise <map> mais fais attention au fait qu'elle n'est pas super accessible. Quelqu'un qui navigue en mode texte ou qui utilise un lecteur d'écran n'aura pas accès à ton menu, et donc au contenu de ton site !
<div/> Encore une <div> perdue...
</body>
Pour ce qui est du CSS :
/* DESIGN GLOBAL */
#header Il n'y a pas d'élément ayant un id="header" dans ton html, donc cela ne fait référence à rien.
{
background-repeat: no-repeat;
background-position: center top;
}
#avatar Il n'y a pas d'élément ayant un id="avatar" dans ton html, donc cela ne fait référence à rien.
{
background-repeat: no-repeat;
padding-left:200px;
}
body
{
background-position:70px 220px;
background-repeat: no-repeat;
}
Tu définis la position et la répétition de ton background, mais pas le background en lui-même !
#ecriture
{
font-family: Arial, Times, "Times New Roman", serif;
}
Il n'y a pas d'élément ayant un id="ecriture" dans ton html, donc cela ne fait référence à rien.
table
{
margin-left: 200px;
margin-bottom: 300px;
}
Il n'y a pas de balise <table> dans ton html.
Tu pars sur de bonnes bases, mais fais attention à ta syntaxe HTML. En l'état, aucun élément de ton CSS ne s'applique. Il ne sert donc à rien.
Courage, et n'hésite pas à poser tes questions plus précises !
<body>
<br><br> Pourquoi commencer ta page par des <br> ? Tu peux assigner un marge en CSS ;) Petite correction, tu déclares ta page en xHTML 1.0 strict, la syntaxe de cette balise est donc <br /> Il est important de bien fermer toutes tes balises.
<div id="menu"/> Qu'est-ce que cette <div> toute seule et fermée ? Tu n'y fais pas non plus référence dans ton CSS...
<div/> Encore une <div> perdue...
<img src="img/menu.png" border="0" usemap="#Map"/> L'attribut border n'est pas valide en xHTML 1.0 strict. Tu dois faire passer ça dans ton code CSS.
<map name="Map" id="Map">
<area shape="rect" coords="106,277,284,312" href="site%20game.htm" />
<area shape="rect" coords="106,359,284,390" href="tuto.htm" />
<area shape="rect" coords="106,440,284,474" href="actu.htm" />
<area shape="rect" coords="97,476,106,479" href="#" />
<area shape="rect" coords="181,461,183,463" href="#" />
</map> Bonne utilisation de la balise <map> mais fais attention au fait qu'elle n'est pas super accessible. Quelqu'un qui navigue en mode texte ou qui utilise un lecteur d'écran n'aura pas accès à ton menu, et donc au contenu de ton site !
<div/> Encore une <div> perdue...
</body>
Pour ce qui est du CSS :
/* DESIGN GLOBAL */
#header Il n'y a pas d'élément ayant un id="header" dans ton html, donc cela ne fait référence à rien.
{
background-repeat: no-repeat;
background-position: center top;
}
#avatar Il n'y a pas d'élément ayant un id="avatar" dans ton html, donc cela ne fait référence à rien.
{
background-repeat: no-repeat;
padding-left:200px;
}
body
{
background-position:70px 220px;
background-repeat: no-repeat;
}
Tu définis la position et la répétition de ton background, mais pas le background en lui-même !
#ecriture
{
font-family: Arial, Times, "Times New Roman", serif;
}
Il n'y a pas d'élément ayant un id="ecriture" dans ton html, donc cela ne fait référence à rien.
table
{
margin-left: 200px;
margin-bottom: 300px;
}
Il n'y a pas de balise <table> dans ton html.
Tu pars sur de bonnes bases, mais fais attention à ta syntaxe HTML. En l'état, aucun élément de ton CSS ne s'applique. Il ne sert donc à rien.
Courage, et n'hésite pas à poser tes questions plus précises !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
En affichant le code source de ta page et en suivant le lien ^^
Dans ton code source :
<link rel="stylesheet" href="style.css" type="text/css" />
Cela signifie que ta page css se nomme style.css (comme 90% des pages css ^^)
Il me suffit donc de remplacer le titre de la page site game.htm (au passage, les espaces sont invalides dans les noms de pages ^^) par style.css pour y accéder. Facile.
Tant que j'y suis : pense à remplacer le <title>Titre de votre site</title> dans le <head> par un titre cohérent avec ta page, ce sera plus joli ^^
Dans ton code source :
<link rel="stylesheet" href="style.css" type="text/css" />
Cela signifie que ta page css se nomme style.css (comme 90% des pages css ^^)
Il me suffit donc de remplacer le titre de la page site game.htm (au passage, les espaces sont invalides dans les noms de pages ^^) par style.css pour y accéder. Facile.
Tant que j'y suis : pense à remplacer le <title>Titre de votre site</title> dans le <head> par un titre cohérent avec ta page, ce sera plus joli ^^
la j'ai pas trop d'idées pour faire le milieu du site (la ou je vais écrire mon texte) par exemple sur coment ça marche au milieu il y a un cadre blanc. est ce une image ou autre chose pouvez vous me le dire merci.
Il y a moyen de faire ça sans image, mais ici c'est vraisemblablement une image, vu l'ombre portée ;)
Pour faire ça il te faut une image de la largeur voulue reprenant un fond blanc et une ombre portée, sur une hauteur de 1px.
body {
width: 800px; /*par exemple*/
margin: auto; /*pour centrer*/
background: silver/*pour la couleur de fond*/ url("fondombre.jpg")/*pour le lien vers l'image*/ repeat-y/*pour qu'il se répète verticalement*/;
}
Et voilà !
Pour faire ça il te faut une image de la largeur voulue reprenant un fond blanc et une ombre portée, sur une hauteur de 1px.
body {
width: 800px; /*par exemple*/
margin: auto; /*pour centrer*/
background: silver/*pour la couleur de fond*/ url("fondombre.jpg")/*pour le lien vers l'image*/ repeat-y/*pour qu'il se répète verticalement*/;
}
Et voilà !
C'est à peu près ça, si ce n'est que le but est de faire l'ombre sur la "boîte" et pas sur le texte ;)
bonjours j'ai un problème hier quelqu'un m'a donné un code css pour que je puisse faire un peu comme comment ça marche, faire un fond blanc le code marchait très bien hier mais la il ne marche plus pouvez vous me dire pourquoi:
voila mon code
css
body {
width: 300px; /*par exemple*/
margin: auto; /*pour centrer*/
background: black/*pour la couleur de fond*/ url("img/fond.png")/*pour le lien vers l'image*/ repeat-y/*pour qu'il se répète verticalement*/;
margin-top: 10px;
}
body {
width: 800px; /*par exemple*/
margin: auto; /*pour centrer*/
background: silver/*pour la couleur de fond*/ url("fondombre.jpg")/*pour le lien vers l'image*/ repeat-y/*pour qu'il se répète verticalement*/;
}
html
<!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>
<meta http-equiv="Contenu-Type" content="text/html; charset=iso-8859-1" />
<title>xbox360game</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<center><img src="img/header.png"/></center>
<body>
<br><br>
<div id="menu"/>
<img src="img/menu.png" border="0" usemap="#Map"/>
<map name="Map" id="Map">
<area shape="rect" coords="106,277,284,312" href="site%20game.htm" />
<area shape="rect" coords="106,359,284,390" href="tuto.htm" />
<area shape="rect" coords="106,440,284,474" href="actu.htm" />
<area shape="rect" coords="97,476,106,479" href="#" />
<area shape="rect" coords="181,461,183,463" href="#" />
</map>
</div>
</body>
</html>
voila mon code
css
body {
width: 300px; /*par exemple*/
margin: auto; /*pour centrer*/
background: black/*pour la couleur de fond*/ url("img/fond.png")/*pour le lien vers l'image*/ repeat-y/*pour qu'il se répète verticalement*/;
margin-top: 10px;
}
body {
width: 800px; /*par exemple*/
margin: auto; /*pour centrer*/
background: silver/*pour la couleur de fond*/ url("fondombre.jpg")/*pour le lien vers l'image*/ repeat-y/*pour qu'il se répète verticalement*/;
}
html
<!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>
<meta http-equiv="Contenu-Type" content="text/html; charset=iso-8859-1" />
<title>xbox360game</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<center><img src="img/header.png"/></center>
<body>
<br><br>
<div id="menu"/>
<img src="img/menu.png" border="0" usemap="#Map"/>
<map name="Map" id="Map">
<area shape="rect" coords="106,277,284,312" href="site%20game.htm" />
<area shape="rect" coords="106,359,284,390" href="tuto.htm" />
<area shape="rect" coords="106,440,284,474" href="actu.htm" />
<area shape="rect" coords="97,476,106,479" href="#" />
<area shape="rect" coords="181,461,183,463" href="#" />
</map>
</div>
</body>
</html>