all html : Le portail des webmaster

liste des forums liste des discussions Participer à la discussion

Message publié le lundi 15 février 2010 - 18h41 par Gizmil.

Salut,

un petit souçi, j'ai une image placée dans une div en CSS qui s'obstine à ne pas vouloir apparaître ! Ca paraît bête mais je crois que le problème est plus perniceux qu'il n'y paraît ou alors, j'ai fais une simple erreur qui m'a échappé, c'est possible !

Voilà un lien qui vous montrera le problème. Normalement, un fond bleu foncé doit apparaître derrière l'image principale :

http://www.lne-art.be/body.php?a=8&contenu=works_s2_03&work=work_06

L'image à faire apparaître s'appelle "background_body.png" et la div dans laquelle elle doit s'insérer porte l'ID "bloc_travaux".

Le lien du css :

http://www.lne-art.be/design.css


Le code HTML de la div :

<div id=bloc_travaux">
<div id="bloc_icones">
<a href="body.php?a=8&contenu=works_s2_03&work=work_01"><img src="works_pages/images/menu_02/foret/grands_formats/icone_allee.gif" /><span>Allée</span></a>
<a href="body.php?a=8&contenu=works_s2_03&work=work_02"><img src="works_pages/images/menu_02/foret/grands_formats/icone_aplats.gif" /><span>Aplats</span></a>
<a href="body.php?a=8&contenu=works_s2_03&work=work_03"><img src="works_pages/images/menu_02/foret/grands_formats/icone_arriere.gif" /><span>Arrière</span></a>
<a href="body.php?a=8&contenu=works_s2_03&work=work_04"><img src="works_pages/images/menu_02/foret/grands_formats/icone_avantg.gif" /><span>Avant</span></a>
<a href="body.php?a=8&contenu=works_s2_03&work=work_05"><img src="works_pages/images/menu_02/foret/grands_formats/icone_bords.gif" /><span>Bords</span></a>
<a href="body.php?a=8&contenu=works_s2_03&work=work_06"><img src="works_pages/images/menu_02/foret/grands_formats/icone_confusion.gif" /><span>Confusion</span></a>
<a href="body.php?a=8&contenu=works_s2_03&work=work_07"><img src="works_pages/images/menu_02/foret/grands_formats/icone_division.gif" /><span>Division</span></a>
<a href="body.php?a=8&contenu=works_s2_03&work=work_08"><img src="works_pages/images/menu_02/foret/grands_formats/icone_filant.gif" /><span>Filant</span></a>
<a href="body.php?a=8&contenu=works_s2_03&work=work_09"><img src="works_pages/images/menu_02/foret/grands_formats/icone_soupl.gif" /><span>Soupl</span></a>
<a href="body.php?a=8&contenu=works_s2_03&work=work_10"><img src="works_pages/images/menu_02/foret/grands_formats/icone_sympto.gif" /><span>Sympto</span></a>
<a href="body.php?a=8&contenu=works_s2_03&work=work_11"><img src="works_pages/images/menu_02/foret/grands_formats/icone_torpeur.gif" /><span>Torpeur</span></a>
</div>
<div id="bloc_images">
<img src="
<?php
switch ($_GET["work"]) {
case "work_01" : echo("works_pages/images/menu_02/foret/grands_formats/allee.jpg");break;
case "work_02" : echo("works_pages/images/menu_02/foret/grands_formats/aplats.jpg");break;
case "work_03" : echo("works_pages/images/menu_02/foret/grands_formats/arriere.jpg");break;
case "work_04" : echo("works_pages/images/menu_02/foret/grands_formats/avantg.jpg");break;
case "work_05" : echo("works_pages/images/menu_02/foret/grands_formats/bords.jpg");break;
case "work_06" : echo("works_pages/images/menu_02/foret/grands_formats/confusion.jpg");break;
case "work_07" : echo("works_pages/images/menu_02/foret/grands_formats/division.jpg");break;
case "work_08" : echo("works_pages/images/menu_02/foret/grands_formats/filant.jpg");break;
case "work_09" : echo("works_pages/images/menu_02/foret/grands_formats/soupl.jpg");break;
case "work_10" : echo("works_pages/images/menu_02/foret/grands_formats/sympto.jpg");break;
case "work_11" : echo("works_pages/images/menu_02/foret/grands_formats/torpeur.jpg");break;
}
?>
" alt="" />
</div>
</div>

Le code CSS qui s'y réfère :

#en-tete_travaux {
height:68px;
width:100%;
background-image:url(images/en-tete_travaux.png);
}
#bloc_travaux{
height:auto;
width:100%;
background-image:url(images/background_body.png);
background-repeat:repeat-y;
background-color:#00FF00;
}
#bloc_icones {
margin:10px 0 0 10px;
}
#bloc_icones a {
float:left;
display:block;
height:40px;
width:40px;
margin:0 5px 0 0;
/*infobulle*/
position:relative;
z-index:24;
background-color:#ccc;
color:#000;
text-decoration:none;
}
#bloc_icones a:hover {
/*infobulle*/
z-index:25;
background-color:#ff0;
}

#bloc_icones a span {
/*infobulle*/
display:none;
}

#bloc_icones a:hover span {
/*infobulle*/
/*le contenu de la balise span ne sera visible que pour l'état a:hover */
display:block;
position:absolute;
top:45px;
left:-6px;
width:50px;
border:none;
background-color:#1e3e4b;
color:#b5e5e5;
text-align:center;
font-weight:none;
padding:1px;
}
#bloc_icones img {
border:0;
}
#bloc_images {
clear:both;
height:430px;
padding:26px 0 0 0;
}

Voilà ! Moi, je pensais à un problème de fusion des marges mais ça n'a pas l'air d'être ça... Si vous pouviez m'aider ou m'aiguiller, ce serait sympa, merci !

• participer

Message publié le lundi 15 février 2010 - 19h54 par inca roads.

Salut ,

je penche pour la simple erreur qui t'aurait échappé

Tu as oublié une quôte " quelque part

• participer

Message publié le lundi 15 février 2010 - 20h20 par Gizmil.

Argh... mais oui ! Comment ça m'a échappé ?

<div id=bloc_travaux">

C'est bien ça ? ^^'

Pfff, merci... c'est toujours pareil : quand on est dans un code depuis un moment, on ne voit plus rien! ^^

Encore merci ! (-;

• participer

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.