eliixiire Posté 11 Mars 2006 Partager Posté 11 Mars 2006 Bonjour, je profite du week end pour commencer a coder mon site , mais voila ce qui m'arrive quand je veux insérer une image : Voici mon code xhtml : <!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> <title>Bienvenue sur mon site !</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" media="screen" type="text/css" title="gene" href="gene.css"/> </head> <body> <div id="logo"> </div> <div id="entete"> </div> Voici mon CSS : body { border:none; margin-left:0px; margin-right:0px; margin-top:0px; } #logo { background-image: url("images/logo.gif"); background-repeat:no-repeat; background-position:top left; width:100%; border:none; margin-left: 0px; margin-top:0px; } Avec ce code on ne voi que la moitiée de l'image : mon image fait 148*100pxet on en voit que 148*30px merci pour votre aide Eliixiire. Lien vers le commentaire Partager sur d’autres sites More sharing options...
captain_torche Posté 13 Mars 2006 Partager Posté 13 Mars 2006 C'est tout simplement parce que ton DIV est vide: n'ayant pas de contenu, il n'a pas de hauteur. Il suffit juste que tu lui spécifies une hauteur (avec le paramètre height), pour que ton image apparaisse en entier. Lien vers le commentaire Partager sur d’autres sites More sharing options...
eliixiire Posté 13 Mars 2006 Auteur Partager Posté 13 Mars 2006 Oh, si seulement t'aurait pu avoir raison !!! hélas non, j'ai rajouter le height aussi bien avec 100% que auto qu'une hauteur en px , et rien ni fait. je ne comprends plus rien !!!! si vous avez des idées... merci Eliixiire. Lien vers le commentaire Partager sur d’autres sites More sharing options...
captain_torche Posté 13 Mars 2006 Partager Posté 13 Mars 2006 Juste pour savoir : tu as posté tout ton code HTML dans le premier post ? Ou tu as volontairement omis les balises de fermeture </body> et </html> ? Lien vers le commentaire Partager sur d’autres sites More sharing options...
Camaël Posté 13 Mars 2006 Partager Posté 13 Mars 2006 Il y a déjà une erreur dans ton code CSS : background-image: url("images/logo.gif"); Enlève les " " Lien vers le commentaire Partager sur d’autres sites More sharing options...
eliixiire Posté 13 Mars 2006 Auteur Partager Posté 13 Mars 2006 Bonjour, et merci de votre attention. Oui j'ai oublié de fermé body et html dans l'exemple, mais en interne ils y sont. je ne savais pas qu'il fallait retirer les "" , cela dis cela ne fonctionne toujours pas... c un véritable casse-tête.... je n'y pannnnnnne vraiment plus riennnnnnn. Eliixiire. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant