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

3 réponses

  1.
    Ch93 Messages postés 5112 Date d'inscription   Statut Membre Dernière intervention   735
     
    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
  2. bg62 Messages postés 23522 Date d'inscription   Statut Modérateur Dernière intervention   2 435
     
    	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
  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
    1. bg62 Messages postés 23522 Date d'inscription   Statut Modérateur Dernière intervention   2 435
       
      ??? avec un height de px .... tu as pensé à ça ???
      mieux vaudrait revoir l'image du départ comme je l'ai dit :)
      0
    2. 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
    3. wedge132
       
      merci pour l'aide. arthezius, ton code marche vraiment pas mal. Merci à vous tous
      0

Discussions similaires

Comment s’inscrire sur célibataire du web
Mimi412 -
MPMP10 -

6 réponses