Message d'accueil problème avec css

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Message d'accueil problème avec css

Message par edaem le Ven 13 Mai 2011 - 23:58

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 :-)


Dernière édition par edaem le Ven 20 Mai 2011 - 0:21, édité 1 fois

edaem
Nouveau membre

Messages : 23
Inscrit(e) le : 13/05/2011

http://pensionnat-edaem.purforum.com
edaem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil problème avec css

Message par edaem le Mar 17 Mai 2011 - 13:15

up

edaem
Nouveau membre

Messages : 23
Inscrit(e) le : 13/05/2011

http://pensionnat-edaem.purforum.com
edaem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil problème avec css

Message par Invité le Mar 17 Mai 2011 - 14:20

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 Wink .

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

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil problème avec css

Message par edaem le Mer 18 Mai 2011 - 1:30

Merci de votre réponse ^^

Voici le code dans le message normal :
Spoiler:
Code:
 [center][list][table border=0][tr][td]
<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></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></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></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></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></center>

<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>
[url=http://secret-of-stonehenge.forumgratuit.org][img]http://img17.imageshack.us/img17/6493/bab1j.jpg[/img][/url] [url=http://never-forget.keuf.net][img]http://i60.servimg.com/u/f60/09/00/59/87/tfr75110.jpg[/img][/url]
[url=http://www.angelordevil.forumactif.com][img]http://i71.servimg.com/u/f71/14/61/83/13/untitl11.jpg[/img][/url]
[url=http://pensionnat-edaem.purforum.com/t58-nos-partenaires]<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>[/url]<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>[url=http://pensionnat-edaem.purforum.com/t35-demande-de-partenariat]<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>[/url]
[/center]

</center>

[/td][td]

<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></center>
[size=9][color=orange]Ҩ[/color]  Ouverture du forum le 20 décembre 2010

[color=orange]Ҩ[/color]  Nous sommes en automne 2010, c'est le début de l'année scolaire !

[color=orange]Ҩ[/color]  Allez voir la liste des chambres 2010-2011[/size]

</center>

<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></center>
<center>[url=http://pensionnat-edaem.purforum.com/t83-etudiants-du-pensionnat-edaem-gars-3-3][img]http://i22.servimg.com/u/f22/15/92/67/14/43_jam10.jpg[/img][/url] [url=http://pensionnat-edaem.purforum.com/t67-etudiants-du-pensionnat-edaem-filles-2-4][img]http://i22.servimg.com/u/f22/15/92/67/14/rachel10.jpg[/img][/url] [url=http://pensionnat-edaem.purforum.com/t83-etudiants-du-pensionnat-edaem-gars-3-3][img]http://i22.servimg.com/u/f22/15/92/67/14/kz10.jpg[/img][/url] [url=http://pensionnat-edaem.purforum.com/t87-professeurs-du-pensionnat-5-5][img]http://i22.servimg.com/u/f22/15/92/67/14/04291010.jpg[/img][/url] [url=http://pensionnat-edaem.purforum.com/t83-etudiants-du-pensionnat-edaem-gars-3-3][img]http://i22.servimg.com/u/f22/15/92/67/14/zac-ef12.jpg[/img][/url]
</center>
</center>

[/td][td]

<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></center>
<center><div style="width:300px;height:100px;overflow:auto;letter-spacing: 1px;-moz-border-radius:5px;">[list][left][justify][size=9][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][/size]
  [/justify][/left][/list]</center>
</center>

<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></center>
<center>[img]http://i25.servimg.com/u/f25/12/85/63/96/sophia10.jpg[/img]  [img]http://i25.servimg.com/u/f25/12/85/63/96/reese-10.jpg[/img]
</center>
</center>
[/td][/tr][/table][/list]
 

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

Spoiler:
Code:
 <div style="margin:auto;text-align:center;width:100%"><ul><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></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></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></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></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></center>

<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>

</center>

</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></center>
<span style="font-size: 9px; line-height: normal"><font color="orange">Ҩ</font>  Ouverture du forum le 20 décembre 2010

<font color="orange">Ҩ</font>  Nous sommes en automne 2010, c'est le début de l'année scolaire !

<font color="orange">Ҩ</font>  Allez voir la liste des chambres 2010-2011</span>

</center>

<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></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>
</center>
</center>

</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;">  Contexte  </span></center>
<center><div style="width:300px;height:100px;overflow:auto;letter-spacing: 1px;-moz-border-radius:5px;"><ul><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></ul></center>
</center>

<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></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>
</center>
</td></tr></table></ul>
 

Voici la feuille Css :
Spoiler:
.forumline{
border: none;
}

.bodyline{
background-color: #transp;
border: none;
}
u{border-bottom: 1px dotted;border-color:#145254;text-decoration: none
}

I{border-bottom:none; color:#999999;text-decoration: none
}

a:hover {
text-decoration: none ; color: #145254; border-bottom: 1px dotted #145254;
}

.bodylinewidth {
width:60%}

a img {
border: none;
}

a.cattitle{
text-decoration: none;
color : #999999;
}
a.cattitle:hover{
text-decoration: none;
}
.forumlink{
font-weight: bold;
font-size: 12px;
color : #999999;
}
a.forumlink {
text-decoration: none;
color : #999999;
}
a.forumlink:hover{
text-decoration: none;
color : #999999;
}
a.nav{
text-decoration: none;
color : #999999;
}
a.nav:hover{
text-decoration: none;
}
a.topictitle:visited{
text-decoration: none;
color : #999999;
}
a.topictitle:hover{
text-decoration: none;
color : #999999;
}
a.postlink:hover{
text-decoration: none;
color : #999999}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color:#999999;
text-decoration: none;
}
a.gen:hover, a.genmed:hover, a.gensmall:hover

{

background-color: none;

}
a.mainmenu{
text-decoration: none;
color : #145254;
}
a.mainmenu:hover{
text-decoration: none;
color : #383838;

padding-right: 10px;

border-top-width: 1px;

border-right-width-value: 1px;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 1px;

border-left-width-value: 1px;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: dotted;

border-right-style-value: dotted;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: dotted;

border-left-style-value: dotted;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: #145254;

border-right-color-value: #145254;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: #145254;

border-left-color-value: #145254;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

text-transform: uppercase;
}

a.copyright:hover {
color: #dba1c1;
text-decoration: none;
}
a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { background-color: #d4d4d2; }
a:hover{text-transform:uppercase;}

.quote{
font-family: Tahoma;
font-size: 12px;
color:#999999 ;
line-height: 125%;
background-color: #999999;
border: #cfcdce;
border-style: solid;
border: 1px #a08491
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #145254;
background-color: :#999999;
border: #145254;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #a08491
dotted;}


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

edaem
Nouveau membre

Messages : 23
Inscrit(e) le : 13/05/2011

http://pensionnat-edaem.purforum.com
edaem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil problème avec css

Message par Invité le Mer 18 Mai 2011 - 19:05

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. Razz

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil problème avec css

Message par edaem le Jeu 19 Mai 2011 - 5:51

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

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

edaem
Nouveau membre

Messages : 23
Inscrit(e) le : 13/05/2011

http://pensionnat-edaem.purforum.com
edaem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil problème avec css

Message par Anzu le Jeu 19 Mai 2011 - 8:57

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 résolu
  • 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 Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum