Partage

Problème de fond :(

Il ne veut pas s'afficher ...

Sujet résolu

HuGoLiN

13 juillet 2006 à 16:24:07

Je vous explique mon problème et après je vous mets le code HTML et CSS

Sur mon site http://gamesandarts.free.fr/ Je ne vois pas le fond

Normalement , cela devrait faire quelque chose comme ça : http://gamesandarts.free.fr/img/fond.jpg

Je ne comprends pas pourquoi

(au passage, le design ne marche pas sous IE ...)
Voilà le code CSS du fond

#background {
background:url(img/site/bg.gif) repeat-y ;
width:977px;
height:auto;
}

Voilà le code HTML

Merci de votre aide

hypnos

13 juillet 2006 à 16:27:07

avant : background:url(img/site/bg.gif) repeat-y ;

peut etre qu'il manque les guillemets ?

apres : background:url('img/site/bg.gif') repeat-y ;

Marg51

13 juillet 2006 à 16:28:25

Il te manque les guillemets entre les parentheses et l'url

HuGoLiN

13 juillet 2006 à 17:49:24

Merci de votre aide

mais j'ai essayé ça marche toujours pas

j'ai vérifié si j'avais fermé tous les 'DIV' et oui c'est bon donc ... :'(

je ne sais plus quoi faire ...

Anonyme

13 juillet 2006 à 18:30:21

bonsoir,

il faut lui dire que c'est un fond pour image:

background-image: url("img/site/bg.gif");

et il manquait bien également les guillemets.

HuGoLiN

13 juillet 2006 à 19:19:52

Ca ne marche toujours pas

Anonyme

13 juillet 2006 à 19:23:15

le chemin vers ton image par rapport fichier qui inclus ton css est-il bon

ysn

13 juillet 2006 à 19:29:04

salut,
juste en passant, un petit conseil :
faut indenter son code correctement pour que ce soit lisible
la par exemple on peut pas voir si t'as fermé toutes tes div, s'il y a quelque chose qui mandque etc.
et puis je rejoints les autres pour la question des guillemets
et verifie si le chemin de l'image est correct aussi(img/fond.jpg?)
a+

HuGoLiN

13 juillet 2006 à 19:43:15

Oui tout est ok j'ai vérifié

Quelqu'un d'autre connaitrait la réponse?

Anonyme

13 juillet 2006 à 20:41:36

une idée comme cela indique une dimension pour ton "height" il me semble que IE ne comprend pas la valeur auto.
et une autre idée dans ton header

#header {
background:url('img/site/header.png') no-repeat;
width:977px;
height:199px;
}

tu as de nouveau une image n'y aurait il pas tout simplement superposition des deux images.

(l'affichage de ton heure n'est pas bon il donne 13h03 alors qu'il est 21h07)

erdnaxeli

13 juillet 2006 à 22:58:02

essaye de mettre le backround dans le body pour voir

Jean le Chauve

13 juillet 2006 à 23:12:58

Je ne trouve pas ton image "bg.gif" sur ton site, où se trouve t'elle ou alors ne serait-ce: fond.jpg ?

#background {
background:url(img/site/fond.jpg) repeat-y ;
width:977px;
height:auto;
}

Cela ne te conviendrait-il pas ?

Regnareb

13 juillet 2006 à 23:43:27

Et ça ?

#background {
background-image:url("img/fond.jpg");
background-repeat: repeat-y;
width:977px;
height:1500px;
}

Anonyme

14 juillet 2006 à 10:35:54

Le repertoire "img" se situe dans le même répertoire que ton css ? Il doit y être.

HuGoLiN

14 juillet 2006 à 11:04:32

Tout d'abord je vous remercie pour vos réponses

Jean le chauve http://gamesandarts.free.fr/img/site/bg.gif voilà où se trouve l'image de fond :ange:

Beber j'ai essayé mais ça ne me convainc car si le contenu de mon site fait plus de 1500 px je fais comment ?

erdnaxeli jvais essayer

EDIT erdnaxeli j'ai essayé ça ne marche pas

Jean le Chauve

15 juillet 2006 à 16:39:48

ton lien ne rend aucune image.
Par contre si c'est pour garnir ton menu gauche que tu as un problème, ce que je t'ai proposé 4 post plus haut fonctionne très bien.

atly

15 juillet 2006 à 17:25:26

