Aller au contenu

Sujets conseillés

Posté

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.

Posté

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.

Posté

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.

Posté

Il y a déjà une erreur dans ton code CSS :

background-image: url("images/logo.gif");

Enlève les " "

Posté

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.

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...