Vous en pensez quoi de mon site
Résolu/Fermé
worldcars
Messages postés
295
Date d'inscription
mercredi 21 janvier 2009
Statut
Membre
Dernière intervention
20 décembre 2009
-
8 mars 2009 à 19:52
pititenouette - 12 mars 2009 à 23:05
pititenouette - 12 mars 2009 à 23:05
A voir également:
- Vous en pensez quoi de mon site
- Site de telechargement - Accueil - Outils
- Site de vente en ligne particulier - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Site inaccessible - Guide
- C'est quoi l'url d'un site ? - Guide
37 réponses
KorriganVehuiah
Messages postés
171
Date d'inscription
jeudi 2 octobre 2008
Statut
Membre
Dernière intervention
22 mars 2009
70
9 mars 2009 à 22:11
9 mars 2009 à 22:11
Tu as essayé
body {
margin-top: 10px;
}
?
body {
margin-top: 10px;
}
?
neogenesis
Messages postés
4748
Date d'inscription
dimanche 19 octobre 2008
Statut
Contributeur
Dernière intervention
24 janvier 2010
513
8 mars 2009 à 19:54
8 mars 2009 à 19:54
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....
Tonyjim
Messages postés
68
Date d'inscription
lundi 16 février 2009
Statut
Membre
Dernière intervention
19 juillet 2009
1
8 mars 2009 à 20:10
8 mars 2009 à 20:10
oui mais le style est simple mais efficace ;)
Bonne continuation
Bonne continuation
KorriganVehuiah
Messages postés
171
Date d'inscription
jeudi 2 octobre 2008
Statut
Membre
Dernière intervention
22 mars 2009
70
8 mars 2009 à 20:43
8 mars 2009 à 20:43
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
worldcars
Messages postés
295
Date d'inscription
mercredi 21 janvier 2009
Statut
Membre
Dernière intervention
20 décembre 2009
74
8 mars 2009 à 21:10
8 mars 2009 à 21:10
j'ai une question comment a tu fait pour trouver mon css
BanBan55
Messages postés
363
Date d'inscription
dimanche 24 février 2008
Statut
Membre
Dernière intervention
9 juin 2024
45
8 mars 2009 à 21:14
8 mars 2009 à 21:14
http://xbox360game.olympe-network.com/style.css
avec le code source de ta page
avec le code source de ta page
worldcars
Messages postés
295
Date d'inscription
mercredi 21 janvier 2009
Statut
Membre
Dernière intervention
20 décembre 2009
74
8 mars 2009 à 21:14
8 mars 2009 à 21:14
oui mais le code source donne juste le html
worldcars
Messages postés
295
Date d'inscription
mercredi 21 janvier 2009
Statut
Membre
Dernière intervention
20 décembre 2009
74
8 mars 2009 à 21:14
8 mars 2009 à 21:14
ok j'ai compris
KorriganVehuiah
Messages postés
171
Date d'inscription
jeudi 2 octobre 2008
Statut
Membre
Dernière intervention
22 mars 2009
70
8 mars 2009 à 21:15
8 mars 2009 à 21:15
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 ^^
worldcars
Messages postés
295
Date d'inscription
mercredi 21 janvier 2009
Statut
Membre
Dernière intervention
20 décembre 2009
74
8 mars 2009 à 21:17
8 mars 2009 à 21:17
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.
KorriganVehuiah
Messages postés
171
Date d'inscription
jeudi 2 octobre 2008
Statut
Membre
Dernière intervention
22 mars 2009
70
8 mars 2009 à 21:24
8 mars 2009 à 21:24
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à !
worldcars
Messages postés
295
Date d'inscription
mercredi 21 janvier 2009
Statut
Membre
Dernière intervention
20 décembre 2009
74
8 mars 2009 à 21:26
8 mars 2009 à 21:26
et mon image par exemple leur image blanche elle fait à peut près combien de px
KorriganVehuiah
Messages postés
171
Date d'inscription
jeudi 2 octobre 2008
Statut
Membre
Dernière intervention
22 mars 2009
70
8 mars 2009 à 21:31
8 mars 2009 à 21:31
Ça doit être du 1000px de large, à vue de pif...
worldcars
Messages postés
295
Date d'inscription
mercredi 21 janvier 2009
Statut
Membre
Dernière intervention
20 décembre 2009
74
8 mars 2009 à 21:49
8 mars 2009 à 21:49
je ne comprend pas je suis sous gimp et je n'arrive pas à faire une ombre porté.
yooyoo12
Messages postés
308
Date d'inscription
mercredi 25 février 2009
Statut
Membre
Dernière intervention
28 janvier 2014
18
8 mars 2009 à 21:56
8 mars 2009 à 21:56
ombre portée sur un texte? par ici:
http://www.infetech.com/article.php3?id_article=137
http://www.infetech.com/article.php3?id_article=137
KorriganVehuiah
Messages postés
171
Date d'inscription
jeudi 2 octobre 2008
Statut
Membre
Dernière intervention
22 mars 2009
70
8 mars 2009 à 22:04
8 mars 2009 à 22:04
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 ;)
yooyoo12
Messages postés
308
Date d'inscription
mercredi 25 février 2009
Statut
Membre
Dernière intervention
28 janvier 2014
18
8 mars 2009 à 22:33
8 mars 2009 à 22:33
c'est quasiment pareil ;)
tu procède pareil.
tu procède pareil.
worldcars
Messages postés
295
Date d'inscription
mercredi 21 janvier 2009
Statut
Membre
Dernière intervention
20 décembre 2009
74
9 mars 2009 à 22:08
9 mars 2009 à 22:08
et j'aurais voulus qu'il y ai un espace entre le haut de ma page et de mon fond blanc
worldcars
Messages postés
295
Date d'inscription
mercredi 21 janvier 2009
Statut
Membre
Dernière intervention
20 décembre 2009
74
9 mars 2009 à 22:24
9 mars 2009 à 22:24
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>
djflexlive
Messages postés
557
Date d'inscription
mercredi 26 mars 2008
Statut
Membre
Dernière intervention
23 avril 2015
95
9 mars 2009 à 22:26
9 mars 2009 à 22:26
C'est un debut de site ??
La fin c'est prévu pour quand ...?!
La fin c'est prévu pour quand ...?!