Besoin d'aide pour un code sur le msg de l'accueil

[PrettyLittleLove]

Bonjour à tous!!!

J'ai un soucis avec le code du message de ma page d'accueil :(j'ai voulu ajouté un détail et ca m'a tout perturbé   

C'est le code qu'il y a dans Affichage - Généralités

Code:

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Royal Events</title><style type="text/css">
<!--
.titrefofo {
font-size: 30px;
text-shadow: 2px 2px 2px #ffffff;
filter: dropshadow(color=#ffffff, offx=2, offy=2);
color: #653680;
font-family:'Happy Monkey';
letter-spacing: 6px;}

.menu {
font-size: 22px;
text-shadow: 2px 2px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=2, offy=2);
color: #966da1;
font-family:'Happy Monkey';
letter-spacing: -1px;
text-transform: lowercase;}

#contour {
width: 895px;
border: 1px solid #e00077;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

#contourmenu {
width: 250px;
height: 155px;
overflow: auto;
padding: 5px;
text-align:justify;
letter-spacing: 1px;
border: 1px double #e00077;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

#contourmenu2 {
width: 550px;
height: 155px;
overflow: auto;
padding: 5px;
text-align:justify;
letter-spacing: 1px;
border: 1px double #e00077;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

#subnav a {
display: block;
text-align: center;
background-color:  #;
height: 5px;
text-shadow: 1px 1px 4px #d99ad9;
filter: dropshadow(color=#d99ad9, offx=1, offy=1);}

#subnav a:hover {
text-shadow: 1px 1px 4px #6b68c7;
filter: dropshadow(color=#6b68c7, offx=1, offy=1);}
.credit {font-size: 10px}

/* infobulle*/
.tstaff{font-size:1em;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
left: -700px;
visibility: hidden;
color: #000;
width:140px;
height:30px;
text-align:center;
margin:auto;
font-size: 10px; }

.thumbnail span img{}

.thumbnail:hover span{
visibility: visible;
top: 30px;
left: -25px;
width: 140px;}
.crédit {font-size: 11px}
/*fin infobulle*/
-->
</style> <fieldset id="contour"><legend></legend><span class="titrefofo"></span>Royal Events</fieldset>
<table border="0" style="width: 892px;">
   
   <tbody>
      
      <tr>
         
         <td valign="top">
             <fieldset id="contourmenu"><legend></legend><span class="menu"></span>Bienvenue </fieldset>
            <div style="height: 115px; overflow: auto; letter-spacing: -1px; padding: 2px; font-size: 11.5px;">
                Bienvenue sur le forum de Royal Events ! <br /><br />Nous sommes une société qui a pour but de créer des évènements consacrés aux séries tv et de répondre le plus possible à vos attentes ! <br />Royal Events vous accueillera dans la jolie ville de Toulouse.
            </div><fieldset id="contourmenu"></fieldset>
         </td>
         
         <td valign="top">
             <fieldset id="contourmenu"><legend></legend><span class="menu"></span>nouveautés <marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop();" onmouseout="this.start();" style="height: 120px;"></marquee></fieldset>
            <div style="height: 115px; overflow: auto; letter-spacing: -1px; padding: 2px; font-size: 11.5px;">
                ♠ 27/03/13 : Ouverture du forum <br /> ♠ 07/04/13 : Annonce de la convention -A is Everywhere <br /> ♠ 28/04/13 : Annonce de la venue de Keegan Allen <br /> ♠ 26/08/13 : Annonce de la convention The Full Moon is coming <br /> ♠ 14/12/13 Annonce de Sasha Pieterse<br /> ♠ 26/12/13 Annonce de Max Carver<br /> ♠ 26/12/13 Annonce de Adam Fristoe<br /> ♠ 18/01/14 : -A is Everywhere 1/2 <br /> ♠ 19/01/14 : -A is Everywhere 2/2 <br /> ♠ 10/05/14 : The Full Moon is coming 1/2 <br /> ♠ 11/05/14 : The Full Moon is coming 2/2 <br />
            </div><fieldset id="contourmenu"><marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop();" onmouseout="this.start();" style="height: 120px;"></marquee> </fieldset>
         </td>
         
         <td valign="top">
             <fieldset id="contourmenu"><legend></legend><span class="menu"></span>top partenaires </fieldset>
            <div align="center" style="height: 120px; overflow: auto;">
                <br /> <a href="http://prettylittleliars.us/" _blank"=""><img src="http://i79.servimg.com/u/f79/18/21/57/43/pllus11.png" border="0" /> </a> ♣ <a href="https://www.facebook.com/DreamupMag?ref=ts&fref=ts" _blank"=""><img src="http://i79.servimg.com/u/f79/18/21/57/43/dreamu10.jpg" border="0" /></a> <br /> <a href="http://prettylittlelove.serie-tv-forum.com/" _blank"=""><img src="http://i40.servimg.com/u/f40/17/80/20/04/logo_f11.gif" border="0" /></a> ♣ <a href="http://prettylittleliars.forumactif.com/" _blank"=""><img src="http://i46.tinypic.com/9jq2b4.jpg" border="0" /> </a> <br /> <a href="http://teemix.aufeminin.com/" _blank"=""><img src="http://i79.servimg.com/u/f79/18/21/57/43/teemix11.jpg" border="0" /></a> ♣ <a href="http://teenwolfies.com/" _blank"=""><img src="http://i70.servimg.com/u/f70/18/21/57/43/bouton10.png" border="0" /> </a> <br /> <a href="#" target="_blank"><img src="http://stock.lostmindy.net/codages/bouton8831.jpg" border="0" /></a> ♣ <a href="#" target="_blank"><img src="http://stock.lostmindy.net/codages/bouton8831.jpg" border="0" /> </a> <br />
            </div><fieldset id="contourmenu"> </fieldset>
         </td>
         
      </tr>
      
      <tr>
         
         <td valign="top">
             <fieldset id="contourmenu"><legend></legend><span class="menu"></span>Convention </fieldset>
            <div align="center" style="">
               
               <center>
                   <img src="http://i78.servimg.com/u/f78/18/20/52/54/-a_is_10.png" border="0" />
               </center>
               
            </div><fieldset id="contourmenu"> </fieldset>
         </td>
         
         <td valign="top" colspan="2">
             <fieldset id="contourmenu2"><legend></legend><span class="menu"></span>Guests </fieldset>
            <div id="subnav" style="">
               
               <center>
                   <img src="http://i78.servimg.com/u/f78/18/20/52/54/keeg10.png" border="0" />
               </center>
               
            </div><fieldset id="contourmenu2"> </fieldset>
         </td>
         
      </tr>
      
   </tbody>
</table><fieldset id="contour"></fieldset>

Voilà le lien du forum: http://royalevents.forumactif.org/

Quelqu'un saurait-il me dire ce qu'il faudrait changer pour remettre les infos dans leurs cases s'il vous plait?   

Je vous souhaite à tous de très bonnes fêtes de fin d'année       et merci d'avance pour vos réponses!

[Lixyr]

Bonjour.

  Alors, déjà, on va bouger le CSS, ça prendra moins de place.
Donc vous retirez le CSS du code de la PA :

Code:

   .titrefofo {
    font-size: 30px;
    text-shadow: 2px 2px 2px #ffffff;
    filter: dropshadow(color=#ffffff, offx=2, offy=2);
    color: #653680;
    font-family:'Happy Monkey';
    letter-spacing: 6px;}

    .menu {
    font-size: 22px;
    text-shadow: 2px 2px 1px #ffffff;
    filter: dropshadow(color=#ffffff, offx=2, offy=2);
    color: #966da1;
    font-family:'Happy Monkey';
    letter-spacing: -1px;
    text-transform: lowercase;}

    #contour {
    width: 895px;
    border: 1px solid #e00077;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

    #contourmenu {
    width: 250px;
    height: 155px;
    overflow: auto;
    padding: 5px;
    text-align:justify;
    letter-spacing: 1px;
    border: 1px double #e00077;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

    #contourmenu2 {
    width: 550px;
    height: 155px;
    overflow: auto;
    padding: 5px;
    text-align:justify;
    letter-spacing: 1px;
    border: 1px double #e00077;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

    #subnav a {
    display: block;
    text-align: center;
    background-color:  #;
    height: 5px;
    text-shadow: 1px 1px 4px #d99ad9;
    filter: dropshadow(color=#d99ad9, offx=1, offy=1);}

    #subnav a:hover {
    text-shadow: 1px 1px 4px #6b68c7;
    filter: dropshadow(color=#6b68c7, offx=1, offy=1);}
    .credit {font-size: 10px}

    /* infobulle*/
    .tstaff{font-size:1em;}

    .thumbnail{position: relative;z-index: 0;}

    .thumbnail:hover{background-color: transparent;z-index: 50;}

    .thumbnail span{
    position: absolute;
    left: -700px;
    visibility: hidden;
    color: #000;
    width:140px;
    height:30px;
    text-align:center;
    margin:auto;
    font-size: 10px; }

    .thumbnail span img{}

    .thumbnail:hover span{
    visibility: visible;
    top: 30px;
    left: -25px;
    width: 140px;}
    .crédit {font-size: 11px}
    /*fin infobulle*/

et vous le mettez dans la feuille de style CSS :
panneau >> affichage >> couleurs >> feuille de style CSS

  Ensuite on supprime dans la PA ce qui ne sert plus à rien :

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Royal Events</title><style type="text/css">
   <!--

   -->
   </style>

(la balise meta ne sert à rien, elle est déjà présente sur le forum)

  Ensuite on regarde le code :

<fieldset id="contour"><legend></legend><span class="titrefofo"></span>Royal Events</fieldset>

=> vous avez des balises sans contenu. Il faut remettre tout ça en ordre, donc le texte dans le span, et le span dans la balise legend.

<fieldset id="contour"><legend><span class="titrefofo">Royal Events</span></legend></fieldset>

dans le bon ordre, sinon ça va se mélanger à nouveau.

Il va falloir faire ça pour tous les titres.

  Ensuite, il va falloir repérer tous les contenus qui sont vides et les enlever, et remettre les contenus dans les blocs.
Votre code est ainsi :
- fieldset
- legend
- div

Vous avez le contenu dans une div. Mais la div doit être dans le fieldset.
Donc au lieu d'avoir :

<fieldset id="contourmenu"><legend></legend><span class="menu"></span>Bienvenue </fieldset><div style="height: 115px; overflow: auto; letter-spacing: -1px; padding: 2px; font-size: 11.5px;">
Bienvenue sur le forum de Royal Events ! <br /><br />Nous sommes une société qui a pour but de créer des évènements consacrés aux séries tv et de répondre le plus possible à vos attentes ! <br />Royal Events vous accueillera dans la jolie ville de Toulouse.
</div>

vous devriez avoir :

<fieldset id="contourmenu"><legend></legend><span class="menu"></span>Bienvenue <div style="height: 115px; overflow: auto; letter-spacing: -1px; padding: 2px; font-size: 11.5px;">
Bienvenue sur le forum de Royal Events ! <br /><br />Nous sommes une société qui a pour but de créer des évènements consacrés aux séries tv et de répondre le plus possible à vos attentes ! <br />Royal Events vous accueillera dans la jolie ville de Toulouse.
</div> </fieldset>

Sauf que la balise fieldset est une balise de citation, à la base, pas de type bloc, donc on ne peut pas mettre de bloc dedans. Il va donc falloir mettre le contenu uniquement dans le fieldset, et mettre le style de la div à la balis fieldset, ou bien changer de méthode. Comme vous voulez.

Ce qui donne en gros :

<fieldset id="contourmenu" style="height: 115px; overflow: auto; letter-spacing: -1px; padding: 2px; font-size: 11.5px;"><legend><span class="menu">Bienvenue </span></legend> Bienvenue sur le forum de Royal Events ! <br /><br />Nous sommes une société qui a pour but de créer des évènements consacrés aux séries tv et de répondre le plus possible à vos attentes ! <br />Royal Events vous accueillera dans la jolie ville de Toulouse. </fieldset>

  Ensuite vous remarquerez qu'il y a des balises sans contenu. Par exemple, ceci :

<fieldset id="contourmenu"><marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop();" onmouseout="this.start();" style="height: 120px;"></marquee> </fieldset>

Une fois que vous aurez remis le contenu au bon endroit, il faudra enlever toutes les balises vides.

Bon le soucis, c'est que la balise fieldset n'étant pas faite pour ce que vous faite, la scroll-barre et tout le tintouin sensé fonctionner avant avec la div ne fonctionnera pas ici, donc je vous conseille fortement d'abandonner la balise fieldset et d'utiliser une autre solution pour avoir vos titres ainsi, ça sera beaucoup plus simple.

[PrettyLittleLove]

Merci beaucoup Lixyr !!!! Trop forte Je changerais quand j'aurais un peu de temps ^^
:thanks:

Passe un bon dernier jour de 2013