Le lien est parfaitement correct, Jean.
Les guillemets ne sont pas forcément nécessaires, et Internet Explorer comprend très bien le height:auto; puisque c'est de toute manière le comportement par défaut.

Ensuite, le fait d'appliquer une hauteur de 1500px n'est pas la solution (enfin, on pourrait mettre une hauteur minimale de 100% de la fenêtre, ça corrigerait ton problème de "trou" si la page est trop courte. Mais bon).

De deux choses l'une :
Ton CSS actuel est faux :

#background {
background-image:url('img/site/bg.gif') repeat-y ;
width:977px;
height:auto;
}

Il s'agit bien de la propriété background et non de background-image. Ta largeur est trop grande (977px fixes donneront une largeur trop importante pour une faible résolution), et height:auto; est inutile dans la mesure où il s'agit de la valeur par défaut.

Ensuite, ton positionnement est très curieux : tous tes éléments du design semblent être positionnés en flottant, ce qui est d'ailleurs la cause de ton problème.

Donc concernant ladite solution :

#background {
background:url('img/site/bg.gif') repeat-y ;
width:977px;
overflow:hidden;
height:auto!important;
height:1%;
}

Afin d'établir sur #background un contexte de formattage et donc englober tes flottants, ce qui n'était pas le cas.
(la hauteur appliquée de 1% est pour Internet Explorer uniquement, dans la mesure où un comportement spécial de ce navigateur lui fait englober les éléments enfants en flottant lorsqu'une hauteur est spécifiée).

++,
Alty.

HuGoLiN

15 juillet 2006 à 19:02:12

Super gentil atlyric !!!!!!!!!!!!!!!!!!!!!!!!

Merci à toi et aussi à tous ceux qui on pris du temps pour m'aider !

(Cependant il reste un ptit bug que je vais essayer de corriger voyez par vous même le copyright

)[C'est pas très grave mon plus gros problème est résolu , je vous en remercie encore

]

EDIT : en revoyant un peu j'ai mis "4 lorem ispum" pour voir mais si vous regardez bien on en voit que 3 sur le site

Jean le Chauve

15 juillet 2006 à 19:34:06

Tu n'as pas refermé ta div contenu.
Ton copyright est donc dedans.

HuGoLiN

16 juillet 2006 à 14:06:32

Ca ne marche toujours pas

Serial-Raptor

16 juillet 2006 à 15:39:29

Citation : HuGoLiN

Super gentil atlyric !!!!!!!!!!!!!!!!!!!!!!!!

Merci à toi et aussi à tous ceux qui on pris du temps pour m'aider !

(Cependant il reste un ptit bug que je vais essayer de corriger voyez par vous même le copyright )[C'est pas très grave mon plus gros problème est résolu , je vous en remercie encore ]

EDIT : en revoyant un peu j'ai mis "4 lorem ispum" pour voir mais si vous regardez bien on en voit que 3 sur le site

Pour ça,je te conseille de mettre l'extrait du code où ça plante

HuGoLiN

16 juillet 2006 à 16:41:02

Voilà le code entier

/* CSS Document */
/*Style CSS pour Games & Arts -http://gamesandarts.free.fr- par HuGoLiN. Vous n'avez aucun droit sur la copie de cette page */
body {
background-color:#e1e5f1;
color:#000000;
font-family:"Trebuchet MS";
font-size:0.9em;
padding:0;
margin:0;
}

div.clear { clear:both; }
a{text-decoration: none; color:#000000; }
ul , li { margin:0; padding:0; list-style-type:none; }
#contenu {
width:977px;
height:auto;
margin:auto;
font-size:80%;
}
#top_left {
width:133px;
height:62px;
background-image:url('img/site/topleft.gif');
float:left;
margin-left:19px;
padding:0px 9px 0 9px;
}
#top_right {
width:249px;
height:62px;
background-image:url('img/site/topright.gif');
float:right;
margin-right:54px;
padding:0px 9px 0 9px;
}
#contenu {
width:977px;
height:auto;
margin:auto;
font-size:80%;
}
#background {
background:url('img/site/bg.gif') repeat-y ;
width:977px;
overflow:hidden;
height:auto!important;
height:1%;
}
#header {
background:url('img/site/header.png') no-repeat;
width:977px;
height:199px;
}

#menu {
width:100px;
padding:0px 9px 0 9px;
height:auto;
float:left;
margin-left:38px ;
margin-left:19px;
margin-top:70px;
}
#contenu_4 {
width:750px;
height:auto;
float:right;
margin-right:10px !important;
margin-right:5px;
margin-top:159px;
}
#texte {
width:720px;
height:950px;
float:left;
margin-top: 40px;
}
#copy {
width:550px;
height:auto;
float:left;
margin-top: 10px;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<link rel="stylesheet" href="feuille.css" type="text/css" media="screen" title="Normal" />
</head>

<body>
<div id="contenu">
<div id="top_left">
Heure : <br />
<?php

echo''.date(' d m Y', time()).'';
?>
</div>
<div id="top_right">
Recherche : <br /><form action="" method="get">
<label>
<input type="text" name="textfield" />
</label>
<label>
<input type="submit" name="Submit" value="Rechercher " />
</label>
</form>
</div>
<div class="clear">
</div>
<div id="background">
<div id="header">
<div id="menu">
   <h2><strong>-Communauté</strong></h2>
<ul>
<li><a href="index.php">Accueil</a></li>
<li><a href="news.php">Nouveautés</a></li>
<li><a href="http://gamesandarts.free.fr/forum/">Forums</a></li>
<li><a href="staff.php">Staff</a></li>
<li><a href="livreor.php">Livre d'or</a></li>
<li><a href="partenaires.php">Nos partenaires</a></li>
<li><a href="contacts.php">Contact</a></li>
<li><a href=".../admin">Administration</a></li>
   </ul>

   <h2><strong>-Jeux Vidéo</strong></h2>
   <ul>
<li><a href="tests.php">Tests</a></li>
<li><a href="jeux.php">Jeux Flash</a></li>
<li><a href="astuces.php">Astuces</a></li>
<li><a href="demos.php">Démos</a></li>
<li><a href="patches.php">Patchs</a></li>
<li><a href="videos.php">Vidéos</a></li>
   </ul>
   <h2><strong>-Graphisme</strong></h2>
   <ul>
<li><a href="cours.php">Cours</a></li>
<li><a href="tutoriaux.php">Tutoriaux</a></li>
<li><a href="demande.php">Demande créations</a></li>
<li><a href="kits.php">Nos kits</a></li>
<li><a href="wallpapers.php">Wallpapers</a></li>
<li><a href="brushesmotifs.php">Brushes / Motifs ...</a></li>
<li><a href="bannieres.php">Bannières</a></li>
<li><a href="FAQ.php">F.A.Q.</a></li>
   </ul>
</div>

<div id="contenu_4">

<div id="texte">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras vel enim. Quisque sodales vehicula arcu. Sed convallis libero vitae pede gravida iaculis. Donec eu magna. Nulla accumsan bibendum dolor. Praesent sit amet lorem. Aliquam erat volutpat. Vivamus tristique convallis lectus. Etiam porttitor nunc nec elit. Pellentesque at arcu.</p>
<p>Phasellus sed metus. Integer tincidunt sem nec urna. Quisque interdum, magna non iaculis tristique, risus massa scelerisque nibh, tincidunt faucibus massa dui molestie libero. Ut egestas. Ut commodo pretium risus. Ut ac tellus in justo lobortis lacinia. In purus pede, laoreet eget, viverra vitae, tristique eu, ante. Morbi ac diam. Nam interdum rutrum dui. Praesent ut diam nec neque bibendum facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce felis. Duis cursus porttitor orci. Nunc luctus eros non lorem. Nunc nonummy luctus sapien. Donec eu nisl.</p>
<p>Sed nisl dolor, nonummy quis, posuere vitae, accumsan ac, ante. Aliquam eu libero vel lorem accumsan dapibus. Sed sed ipsum sed orci malesuada viverra. Donec lorem. Morbi nec odio ac lectus consectetuer condimentum. Nulla mollis odio in neque. Sed lobortis auctor est. Donec tincidunt purus volutpat magna. Morbi laoreet, tellus vel mollis tempus, mauris sapien vestibulum eros, at varius sem justo nec odio. Phasellus hendrerit dui ut diam. Suspendisse vitae sapien. Vestibulum hendrerit feugiat sapien. Donec posuere augue tincidunt velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer vel felis ut felis porta convallis. Fusce libero arcu, semper vel, commodo quis, facilisis non, neque.</p>
<p>Donec et sem. Maecenas pellentesque diam sed metus. Nunc non leo. Ut pharetra orci quis massa. Maecenas et nisl. Morbi malesuada. In erat nisi, blandit egestas, porta in, aliquet nec, mi. Donec tincidunt eleifend arcu. Nullam facilisis nibh id nisl. Donec elit nisl, pharetra sit amet, auctor eu, egestas eu, mauris. Duis hendrerit mollis purus. Sed viverra. Cras accumsan nunc sit amet nulla.</p>
<p>Morbi et orci id nulla fringilla suscipit. Ut id elit. Suspendisse rutrum, ligula eu adipiscing vulputate, pede risus tincidunt mauris, eu molestie enim nibh sed ipsum. Mauris sed leo at tellus vestibulum tincidunt. Nunc tincidunt tellus. Nam eu nisi eu leo imperdiet faucibus. Suspendisse rutrum turpis facilisis elit. Nullam sodales nibh id augue. Curabitur sit amet purus in sem faucibus cursus. Ut risus enim, fringilla nec, tincidunt in, ultricies eget, nibh. Etiam imperdiet nulla at turpis. Quisque faucibus, neque eu ornare fringilla, est lectus dictum libero, at ornare massa nisl sed est. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla felis eros, congue vitae, convallis vel, consequat sit amet, mauris.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras vel enim. Quisque sodales vehicula arcu. Sed convallis libero vitae pede gravida iaculis. Donec eu magna. Nulla accumsan bibendum dolor. Praesent sit amet lorem. Aliquam erat volutpat. Vivamus tristique convallis lectus. Etiam porttitor nunc nec elit. Pellentesque at arcu.</p>
<p>Phasellus sed metus. Integer tincidunt sem nec urna. Quisque interdum, magna non iaculis tristique, risus massa scelerisque nibh, tincidunt faucibus massa dui molestie libero. Ut egestas. Ut commodo pretium risus. Ut ac tellus in justo lobortis lacinia. In purus pede, laoreet eget, viverra vitae, tristique eu, ante. Morbi ac diam. Nam interdum rutrum dui. Praesent ut diam nec neque bibendum facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce felis. Duis cursus porttitor orci. Nunc luctus eros non lorem. Nunc nonummy luctus sapien. Donec eu nisl.</p>
<p>Sed nisl dolor, nonummy quis, posuere vitae, accumsan ac, ante. Aliquam eu libero vel lorem accumsan dapibus. Sed sed ipsum sed orci malesuada viverra. Donec lorem. Morbi nec odio ac lectus consectetuer condimentum. Nulla mollis odio in neque. Sed lobortis auctor est. Donec tincidunt purus volutpat magna. Morbi laoreet, tellus vel mollis tempus, mauris sapien vestibulum eros, at varius sem justo nec odio. Phasellus hendrerit dui ut diam. Suspendisse vitae sapien. Vestibulum hendrerit feugiat sapien. Donec posuere augue tincidunt velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer vel felis ut felis porta convallis. Fusce libero arcu, semper vel, commodo quis, facilisis non, neque.</p>
<p>Donec et sem. Maecenas pellentesque diam sed metus. Nunc non leo. Ut pharetra orci quis massa. Maecenas et nisl. Morbi malesuada. In erat nisi, blandit egestas, porta in, aliquet nec, mi. Donec tincidunt eleifend arcu. Nullam facilisis nibh id nisl. Donec elit nisl, pharetra sit amet, auctor eu, egestas eu, mauris. Duis hendrerit mollis purus. Sed viverra. Cras accumsan nunc sit amet nulla.</p>
<p>Morbi et orci id nulla fringilla suscipit. Ut id elit. Suspendisse rutrum, ligula eu adipiscing vulputate, pede risus tincidunt mauris, eu molestie enim nibh sed ipsum. Mauris sed leo at tellus vestibulum tincidunt. Nunc tincidunt tellus. Nam eu nisi eu leo imperdiet faucibus. Suspendisse rutrum turpis facilisis elit. Nullam sodales nibh id augue. Curabitur sit amet purus in sem faucibus cursus. Ut risus enim, fringilla nec, tincidunt in, ultricies eget, nibh. Etiam imperdiet nulla at turpis. Quisque faucibus, neque eu ornare fringilla, est lectus dictum libero, at ornare massa nisl sed est. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla felis eros, congue vitae, convallis vel, consequat sit amet, mauris.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras vel enim. Quisque sodales vehicula arcu. Sed convallis libero vitae pede gravida iaculis. Donec eu magna. Nulla accumsan bibendum dolor. Praesent sit amet lorem. Aliquam erat volutpat. Vivamus tristique convallis lectus. Etiam porttitor nunc nec elit. Pellentesque at arcu.</p>
<p>Phasellus sed metus. Integer tincidunt sem nec urna. Quisque interdum, magna non iaculis tristique, risus massa scelerisque nibh, tincidunt faucibus massa dui molestie libero. Ut egestas. Ut commodo pretium risus. Ut ac tellus in justo lobortis lacinia. In purus pede, laoreet eget, viverra vitae, tristique eu, ante. Morbi ac diam. Nam interdum rutrum dui. Praesent ut diam nec neque bibendum facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce felis. Duis cursus porttitor orci. Nunc luctus eros non lorem. Nunc nonummy luctus sapien. Donec eu nisl.</p>
<p>Sed nisl dolor, nonummy quis, posuere vitae, accumsan ac, ante. Aliquam eu libero vel lorem accumsan dapibus. Sed sed ipsum sed orci malesuada viverra. Donec lorem. Morbi nec odio ac lectus consectetuer condimentum. Nulla mollis odio in neque. Sed lobortis auctor est. Donec tincidunt purus volutpat magna. Morbi laoreet, tellus vel mollis tempus, mauris sapien vestibulum eros, at varius sem justo nec odio. Phasellus hendrerit dui ut diam. Suspendisse vitae sapien. Vestibulum hendrerit feugiat sapien. Donec posuere augue tincidunt velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer vel felis ut felis porta convallis. Fusce libero arcu, semper vel, commodo quis, facilisis non, neque.</p>
<p>Donec et sem. Maecenas pellentesque diam sed metus. Nunc non leo. Ut pharetra orci quis massa. Maecenas et nisl. Morbi malesuada. In erat nisi, blandit egestas, porta in, aliquet nec, mi. Donec tincidunt eleifend arcu. Nullam facilisis nibh id nisl. Donec elit nisl, pharetra sit amet, auctor eu, egestas eu, mauris. Duis hendrerit mollis purus. Sed viverra. Cras accumsan nunc sit amet nulla.</p>
<p>Morbi et orci id nulla fringilla suscipit. Ut id elit. Suspendisse rutrum, ligula eu adipiscing vulputate, pede risus tincidunt mauris, eu molestie enim nibh sed ipsum. Mauris sed leo at tellus vestibulum tincidunt. Nunc tincidunt tellus. Nam eu nisi eu leo imperdiet faucibus. Suspendisse rutrum turpis facilisis elit. Nullam sodales nibh id augue. Curabitur sit amet purus in sem faucibus cursus. Ut risus enim, fringilla nec, tincidunt in, ultricies eget, nibh. Etiam imperdiet nulla at turpis. Quisque faucibus, neque eu ornare fringilla, est lectus dictum libero, at ornare massa nisl sed est. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla felis eros, congue vitae, convallis vel, consequat sit amet, mauris.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras vel enim. Quisque sodales vehicula arcu. Sed convallis libero vitae pede gravida iaculis. Donec eu magna. Nulla accumsan bibendum dolor. Praesent sit amet lorem. Aliquam erat volutpat. Vivamus tristique convallis lectus. Etiam porttitor nunc nec elit. Pellentesque at arcu.</p>
<p>Phasellus sed metus. Integer tincidunt sem nec urna. Quisque interdum, magna non iaculis tristique, risus massa scelerisque nibh, tincidunt faucibus massa dui molestie libero. Ut egestas. Ut commodo pretium risus. Ut ac tellus in justo lobortis lacinia. In purus pede, laoreet eget, viverra vitae, tristique eu, ante. Morbi ac diam. Nam interdum rutrum dui. Praesent ut diam nec neque bibendum facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce felis. Duis cursus porttitor orci. Nunc luctus eros non lorem. Nunc nonummy luctus sapien. Donec eu nisl.</p>
<p>Sed nisl dolor, nonummy quis, posuere vitae, accumsan ac, ante. Aliquam eu libero vel lorem accumsan dapibus. Sed sed ipsum sed orci malesuada viverra. Donec lorem. Morbi nec odio ac lectus consectetuer condimentum. Nulla mollis odio in neque. Sed lobortis auctor est. Donec tincidunt purus volutpat magna. Morbi laoreet, tellus vel mollis tempus, mauris sapien vestibulum eros, at varius sem justo nec odio. Phasellus hendrerit dui ut diam. Suspendisse vitae sapien. Vestibulum hendrerit feugiat sapien. Donec posuere augue tincidunt velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer vel felis ut felis porta convallis. Fusce libero arcu, semper vel, commodo quis, facilisis non, neque.</p>
<p>Donec et sem. Maecenas pellentesque diam sed metus. Nunc non leo. Ut pharetra orci quis massa. Maecenas et nisl. Morbi malesuada. In erat nisi, blandit egestas, porta in, aliquet nec, mi. Donec tincidunt eleifend arcu. Nullam facilisis nibh id nisl. Donec elit nisl, pharetra sit amet, auctor eu, egestas eu, mauris. Duis hendrerit mollis purus. Sed viverra. Cras accumsan nunc sit amet nulla.</p>
<p>Morbi et orci id nulla fringilla suscipit. Ut id elit. Suspendisse rutrum, ligula eu adipiscing vulputate, pede risus tincidunt mauris, eu molestie enim nibh sed ipsum. Mauris sed leo at tellus vestibulum tincidunt. Nunc tincidunt tellus. Nam eu nisi eu leo imperdiet faucibus. Suspendisse rutrum turpis facilisis elit. Nullam sodales nibh id augue. Curabitur sit amet purus in sem faucibus cursus. Ut risus enim, fringilla nec, tincidunt in, ultricies eget, nibh. Etiam imperdiet nulla at turpis. Quisque faucibus, neque eu ornare fringilla, est lectus dictum libero, at ornare massa nisl sed est. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla felis eros, congue vitae, convallis vel, consequat sit amet, mauris.</p>
<p>Morbi et orci id nulla fringilla suscipit. Ut id elit. Suspendisse rutrum, ligula eu adipiscing vulputate, pede risus tincidunt mauris, eu molestie enim nibh sed ipsum. Mauris sed leo at tellus vestibulum tincidunt. Nunc tincidunt tellus. Nam eu nisi eu leo imperdiet faucibus. Suspendisse rutrum turpis facilisis elit. Nullam sodales nibh id augue. Curabitur sit amet purus in sem faucibus cursus. Ut risus enim, fringilla nec, tincidunt in, ultricies eget, nibh. Etiam imperdiet nulla at turpis. Quisque faucibus, neque eu ornare fringilla, est lectus dictum libero, at ornare massa nisl sed est. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla felis eros, congue vitae, convallis vel, consequat sit amet, mauris.</p></div>

