Nouveaux messages superposé à la description Bouton_activeNouveaux messages superposé à la description Bouton_hoverNouveaux messages superposé à la description Fb-hoverNouveaux messages superposé à la description Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Nouveaux messages superposé à la description EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Nouveaux messages superposé à la description EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Nouveaux messages superposé à la description EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Nouveaux messages superposé à la description EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Nouveaux messages superposé à la description EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Nouveaux messages superposé à la description EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Nouveaux messages superposé à la description EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Nouveaux messages superposé à la description EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
Code promo Nike : -25% dès 50€ d’achats sur tout le site Nike
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Nouveaux messages superposé à la description

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://soul-seoul.forumactif.fr/forum
Sunee
Sunee
{ Membre }
{ Membre }

Féminin Messages : 24



Nouveaux messages superposé à la description Empty
Bonjour bonjour,

Nouveaux messages superposé à la description Captur10
J'explique le problème. Je voudrais que le petit chat soit superposé au cadre de la description. J'essaie depuis un bon moment de déplacer l'image mais ça ne donne jamais ce que je veux.

Voici mon template:
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="cathead"></div><div class="catbody">

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   
     
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
     
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
        </h{catrow.forumrow.LEVEL}><span class="genmed"><center>{catrow.forumrow.FORUM_DESC}<div style=" text-align: left;"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center>
       
     

        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
        </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3 over" align="center" valign="middle" height="50">
        <div class="entête-fstat">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.<br /><br />

<span class="gensmall">{catrow.forumrow.LAST_POST}<br /></div>
</span>
      </div>
</td>



      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table>
</div><div class="catfoot"></div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
 

Comment faire pour que ça se superpose ?
MessageSujet: Nouveaux messages superposé à la description   Nouveaux messages superposé à la description EmptyMer 03 Oct 2012, 06:12
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Nouveaux messages superposé à la description Empty
Hello,

Je souffre, je suis tombée sur ça dans ton code :
Code:
<td class="row3 over" align="center" valign="middle" height="50">
        <div class="entête-fstat">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.<br /><br />

<span class="gensmall">{catrow.forumrow.LAST_POST}<br /></div>
</span>
      </div>
</td>
J'espère que toi aussi tu as les yeux qui saignent et que tu vas corriger ça au passage x_x

Pour ton problème de description, le code concerné est le suivant :

Code:
<span class="genmed"><center>{catrow.forumrow.FORUM_DESC}<div style=" text-align: left;"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center>
Sachant qu'un span a disparu et que de toute façon on ne doit jamais mettre de bloc dans un élément inline, on va virer le center (bloc et balise obsolète de surcroit), et corriger ce code :
Code:
<div class="genmed DescForum">
    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    {catrow.forumrow.FORUM_DESC}
</div>
<div class="genmed SousForums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
On se retrouve donc avec deux classes .DescForum et .SousForums auxquelles tu devras attribuer la propriété text-align:center; dans ton CSS.

Ensuite, le cas de ton image.

Tu veux qu'elle soit PAR DESSUS la description (et donc qu'elle empêche de lire) ? Ou à côté ? J'imagine que c'est plus compliqué que ça vu que tu n'as pas utilisé de tableaux.

Tu pourrais appliquer un float:left au sélecteur CSS .DescForum img (en supposant qu'il s'agit de la seule image qui sera affichée dans les description, sinon il faut attribuer une classe à l'image et utiliser le sélecteur associé, genre .ClasseImage)
MessageSujet: Re: Nouveaux messages superposé à la description   Nouveaux messages superposé à la description EmptyMer 03 Oct 2012, 07:13
Revenir en haut Aller en bas
http://soul-seoul.forumactif.fr/forum
Sunee
Sunee
{ Membre }
{ Membre }

Féminin Messages : 24



Nouveaux messages superposé à la description Empty
@______@ J'ai pas tout compris.
J'ai fait les modifications dans le template et dans le css, mais ça n'a pas changé grand chose. En fait je voudrais qu je petit chat soit sur le côté gauche de l'encadré pour la description du forum. Je mettrais ensuite une marge dans le cadre pour qu'on puisse bien lire ce qu'il y a écrit dedans.
MessageSujet: Re: Nouveaux messages superposé à la description   Nouveaux messages superposé à la description EmptyMer 03 Oct 2012, 07:26
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Nouveaux messages superposé à la description Empty
Je pourrais voir le résultat de tes modifs ? (CSS et template)
MessageSujet: Re: Nouveaux messages superposé à la description   Nouveaux messages superposé à la description EmptyMer 03 Oct 2012, 08:56
Revenir en haut Aller en bas
http://soul-seoul.forumactif.fr/forum
Sunee
Sunee
{ Membre }
{ Membre }

Féminin Messages : 24



Nouveaux messages superposé à la description Empty
Le template:
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="cathead"></div><div class="catbody">

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   
     
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
     
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
        </h{catrow.forumrow.LEVEL}><div class="genmed DescForum">
    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    {catrow.forumrow.FORUM_DESC}
</div>
<div class="genmed SousForums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
       
     

        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
        </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3 over" align="center" valign="middle" height="50">
        <div class="entête-fstat">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.<br /><br />

<span class="gensmall">{catrow.forumrow.LAST_POST}<br /></div>
</span>
      </div>
</td>



      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table>
</div><div class="catfoot"></div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Css:
Code:
 .DescForum {
  text-align:center;
float:left;
}


.SousForums {
  text-align:center;
}
MessageSujet: Re: Nouveaux messages superposé à la description   Nouveaux messages superposé à la description EmptyMer 03 Oct 2012, 09:09
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Nouveaux messages superposé à la description Empty
Bon, pour les classes .DescForum et .SousForums, c'est bon.

Tu n'as pas corrigé le code que j'ai signalé dans mon précédent message (en premier), revois un peu les bases du HTML, c'est assez évident qu'il y a un problème Wink Compte les paires de balises pour commencer.

Si tu ne comptes pas mettre d'autre image dans les descriptions, tu peux aisément positionner l'icone de forum (le chat comme tu dis) avec du CSS comme ça :
Code:
.DescForum img {
float:left;
}
(C'est la traduction de ce que je te disais plus haut).

Si tu comptes mettre d'autres images, il faut dans ce cas que tu ajoutes une classe à l'image pour pouvoir la cibler elle, et elle seule, parce que le sélecteur .DescForum img cible toutes les images à l'intérieur du bloc .DescForum.

MessageSujet: Re: Nouveaux messages superposé à la description   Nouveaux messages superposé à la description EmptyMer 03 Oct 2012, 14:54
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Nouveaux messages superposé à la description Empty
Bonjour,

Cela fait quatre jours que ce sujet reste sans réponse. Ce problème est-il toujours d'actualité ? As-tu trouvé l'explication de 'Christa satisfaisante? Nouveaux messages superposé à la description 510527
Rappel : si nous n'avons toujours pas de nouvelle d'ici cinq jours, ce sujet rejoindra les archives. Wink

Merci de ta compréhension. Nouveaux messages superposé à la description 926145
MessageSujet: Re: Nouveaux messages superposé à la description   Nouveaux messages superposé à la description EmptyDim 07 Oct 2012, 05:36
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Nouveaux messages superposé à la description Empty
Hello !
N'ayant toujours pas obtenu de réponse, je considère ce sujet comme résolu !
Merci de ta compréhension Nouveaux messages superposé à la description 926145
MessageSujet: Re: Nouveaux messages superposé à la description   Nouveaux messages superposé à la description EmptyJeu 11 Oct 2012, 15:52
Revenir en haut Aller en bas
Contenu sponsorisé




Nouveaux messages superposé à la description Empty
MessageSujet: Re: Nouveaux messages superposé à la description   Nouveaux messages superposé à la description Empty
Revenir en haut Aller en bas
 

Nouveaux messages superposé à la description

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Est-il possible de mettre l'icône des nouveaux messages sous le dernier message ?
» PB : Décalage description des catégo/derniers messages
» Sujets; Messages; Derniers Messages - comment les modifier ?
» Décalages avec Messages/Sujet + Derniers messages
» Impossible de mettre les nombre de post et les nombres de messages dans la description du forum?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit