Site web
Résolu/Fermé
A voir également:
- Site web
- Site de telechargement - Guide
- Création site web - Guide
- Web office - Guide
- Site inaccessible - Guide
- Quel site remplace coco - Guide
3 réponses
Ch93
Messages postés
5222
Date d'inscription
mardi 18 janvier 2011
Statut
Membre
Dernière intervention
23 janvier 2013
728
30 mai 2011 à 10:04
30 mai 2011 à 10:04
Salut
Déjà il me semble que tu as oublié la balise body d'ouverture après le head de fermeture !?
Tu as le </head> et ensuite tout de suite une balise <div> !?
Déjà il me semble que tu as oublié la balise body d'ouverture après le head de fermeture !?
Tu as le </head> et ensuite tout de suite une balise <div> !?
</head> <div style="text-align:center"> <a href="../index.php?ty=1"> <img src="../img/languette_acceuil_bas.png" name="languette_acceuil" border="0" id="languette_acceuil" /> </a> <a href="../html/centre3.html?ty=2"> <img src="../img/languette_inscription_bas.png" name="languette_inscription" border="0" id="languette_inscription"/> </a> <a href="../index.php?ty=3"> <img src="../img/languette_partenaire_bas.png" name="languette_partenaires" border="0" id="languette_partenaires"/> </a> <a href="../index.php?ty=4"> <img src="../img/languette_contact_bas.png" name="languette_contact" border="0" id="languette_contact"/> </a> </div>
bg62
Messages postés
23640
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
2 septembre 2024
2 381
30 mai 2011 à 10:34
30 mai 2011 à 10:34
background-image: url(img/fond.png); background-repeat: no-repeat; background-position:center; height:1250px; background-color: #000;
puisque tu mets la couleur en "000" le reste tu peux supprimer ;)
et pour le fond en question, il est beaucoup trop grand et lourd, mais ne comporte aucune bordure ....
si tu y tiens vraiment, vois avec les propriétés de 'repeat y'
background-image: url("img/fond.png") ;
background-repeat: repeat-y ;
maka54
Messages postés
698
Date d'inscription
mercredi 8 avril 2009
Statut
Membre
Dernière intervention
4 décembre 2016
80
30 mai 2011 à 12:09
30 mai 2011 à 12:09
il faut ajouter margin:0;
body {
background-color: #000000;
background-image: url("img/fond.png");
background-position: center center;
background-repeat: no-repeat;
height: 1250px;
margin: 0;
}
body {
background-color: #000000;
background-image: url("img/fond.png");
background-position: center center;
background-repeat: no-repeat;
height: 1250px;
margin: 0;
}
bg62
Messages postés
23640
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
2 septembre 2024
2 381
30 mai 2011 à 12:11
30 mai 2011 à 12:11
??? avec un height de px .... tu as pensé à ça ???
mieux vaudrait revoir l'image du départ comme je l'ai dit :)
mieux vaudrait revoir l'image du départ comme je l'ai dit :)
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
30 mai 2011 à 12:59
30 mai 2011 à 12:59
Oui et non.
Les deux background sont utiliser dans les fait.
On constate bien ce résultat avec Firebug (extension Firefox).
Personnellement, je conseillerai de mettre le tout dans un div container. Celui-ci englobant le tout, tu pourra le placer en absolute à 0px du haut et supprimer la bordure noir en haut.
Tu pourra y mettre ton image en arrière plan.
Pour le body, tu pourras y mettre et n'y laisser que le fond noir.
Autrement dit:
Côté CSS:
Tu pourras d'ailleur recadrer ton image pour supprimer les marges transparente sur les côtés.
background-color: #000000;
background-image: url("img/fond.png");
Les deux background sont utiliser dans les fait.
On constate bien ce résultat avec Firebug (extension Firefox).
Personnellement, je conseillerai de mettre le tout dans un div container. Celui-ci englobant le tout, tu pourra le placer en absolute à 0px du haut et supprimer la bordure noir en haut.
Tu pourra y mettre ton image en arrière plan.
Pour le body, tu pourras y mettre et n'y laisser que le fond noir.
Autrement dit:
<body> <div id="container"> // Le reste du code html </div> </body>
Côté CSS:
div#container{ width:564px; margin:0px auto; position:absolute;top:0px;background: url(img/fond.png) no-repeat top; }
Tu pourras d'ailleur recadrer ton image pour supprimer les marges transparente sur les côtés.
