Site web

Résolu
wedge132 -  
 wedge132 -
Bonjour,
je bosse en ce moment sur la conception d'un petit site web. J'ai un petit soucis, mon background n'est pas aligné vers le haut et le bas. J'aimerai que mon fond n'ai pas cette bordure noire vers le haut et le bas.
Merci d'avance
Voici le lien du site web, pour voir : http://www.oneshotoneday.com
A voir également:

3 réponses

Réponse 1 / 3
Ch93 Messages postés 6128 Statut Membre 729
 
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> !? 

</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>
0
Réponse 2 / 3
bg62 Messages postés 26230 Statut Modérateur 2 416
  
	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 ;
0
Réponse 3 / 3
maka54 Messages postés 721 Statut Membre 80
 
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;
}
0
bg62 Messages postés 26230 Statut Modérateur 2 416
 
??? avec un height de px .... tu as pensé à ça ???
mieux vaudrait revoir l'image du départ comme je l'ai dit :)
0
arthezius Messages postés 3756 Statut Membre 475
 
Oui et non. 
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.
0
wedge132
 
merci pour l'aide. arthezius, ton code marche vraiment pas mal. Merci à vous tous
0