| Une image de fond à mon QEEL | |
|
Roxy
{ Membre }
Messages : 76
| Bonjour, bonsoir ! Alors voilà, je suis en train de faire mon propre QEEL et j'ai un soucis avec l'image de fond qui refuse de s'afficher >< Voilà l'adresse du forum http://fofolies.forumotion.com/?tt=1 le CSS - Code:
-
#QEEL_Roxy{ background-image: url(http://img15.hostingpics.net/pics/998961DHQEEL.png); }
.DeBug td.row1 { background : none; } Et la partie template qui concerne le QEEL - Code:
-
<!-- BEGIN disable_viewonline --> <div id="QEEL_Roxy"><table width="800px" height="600px"><tr><td><justify><center><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g4-professeurs"><font color="#A63152" size="2"><b>Professeurs</b></font></a></span><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g5-domestiques"><font color="#C71CAD" size="2"><b>Domestiques</b></font></a></span><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g6-gryffondor"><font color="#DB2333" size="2"><b>Gryffondor</b></font></a></span><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g7-poufsouffle"><font color="#CC9900" size="2"><b>Poufsouffle</b></font></a></span><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g8-serdaigle"><font color="#330099" size="2"><b>Serdaigle</b></font></a></span><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g9-serpentard"><font color="#329966" size="2"><b>Serpentard</b></font></a></span><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g3-conseil-des-sorciers"><font color="#137AB0" size="2"><b>Conseil des Sorciers</b></font></a></span><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g11-chevaliers"><font color="#C2974E" size="2"><b>Chevaliers</b></font></a></span><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g12-chasseurs"><font color="#634141" size="2"><b>Chasseurs</b></font></a></span><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g13-medicomages"><font color="#E37FB1" size="2"><b>Médicomages</b></font></a></span><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g14-redacteurs"><font color="#99CC00" size="2"><b>Rédacteurs</b></font></a></span><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g10-marchands"><font color="#8D00FF" size="2"><b>Marchands</b></font></a></span><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g17-sorciers"><font color="#DC7427" size="2"><b>Sorciers</b></font></a></span><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g15-creatures-magiques"><font color="#B8B4B4" size="2"><b>Créatures Magiques</b></font></a></span><br> <span class="groupes"> <a href="http://www.deathly-hogwarts.com/g16-moldus"><font color="#BD9090" size="2"><b>Moldus</b></font></a></span><br></td> <td align="right"><table><tr><td><span class="gensmall"><font size=1>{TOTAL_POSTS}. {TOTAL_USERS}<br/> {NEWEST_USER}<br><br> {TOTAL_USERS_ONLINE}<br> {LOGGED_IN_USER_LIST}<br><br>{RECORD_USERS}</font></span></td></tr> <tr><td><table class="DeBug">{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table></td></tr> <tr><td><table class="DeBug">{L_CONNECTED_MEMBERS}</table></td></tr></table></td></tr></table> </div> <!-- END disable_viewonline --> Je n'ai pas encore fini de le coder mais il me faut l'image en fond pour pouvoir placer correctement mon texte >< Merci d'avance à ceux qui se pencheront sur mon problème ... | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Hello,
Je ne vois nulle part dans le code source de ton forum (et donc dans le CSS) la définition de l'identifiant #QEEL_Roxy, pourtant le debug est bien là '_' | | |
|
| |
Roxy
{ Membre }
Messages : 76
| Kikou !
la définition ? #QEEL_Roxy, c'est justement pour l'image de fond ... | | |
|
| |
Fire-Fly
{ Membre actif }
Messages : 429
| Salut Tant qu'à mettre une div uniquement pour avoir un arrière-plan, pourquoi ne fais-tu pas simplement mettre la propiété dans le tableau? - Code:
-
<table width="800" background="URL"......> | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Parce qu'il ne faut pas, Fire-fly ! cet attribut est déconseillé dans la mesure où il ne respecte pas les normes actuelles demandant à ce qu'on sépare le fond de la forme, je te renvoie à ce cours et cet autre cours !
Roxy, c'est bien ce que je dis, je ne vois nulle part dans le CSS complet de ton forum le #QEEL_Roxy ! Ergo quand je vais sur ton forum et que je regarde dans le code source, il n'est nulle part ! | | |
|
| |
Roxy
{ Membre }
Messages : 76
| Christa, pourtant il est mis ! Il apparait comme ça - Code:
-
<div id="QEEL_Roxy"> | | |
|
| |
DexX
{ Membre }
Messages : 57
| Bonjour, Si je peux me permettre de répondre. Effectivement, je rejoins l'opinion de 'Christa, dans ta feuille de style CSS, il te manque : #QEEL_Roxy Tu as bien : - Code:
-
<div id="QEEL_Roxy"> Mais pas le style correspondant. Il te suffit, logiquement, de rajouter le style correspondant à ton bloc (div). Amicalement, DexX | | |
|
| |
Roxy
{ Membre }
Messages : 76
| Hellow ! Merci de m'aider DexX Oulà ... J'ai du mal à comprendre aujourd'hui >< Donc faut que je mette dans le CSS - Code:
-
#QEEL_Roxy{ background-image: url(http://img15.hostingpics.net/pics/998961DHQEEL.png) no-repeat top center; }
C'est ça ? | | |
|
| |
DexX
{ Membre }
Messages : 57
| Oui, voilà. Par contre : - Code:
-
background-image Sera peut-être insuffisant, il faudra peut-être que tu rajoutes d'autres propriétés afin que ton image s'affiche correctement. Peut-être ajouter : - Code:
-
background-position : bottom center Ou autre, à toi de voir comment tu souhaites afficher l'image. Edit : Désolé, j'avais pas vu, mais effectivement tu as déjà mis : - Code:
-
top center Donc dans ton cas, il faut mettre plutôt : - Code:
-
background Et non : - Code:
-
background-image Autant pour moi =). |
Dernière édition par DexX le Sam 18 Aoû 2012, 07:20, édité 2 fois | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Ben c'est ce que je te dis depuis le début XD Et je parle bien du CSS dans le panneau admin, onglet affichage, Images et Couleurs » Couleurs » Feuille de Style CSS. Par contre une légère erreur dans ton code, c'est plutôt ça : - Code:
-
#QEEL_Roxy{ background: url('http://img15.hostingpics.net/pics/998961DHQEEL.png') no-repeat top center; } Sauf si tu sépares les différentes propriétés CSS (position, image, repétition...) | | |
|
| |
Roxy
{ Membre }
Messages : 76
| Ah bah merci à vous deux ! rien qu'en enlevant le "image" mon fond s'affiche !
J'ai plus qu'à placer correctement mon texte maintenant ^^
Encore merci beaucoup ♥ | | |
|
| |
DexX
{ Membre }
Messages : 57
| Bien de rien, faut surtout remercie 'Christa.
Bonne journée à toi et bon courage pour la suite de ton forum =) | | |
|
| |
Roxy
{ Membre }
Messages : 76
| bonne journée à vous aussi et merci. | | |
|
| |
Contenu sponsorisé
| |
| |
| Une image de fond à mon QEEL | |
|