5568 sujets

Sémantique web et HTML

Bonjour,

Voila, j'ai un problème en rajoutant la balise
a écrit :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

sur toutes mes pages Web.
En effet, avec cette balise, mes images en css disparaissent.

Voici un morceau de mon code css (pour une image)
a écrit :
div#plan {
background-image: url(images/plan.jpg);
background-repeat: no-repeat;
width: 384;
height: 290;
float: right;
}


et la balise qui appelle cette image:
a écrit :
<div id="plan"></div>

Donc voila, sans la balise du DOCTYPE tout celà marche très bien, mais dès que je la rajoute, les images disparraissent...
Modifié par laklara (12 Jun 2006 - 13:55)
hello !

Si tu codes en Strict il ne faut surtout pas oublier de préciser les unités... Autrement dit, met ça et ça devrait marcher :

a écrit :
div#plan {
background-image: url(images/plan.jpg);
background-repeat: no-repeat;
width: 384px;
height: 290px;
float: right;
}
Oui effectivement ça marche !
Merci beaucoup Smiley smile

Sinon, la bannière de mon site est une image en css toujours.
Je souhaite en faire un lien, mais lorsque je met :

a écrit :
<a href='index.php'><div class='header'></div></a>


le lien marche mais il me met deux warning :
a écrit :
missing </a> before <div>
discarding unexpected </a>


J'ai tenté plusieurs solutions, mais toutes me mettent une erreur... Smiley decu
Modifié par laklara (12 Jun 2006 - 11:41)
euuhhh... et pourquoi alourdir autant ton code ?

pourquoi ne pas juste mettre :

a écrit :
<a href="index.php" id="header"></a>


puis dans les css, un truc du genre :

a écrit :

a#header{
background:url(ton_image.gif) no-repeat;
width: 468px;
height:60px;
display:block;
}

Modifié par reperweb (12 Jun 2006 - 11:52)
ah oui, je n'y avais pas pensé...
Je ne maitrise pas encore trop tout ça, c'est mon premier site !

Merci beaucoup, je vais essayer ça.