Message d'accueil problème avec css

[edaem]

Bonjour! ^^

J'aurais besoin d'aide pour le message d'accueil de mon forum. À vrai dire, avec mes minces capacités de manipuler le css, je me suis faite un message d'accueil à partir des messages normaux du forum. Une fois que ce fut fait, je le mets sur ma page d'accueil et ça ne donne pas du tout le même résultat :S J'ai joué avec les blockquotes, mais cela ne donne toujours pas l'affichage espéré. Voici ce que je cherche à atteindre : http://pensionnat-edaem.purforum.com/t95-bienvenue-css (deuxième message préférablement). Et si vous allez à la page d'accueil, vous verrez ce que cela donne. J'ai effacé les changements que j'ai fait par rapport aux blockquotes afin que vous pussiez bien comprendre l'effet que cela donne initialement.

Considérant comment nulle je suis, peut-être ai-je oublié quelque chose par rapport au Css? Dois-je jouer dans la feuille de style css? S'il vous plaît, j'aurais besoin de l'aide d'un expert! ^^'

Merci beaucoup d'avance pour l'attention que vous porterez à mon problème :-)

[edaem]

up

[Invité]

Bonjour,

Pourriez-vous donner les codes en question, s'il vous plait? Celui de votre message d'accueil et celui de la feuille CSS. A partir de là, ce sera plus facile de situer les soucis et de vous expliquer pourquoi ça ne fonctionne pas .

D'autres part, où avez-vous placé votre code, dans les annonces ou dans le message d'accueil?

Cordialement.

[edaem]

Merci de votre réponse ^^

Voici le code dans le message normal :

Spoiler:

Puisque j'ai placé le code ci-dessus dans les annonces, voici ce qui apparaît dans cette section-là :

Spoiler:

Voici la feuille Css :

Spoiler:

Encore merci et j'espère qu'une solution sera possible ^^

[Invité]

Bonsoir,

Donc j'ai placé votre code dans les annonces, et même si je parviens à l'arranger un peu, pour le moment, le contexte ne veut pas se mettre en place.

Cependant, en plaçant le code dans Panneau d'admin' > affichage > Généralités - message d'accueil, il s'affiche correctement. j'ai ajouté quelques sauts de lignes et fermé des div qui ne l'étais pas. Voici le code si vous souhaitez tester:

Code:

    <div style="margin:auto;text-align:center;width:100%"><table border=0><tr><td align="left">
    <center>
   <div style="border: solid ; border-width:1px ; border-color:#072526; width:200px;background-color:#145254; padding:0px;border-radius:35px;">
   <span style="text-transform : uppercase;text-shadow: #000000 3px 1px 1px; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px;">
   <a href="http://pensionnat-edaem.purforum.com/f1-contexte">  CONTEXTE  </a></span>
   </div></center>
   <center>
   <div style="border: solid ; border-width:1px ; border-color:#072526; width:200px;background-color:#145254; padding:0px;border-radius:35px;"><span style="text-transform : uppercase;text-shadow: #000000 3px 1px 1px; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px;"><a href="http://pensionnat-edaem.purforum.com/f9-annonces-importantes">  Annonces  </a></span></div></center><center> <div style="border: solid ; border-width:1px ; border-color:#072526; width:200px;background-color:#145254; padding:0px;border-radius:35px;"><span style="text-transform : uppercase;text-shadow: #000000 3px 1px 1px; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px;"><a href="http://pensionnat-edaem.purforum.com/f7-guide-de-l-etudiant">  Guide de l'étudiant  </a></span></div></center><center> <div style="border: solid ; border-width:1px ; border-color:#072526; width:200px;background-color:#145254; padding:0px;border-radius:35px;"><span style="text-transform : uppercase;text-shadow: #000000 3px 1px 1px; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px;"><a href="http://pensionnat-edaem.purforum.com/f14-postes-vacants">  Prédéfinis  </a></span></div></center><center> <div style="border: solid ; border-width:1px ; border-color:#072526; width:200px;background-color:#145254; padding:0px;border-radius:35px;"><span style="text-transform : uppercase;text-shadow: #000000 3px 1px 1px; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px;"><a href="http://pensionnat-edaem.purforum.com/t58-nos-partenaires">  Nos partenaires  </a></span></div></center>
<br><br>
    <center> <div style="border: solid ; border-width:0px ; border-color:#000000; width:300px;background-color:#072526; padding:5px;border-radius:35px;">
    <center> <div style="border: solid ; border-width:0px ; border-color:#5E777C; width:250px;background-color:#145254; padding:5px;border-radius:35px;"><span style="text-transform : uppercase;text-shadow: #000000 3px 1px 1px; letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;">  Top Partenaires  </span></center>
    <a href="http://secret-of-stonehenge.forumgratuit.org" class="postlink" target="_blank" rel="nofollow"><img src="http://img17.imageshack.us/img17/6493/bab1j.jpg" border="0" alt="" /></a> <a href="http://never-forget.keuf.net" class="postlink" target="_blank" rel="nofollow"><img src="http://i60.servimg.com/u/f60/09/00/59/87/tfr75110.jpg" border="0" alt="" /></a>
    <a href="http://www.angelordevil.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i71.servimg.com/u/f71/14/61/83/13/untitl11.jpg" border="0" alt="" /></a>
    <a href="http://pensionnat-edaem.purforum.com/t58-nos-partenaires?tid=b2df81d3bd99386019901bffc9bbc59c" class="postlink"><span style="text-transform : uppercase;text-shadow: #145254 3px 1px 1px; letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:8px;">  autres  </span></a><span style="text-transform : uppercase;text-shadow: #145254 3px 1px 1px; letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:10px;">  ?  </span><a href="http://pensionnat-edaem.purforum.com/t35-demande-de-partenariat?tid=b2df81d3bd99386019901bffc9bbc59c" class="postlink"><span style="text-transform : uppercase;text-shadow: #145254 3px 1px 1px; letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:8px;">  Vous?  </span></a>
    </div>
<br><br>
    </div></center>
<br><br>
    </td><td align="left">
    <center> <div style="border: solid ; border-width:0px ; border-color:#000000; width:300px;background-color:#072526; padding:5px;border-radius:35px;">
    <center> <div style="border: solid ; border-width:0px ; border-color:#5E777C; width:250px;background-color:#145254; padding:5px;border-radius:35px;"><span style="text-transform : uppercase;text-shadow: #000000 3px 1px 1px; letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;">  Nouvelles  </span></div></center>
    <span style="font-size: 9px; line-height: normal"><font color="orange">?</font>  Ouverture du forum le 20 décembre 2010
<br><br>
    <font color="orange">?</font>  Nous sommes en automne 2010, c'est le début de l'année scolaire !
<br><br>
    <font color="orange">?</font>  Allez voir la liste des chambres 2010-2011</span>
<br><br>
    </div></center>
<br><br>
    <center> <div style="border: solid ; border-width:0px ; border-color:#000000; width:300px;background-color:#072526; padding:5px;border-radius:35px;">
    <center> <div style="border: solid ; border-width:0px ; border-color:#5E777C; width:250px;background-color:#145254; padding:5px;border-radius:35px;"><span style="text-transform : uppercase;text-shadow: #000000 3px 1px 1px; letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;">  postes prédéfinis  </span></div></center>
    <center><a href="http://pensionnat-edaem.purforum.com/t83-etudiants-du-pensionnat-edaem-gars-3-3?tid=b2df81d3bd99386019901bffc9bbc59c" class="postlink"><img src="http://i22.servimg.com/u/f22/15/92/67/14/43_jam10.jpg" border="0" alt="" /></a> <a href="http://pensionnat-edaem.purforum.com/t67-etudiants-du-pensionnat-edaem-filles-2-4?tid=b2df81d3bd99386019901bffc9bbc59c" class="postlink"><img src="http://i22.servimg.com/u/f22/15/92/67/14/rachel10.jpg" border="0" alt="" /></a> <a href="http://pensionnat-edaem.purforum.com/t83-etudiants-du-pensionnat-edaem-gars-3-3?tid=b2df81d3bd99386019901bffc9bbc59c" class="postlink"><img src="http://i22.servimg.com/u/f22/15/92/67/14/kz10.jpg" border="0" alt="" /></a> <a href="http://pensionnat-edaem.purforum.com/t87-professeurs-du-pensionnat-5-5?tid=b2df81d3bd99386019901bffc9bbc59c" class="postlink"><img src="http://i22.servimg.com/u/f22/15/92/67/14/04291010.jpg" border="0" alt="" /></a> <a href="http://pensionnat-edaem.purforum.com/t83-etudiants-du-pensionnat-edaem-gars-3-3?tid=b2df81d3bd99386019901bffc9bbc59c" class="postlink"><img src="http://i22.servimg.com/u/f22/15/92/67/14/zac-ef12.jpg" border="0" alt="" /></a>
    </div></center>
    </center>

    </td><td align="left">
<br><br>
    <center> <div style="border: solid ; border-width:0px ; border-color:#000000; width:300px;background-color:#072526; padding:5px;border-radius:35px;">
    <center> <div style="border: solid ; border-width:0px ; border-color:#5E777C; width:250px;background-color:#145254; padding:5px;border-radius:35px;"><span style="text-transform : uppercase;text-shadow: #000000 3px 1px 1px; letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;">  Contexte  </span></div></center>
    <center><div style="width:300px;height:100px;overflow:auto;letter-spacing: 1px;-moz-border-radius:5px; margin:5px;"><div align="left"><div align="justify"><span style="font-size: 9px; line-height: normal"><i>Dans notre époque contemporaine, on ne croit que ce l'on voit. Alors, qu'arriverait-il si des choses anormales se produiraient par la simple volonté de votre pensée? Que soudainement, vous, qui faites partie de monsieurs et madames tout le monde, entendez la pensée d'autrui, faites léviter des objets ou même passez à travers des substances? L'imagination semble peut-être la raison de vos hallucinations. Ou serait-ce la folie? Mais bien vite, on vous retrouvera. Vous apprendrez que le gouvernement est à vos trousses et veut littéralement vous éliminer ou faire des expériences sur vous! Le seul endroit pour vous réfugier sera dans le Pensionnat EDAEM... Une école qui semble invisible par ceux qui vous pourchassent. Une fois entre ces murs, vous vous rendrez compte que vous n'êtes pas seul et que vos pouvoirs ne seraient pas une malédiction, mais peut-être bien un don...</i></span></div>
      </div></div><br><br></div></center>
    </center>
<br><br>
    <center> <div style="border: solid ; border-width:0px ; border-color:#000000; width:300px;background-color:#072526; padding:5px;border-radius:35px;">
    <center> <div style="border: solid ; border-width:0px ; border-color:#5E777C; width:250px;background-color:#145254; padding:5px;border-radius:35px;"><span style="text-transform : uppercase;text-shadow: #000000 3px 1px 1px; letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;">  le staff  </span></div></center>
    <center><img src="http://i25.servimg.com/u/f25/12/85/63/96/sophia10.jpg" border="0" alt="" />  <img src="http://i25.servimg.com/u/f25/12/85/63/96/reese-10.jpg" border="0" alt="" />
    </center>
    </div></center>
    </td></tr></table></div>

Cordialement.

[edaem]

*o* Merci beaucoup! C'est vraiment mieux! ^^ Je jouerais plus avec les messages d'accueil la prochaine fois

Encore merci de votre aide, elle a été très utile!

[Anzu]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif