28172 sujets

CSS et mise en forme, CSS3

Image d'une div ne s'affiche pas..

Bonjour à tous Smiley smile

J'apprends actuellement le html/css, et je suis en train "découvrir" les balises div.. (Ouahou, oui mais je suis débutant je n'y connais encore rien Smiley lol .
Mais, premier essai pas très concluant...

J'ai voulu afficher une image sur un fond simple, mais l'image de la div ne s'affiche pas..
En fait, c'est étrange, quand je mets une lettre dans la balise div, il y a juste un petit bout de l'image qui s'affiche..

Voici les codes :

Html

<!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/html" xml:lang="fr" >
<head>
<title> Titre </title>
<meta http-equiv="Content-Type" content="test/html;
charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css"
title="Mon style" href="style2.css" />
</head>

<body>

    
    <div id="logo"></div>
    
    
</body>
</html>


et CSS:

body
{
    background: url(img2/fond.png)
}


#logo
{
   background: url("img2/bkg-header.png") no-repeat;
   width: 768px;
   heigth: 253px;
   
        }


Sauriez-vous d'où vient le problème ? Smiley confused

Merci d'avance ! Smiley smile
Modifié par Dimensio (23 May 2012 - 14:39)
Ah oui merci Smiley lol
Tu n'aurais pas une idée pour la div qui ne s'affiche pas ?

edit : Oulala merci beaucoup boulaneige Smiley eek . C'était ça mon erreur.. Merci beaucoup !! Smiley lol J'ai toujours écrit heigth Smiley ravi , je ferai attention maintenant Smiley langue Smiley sweatdrop
Modifié par Dimensio (23 May 2012 - 14:55)
Bonjour,

<img src="img2/fond.png" alt="le nom de ma boite">

Un logo étant une image porteuse de contenu, il n'a rien à faire dans le CSS et doit être inclus dans le HTML avec un alt correctement rempli.
Bonjour Laurie-Anne,

Ah, je ne savais pas. A vrai dire je suis un livre qui explique tout ça ainsi que des tutoriels vidéos, et à chaque fois ils utilisent des div, mais en effet il parait plus judicieux de le mettre dans le HTML Smiley smile

J'ai juste une dernière question.. Pour faire un menu, j'ai créer le fond sur Photoshop, et ait découpé l'image en 3 partie, le haut, le bas, et le fond qui sera répété autant que nécessaire.
Mais quand je mets des liens dans la div de la partie centrale (répétée), un espace se créer entre le haut et le bas..

Voici un aperçu :

http://imageup.fr/uploads/1337779143.png

Y a t-il un moyen de supprimer cet espace ?
kustolovic a écrit :
A vrai dire je suis un livre qui explique tout ça ainsi que des tutoriels vidéos

Tu es un livre ou des tutos vidéos? C'est la première fois que j’écris pour répondre à un livre Smiley biggrin

a écrit :
Y a t-il un moyen de supprimer cet espace ?

Tu as des marges sur le ul qui est dans la div =&gt; http://www.alsacreations.com/article/lire/629-fusion-des-marges.html

Mdr, j'avais pas fait attention Smiley lol .
"suis" du verbe suivre bien sûr Smiley lol

Merci beaucoup pour ton lien, je vais lire attentivement Smiley lol
Modifié par Dimensio (23 May 2012 - 15:37)
Sujet clos
Aller à