Problème de dimensions! Bouton_activeProblème de dimensions! Bouton_hoverProblème de dimensions! Fb-hoverProblème de dimensions! 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
Problème de dimensions! EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème de dimensions! EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème de dimensions! EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème de dimensions! EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème de dimensions! EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème de dimensions! EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème de dimensions! EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème de dimensions! EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G ...
Voir le deal
599 €

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

Problème de dimensions!

Voir le sujet précédent Voir le sujet suivant Aller en bas 
.unexpected
.unexpected
{ Membre }
{ Membre }

Féminin Messages : 4



Problème de dimensions! Empty
Bonjour à tous (:
Je suis en train de modifier mes catégories en touchant au templates, seulement je rencontre un petit problème, la partie de droite de mes catégories et beaucoup plus petite, comme "poussée" vers la droite à cause de la description de mes catégories :

Spoiler:

J'aimerai donc savoir comment faire pour que la partie "derniers messages" comme encadrée en noir soit plus large?

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}

        {CURRENT_TIME}

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

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="80%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

  </tr>
  <!-- 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">

        </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">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </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}>

<!-- [ DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->


<div class="forum-description">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
<table><tr><td><span class="genmed">{catrow.forumrow.FORUM_DESC}</span> </td> <td>    <span class="gensmall">{catrow.forumrow.LAST_POST}<br>      <span class="gensmall">
{catrow.forumrow.POSTS} messages || {catrow.forumrow.TOPICS} sujets.</span>    </span></td></tr></table>
</div>
<div class="forum-sousforum"><span id="virgule"><div class="gloubiboulga">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span>
<script type="text/javascript">document.getElementById('virgule').innerHTML=document.getElementById('virgule').innerHTML.replace(/,/," ");
</script></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>

<!-- [ FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->

      <!-- 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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

et mon css :

Code:
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 60%;
      border: 3px solid #EDC078;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}


/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #EDC078;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      text-align: center;
      font-size: 11px;
}

Un grand merci à tout ceux qui pourront m'aider I love you


Dernière édition par .unexpected le Mer 05 Jan 2011, 14:21, édité 1 fois
MessageSujet: Problème de dimensions!   Problème de dimensions! EmptyVen 31 Déc 2010, 07:16
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Problème de dimensions! Empty
Salut Smile

Je crois (peut-être quelqu'un viendra-t-il me corriger ^^) Que le hic est dans ton CSS!

Tu écrit que ta description de forum (forum-description) a une largeur (width) de 60%, à ta place, j'essaierais de descendre le pourcentage, pour voir!

Donne moi s'en des nouvelles, sinon, j'irai scruter ton tempate! Wink

MessageSujet: Re: Problème de dimensions!   Problème de dimensions! EmptyVen 31 Déc 2010, 12:18
Revenir en haut Aller en bas
.unexpected
.unexpected
{ Membre }
{ Membre }

Féminin Messages : 4



Problème de dimensions! Empty
Bonsoir (:

Merci beaucoup pour la réponse!

J'ai essayé en mettant "30" à la place de "60", mais ça a rétrécit le cadre des descriptions :/ :

Spoiler:

D'accord merci bien I love you
MessageSujet: Re: Problème de dimensions!   Problème de dimensions! EmptyVen 31 Déc 2010, 12:38
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Problème de dimensions! Empty
Salut!

Bon, ça doit faire à peu près 1h que je suis sur ton maudit tempate, mais sans résultat vraiment signifiant jusqu'à maintenant. Je vais sans doute y arriver mais je dois partir pour fêter le nouvel an, alors en attendant, car j'ignore si j'aurai le temps de le trouver avant un moment et à moins qu'un codeur de forum ayant la solution miracle ne se pointe le nez, la meilleure solution que j'ai trouvé c'est de simplement y aller dans tes descriptions de forum.

Du genre, tu fais un < br > (ou enter sur ton clavier dépendant si tu es en HTML dans tes descritptions) au bout de la ligne pour qu'elle soit de la bonne largeur.

Sur ce, je vais continuer d'essayer mais c'est pas un jeux d'enfant hihi ^^

Bonne année!

Édit:

*Essuie la sueur su mon front*

Je l'ai eu!

Il a fallu refaire une bonne partie du tempate, au final, je sais même plus où il était le problème haha!

En tout cas, here we go:

CSS:

Code:

.forum-sousforum {
color : #000000;
border : 3px solid #edc078;
border-top : 0 !important ;
margin : auto;
padding : 4px;
color : #000000;
text-align : center;
font-size : 11px;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
}

.forum-description {
margin : auto;
padding : 10px;
color : #000000;
width : 400px;
border: 3px solid #edc078;
font-size : 12px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
}

.taille1 {
width: 270px;
}


.taille2 {
width: 130px;
}


J'ai des petites précisions à te donner, je voulais les mettres directement dans le CSS mais forumactif me balance des erreurs alors j'ai pas vraiment le choix de le faire ici ><

La classe TAILLE1 est en fait la largeur que prendra le texte de tes descriptions, TAILLE2, lui, c'est la largeur que prendra ce qui est généralement la colonne «dernier message», dans ton cas:
Aujourd'hui à 12:39
Admin Votre 1er sujet
1 messages || 1 sujets.

Bon ça c'est prit de mon forum-test mais on se comprend.

Également, avant, la majorité de tes tailles étaient en pourcentage mais à un moment donnée dans mon bizouillage je les ai mis en pixel pour une raison qui m'ai malheureusement mystérieuse et comme j'avais finalement réussi, j'ai préféré ne rien touché!

Donc, par exemple que la largeur que j'ai mis au cadre qui entour la description et le dernier message ne va pas à ton forum, tu vas changer la largeur dans ta classe
Code:

.description-forum

Par la même occasion, tu dois par contre également changer les largeur de TAILLE1 et TAILLE2 mais fait attention: lorsque tu additionnes le nb de pixel de TAILLE1 et TAILLE2, ça doit être égal au nombre de pixel de la largeur totale...

Tu me suis ^^? Je sais, c'est un peu complexe et je m'en excuse...

Bon, Tempate!

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}

        {CURRENT_TIME}

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

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="80%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

  </tr>
  <!-- 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">

        </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">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </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}>

<!-- [ DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS _ ET FIRE-FLY! ] -->
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>

            <span class="genmed"><div class="forum-description">
<table cellspacing="3" width="100%">
              <tbody>
                <tr>
                <td align="justify" valign="top">
<div class="taille1">{catrow.forumrow.FORUM_DESC}</div> </td>

                <td align="center" valign="top">
<div class="taille2">  <span class="gensmall">{catrow.forumrow.LAST_POST}<br>      <span class="gensmall">
{catrow.forumrow.POSTS} messages || {catrow.forumrow.TOPICS} sujets.</span>    </span></div></td>
 </tr>                
 </tbody>                 
</table>
</div>
</span>

<|-- FIN DE MODIFICATIONS PAR FIRE-FLY -->

<div class="forum-sousforum"><span id="virgule"><div class="gloubiboulga">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span>
<script type="text/javascript">document.getElementById('virgule').innerHTML=document.getElementById('virgule').innerHTML.replace(/,/," ");
</script></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>

<!-- [ FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->

      <!-- 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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Maintenant je croise les doigts pour que ça fonctionne!

Bonne année Smile
MessageSujet: Re: Problème de dimensions!   Problème de dimensions! EmptyVen 31 Déc 2010, 15:08
Revenir en haut Aller en bas
.unexpected
.unexpected
{ Membre }
{ Membre }

Féminin Messages : 4



Problème de dimensions! Empty
Merci infiniment, ça marche et c'est exactement ce que je cherchais I love you

Bonne année à toi aussi (:
MessageSujet: Re: Problème de dimensions!   Problème de dimensions! EmptyMer 05 Jan 2011, 14:17
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Problème de dimensions! Empty
Puisque c'est résolu, je classe =D
MessageSujet: Re: Problème de dimensions!   Problème de dimensions! EmptyMer 05 Jan 2011, 15:44
Revenir en haut Aller en bas
Contenu sponsorisé




Problème de dimensions! Empty
MessageSujet: Re: Problème de dimensions!   Problème de dimensions! Empty
Revenir en haut Aller en bas
 

Problème de dimensions!

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

 Sujets similaires

-
» Problème de 'dimensions' ?
» Problème : Dimensions des 'blocs'.
» Dimensions Avatar
» petit probleme avec mon QEEl :S [Probleme CLOS]
» Tableau, Page d'Acceuil, Dimensions

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 | Forumactif.com