<div id="copy">
<strong>Copyright © Games & Arts</strong>. Toute copie des cours, designs, tutoriaux, tests... même minime est illégale . Design par <strong>HuGoLiN, DarKSoldier, GhOsT</strong>. Codé par <strong>HuGoLiN.</strong></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

matsou03

16 juillet 2006 à 16:43:54

background-image : url("../img/site/bg.gif");

sa doit marché sa

enfet tu doit mettre les deux petits points et le "/" comme sa => "../" puis ton répertoir

edit : je suis pas sur d'avoir compris se que tu voulais

HuGoLiN

16 juillet 2006 à 16:46:14

C'est pas vraiment ça le problème , j'arrive à voir le fond

mais il n'est pas extensible par rapport au texte que j'écris ...

matsou03

16 juillet 2006 à 16:50:51

enfet ce que tu veu c'est que le fond apparaisse dans toute la fonction <div> quel que soit s'est dimention ?

HuGoLiN

16 juillet 2006 à 17:00:57

Je veux que le fond soit extensible par rapport au texte du contenu (ici c'est le 'lorem ipsum')

Anonyme

16 juillet 2006 à 17:05:05

Sur mon site http://gamesandarts.free.fr/ Je ne vois pas le fond

Normalement , cela devrait faire quelque chose comme ça : http://gamesandarts.free.fr/img/fond.jpg

img/fond.jpg

Dans ton code tu met /site/

Logique ...

HuGoLiN

16 juillet 2006 à 18:47:19

J'ai mis comme fond http://gamesandarts.free.fr/img/site/bg.gif ça ! c'est 1 seul pixel de hauteur pour gagner de la place sur le serveur

Vous pouvez vous même vérifier en allant sur mon code CSS