boucle qui agrandit la taille des colonnes avec IE

Général
1

Bonjour,

Je tente ma chance ici puisque sur le forum personne ne me répond…

Cela fait plusieurs jours que je me creusais la tête pour savoir pourquoi avec IE, mon tableau s’affichait bizarrement (http://www.kwalai.com/page-IE.jpg) et pourquoi avec Mozilla il s’affichait normalement (http://www.kwalai.com/page-Mozilla.jpg). J’ai refait étape par étape mon tableau en ne rajoutant les boucles qu’au dernier moment et je me suis donc aperçu que ce sont les boucles qui sont trop “grandes” (les phrases <BOUCLE_…(ARTICLES)…> sont trop « grandes » et ne rentrent pas dans la cellule) et qui élargissent les colonnes de mon tableau, avec IE seulement.
Voici le code de mon tableau (j’ai volontairement “coupé” une partie du tableau parce qu’il était trop long sinon) :

<table width="625" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"><img src="Images/hautpourpregauche.jpg" alt="coin gauche" width="20" /></td>
<td colspan="5" background="Images/pourpre2_.jpg"><div align="center" class="titre_blanc">Wala&iuml; ! Politique </div></td>
<td width="20"><img src="Images/hautpourpredroit.jpg" alt="coin droit" width="20" /></td>
</tr>
<tr>
<td colspan="7" class="texte" style="border:1px solid #710D29">
<BOUCLE_rub_politique(RUBRIQUES){titre=Politique}>
<BOUCLE_art_politique(ARTICLES){id_rubrique}{par date} {inverse}{0,2}>
<a href="actu_special.php3?id_rub=#ID_RUBRIQUE&amp;id_article=#ID_ARTICLE" class="lien_spip">#TITRE</a>
<p class="texte">#CHAPO</p>
</BOUCLE_art_politique>
</BOUCLE_rub_politique>
</td>
</tr>
<tr>
<td colspan="7">&nbsp;</td>
</tr>
<tr>
<td><img src="Images/hautpourpregauche.jpg" alt="coin gauche" width="20" /></td>
<td width="267" background="Images/pourpre2_.jpg"><div align="center" class="titre_blanc">Wala&iuml; ! Culture</div></td>
<td width="20"><img src="Images/hautpourpredroit.jpg" alt="coin droit" width="20" /></td>
<td>&nbsp;</td>
<td width="20"><img src="Images/hautpourpregauche.jpg" alt="coin gauche" width="20" /></td>
<td width="268" background="Images/pourpre2_.jpg"><div align="center" class="titre_blanc">Wala&iuml; ! Sport</div></td>
<td><img src="Images/hautpourpredroit.jpg" alt="coin droit" width="20" /></td>
</tr>
<tr>
<td colspan="3" class="texte" style="border:1px solid #710D29">
<BOUCLE_rub_culture(RUBRIQUES){titre=Culture}>
<BOUCLE_art_culture(ARTICLES){id_rubrique}{par date}{inverse}{0,2}>
<a href="actu_special.php3?id_rub=#ID_RUBRIQUE&amp;id_article=#ID_ARTICLE" class="lien_spip">#TITRE</a>
<p class="texte">#CHAPO</p>
</BOUCLE_art_culture>
</BOUCLE_rub_culture>
</td>
<td>&nbsp;</td>
<td colspan="3" class="texte" style="border:1px solid #710D29">
<BOUCLE_rub_sport(RUBRIQUES){titre=Sport}>
<BOUCLE_art_sport(ARTICLES){id_rubrique}{par date}{inverse}{0,2}>
<a href="actu_special.php3?id_rub=#ID_RUBRIQUE&amp;id_article=#ID_ARTICLE" class="lien_spip">#TITRE</a>
<p class="texte">#CHAPO</p>
</BOUCLE_art_sport>
</BOUCLE_rub_sport>
</td>
</tr>
</table>

J’espère que quelqu’un pourra m’aider parce que je sèche là !
Merci :slight_smile:

Découvrez une nouvelle façon d’obtenir des réponses à toutes vos questions ! Demandez à ceux qui savent sur Yahoo! Questions/Réponses.

2

Heilani Penanhoat a écrit :

Bonjour,
Je tente ma chance ici puisque sur le forum personne ne me répond..

|
J’espère que quelqu’un pourra m’aider parce que je sèche là !
Merci :slight_smile:

mets tes boucle dans un INCLURE mais je doute que se soit reellement le pb

3

Bonjour,

Je tente ma chance ici puisque sur le forum personne ne me répond..
Cela fait plusieurs jours que je me creusais la tête pour savoir pourquoi
avec IE, mon tableau s’affichait bizarrement
(http://www.kwalai.com/page-IE.jpg) et pourquoi avec Mozilla il
s’affichait normalement (http://www.kwalai.com/page-Mozilla.jpg). J’ai
refait étape par étape mon tableau en ne rajoutant les boucles qu’au
dernier moment et je me suis donc aperçu que ce sont les boucles qui sont
trop “grandes” (les phrases <BOUCLE_...(ARTICLES)...> sont trop "grandes"
et ne rentrent pas dans la cellule) et qui élargissent les colonnes de mon
tableau, avec IE seulement.
  Voici le code de mon tableau (j’ai volontairement “coupé” une partie du
tableau parce qu’il était trop long sinon) :

<table width="625" border="0" cellspacing="0" cellpadding="0">
   <tr>
     <td width="20"><img src="Images/hautpourpregauche.jpg" alt="coin
gauche" width="20" /></td>
    <td colspan="5" background="Images/pourpre2_.jpg"><div align="center"
class="titre_blanc">Wala&iuml; ! Politique </div></td>
     <td width="20"><img src="Images/hautpourpredroit.jpg" alt="coin
droit" width="20" /></td>
   </tr>
   <tr>
      <td colspan="7" class="texte" style="border:1px solid #710D29">
         <BOUCLE_rub_politique(RUBRIQUES){titre=Politique}>
            <BOUCLE_art_politique(ARTICLES){id_rubrique}{par date}
{inverse}{0,2}>
                 <a
href="actu_special.php3?id_rub=#ID_RUBRIQUE&amp;id_article=#ID_ARTICLE"
class="lien_spip">#TITRE</a>
                 <p class="texte">#CHAPO</p>
            </BOUCLE_art_politique>
         </BOUCLE_rub_politique>
        </td>
     </tr>
   <tr>
     <td colspan="7">&nbsp;</td>
   </tr>
   <tr>
     <td><img src="Images/hautpourpregauche.jpg" alt="coin gauche"
width="20" /></td>
    <td width="267" background="Images/pourpre2_.jpg"><div align="center"
class="titre_blanc">Wala&iuml; ! Culture</div></td>
     <td width="20"><img src="Images/hautpourpredroit.jpg" alt="coin
droit" width="20" /></td>
     <td>&nbsp;</td>
     <td width="20"><img src="Images/hautpourpregauche.jpg" alt="coin
gauche" width="20" /></td>
    <td width="268" background="Images/pourpre2_.jpg"><div align="center"
class="titre_blanc">Wala&iuml; ! Sport</div></td>
     <td><img src="Images/hautpourpredroit.jpg" alt="coin droit"
width="20" /></td>
   </tr>
   <tr>
      <td colspan="3" class="texte" style="border:1px solid #710D29">
         <BOUCLE_rub_culture(RUBRIQUES){titre=Culture}>
             <BOUCLE_art_culture(ARTICLES){id_rubrique}{par
date}{inverse}{0,2}>
                <a
href="actu_special.php3?id_rub=#ID_RUBRIQUE&amp;id_article=#ID_ARTICLE"
class="lien_spip">#TITRE</a>
                 <p class="texte">#CHAPO</p>
            </BOUCLE_art_culture>
         </BOUCLE_rub_culture>
      </td>
     <td>&nbsp;</td>
      <td colspan="3" class="texte" style="border:1px solid #710D29">
         <BOUCLE_rub_sport(RUBRIQUES){titre=Sport}>
            <BOUCLE_art_sport(ARTICLES){id_rubrique}{par
date}{inverse}{0,2}>
                 <a
href="actu_special.php3?id_rub=#ID_RUBRIQUE&amp;id_article=#ID_ARTICLE"
class="lien_spip">#TITRE</a>
                 <p class="texte">#CHAPO</p>
            </BOUCLE_art_sport>
          </BOUCLE_rub_sport>
       </td>
     </tr>
</table>

J’espère que quelqu’un pourra m’aider parce que je sèche là !
Merci :slight_smile:

Bonjour,
j crois qu il y a une confusion quelque part... En principe la longueur
des phrases composant les <BOUCLES> spip ne peuvent pas modifier la mise
en page du tableau, puisque les tags <BOUCLES> sont interpretees par le
coeur de spip puis transformees en contenu html, de fait elles ne doivent
pas apparaitre dans le code source du navigateur (faut verifier) et
peuvent donc difficilement deformer la mise en page... par contre, en
effet, le rendu html d une boucle (le contenu que la boucle extrait de la
base de donnees), peut faire eclater ta mise en page si il est plus long
que prevu, et surtout insecable (le html ne gere pas la cesure) par
exemple : une url...
Mais le mieux serait de donner directement le lien sur la page (et non pas
une image de la page)...
triton

4

Le 13/10/06, Heilani Penanhoat a écrit :

Bonjour,
Je tente ma chance ici puisque sur le forum personne ne me répond..
Cela fait plusieurs jours que je me creusais la tête pour savoir pourquoi
avec IE, mon tableau s'affichait bizarrement
(http://www.kwalai.com/page-IE.jpg) et pourquoi avec
Mozilla il s'affichait normalement

As-tu essayé
img{border:none;} dans ta css?

--
@plus

Jacques

Marre de "*quoter comme un goret*" avec OE : (Rappel: quoter n'est

pas coder) http://www.aminautes.org/forums/configurer/oe/QF_doc.html

Où placer sa réponse ?
[Mini-FAQ] Repondre par courrier ou dans les news ?

5

Le 13/10/06, Heilani Penanhoat a écrit :

> As-tu essayé img{border:none;} dans ta css?
Oui j'ai essayé --> rien

> mets tes boucle dans un INCLURE mais je doute que se soit reellement le pb
J'ai aussi essayé mais ça ne règle pas le problème

d'écran : http://www.kwalai.com/capt.jpg). Voici le lien direct vers la page
:
http://www.kwalai.com/test.php3

Il y a peut-être des padding inutiles comme

table.spip td {
  padding: 3px;
  text-align: left;
  vertical-align: middle;
}
dans design.css

--
@plus

Jacques

Marre de "*quoter comme un goret*" avec OE : (Rappel: quoter n'est

pas coder) http://www.aminautes.org/forums/configurer/oe/QF_doc.html

Où placer sa réponse ?
[Mini-FAQ] Repondre par courrier ou dans les news ?

6

je pensais que table.spip td c’était uniquement pour les tableaux qu’on saisit dans les articles…? En tous cas j’ai essayé d’enlever la ligne padding:3px; et ça n’a rien changé.

« Jacques J. » confluents@gmail.com a écrit :

Le 13/10/06, Heilani Penanhoat a écrit :

As-tu essayé img{border:none;} dans ta css?
Oui j’ai essayé → rien

mets tes boucle dans un INCLURE mais je doute que se soit reellement le pb
J’ai aussi essayé mais ça ne règle pas le problème

d’écran : http://www.kwalai.com/capt.jpg). Voici le lien direct vers la page
:
http://www.kwalai.com/test.php3

Il y a peut-être des padding inutiles comme

table.spip td {
padding: 3px;
text-align: left;
vertical-align: middle;
}
dans design.css

–
@plus

Jacques

Marre de « quoter comme un goret » avec OE : (Rappel: quoter n’est
pas coder) http://www.aminautes.org/forums/configurer/oe/QF_doc.html

Où placer sa réponse ?
[Mini-FAQ] Repondre par courrier ou dans les news ?

liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ

Découvrez une nouvelle façon d’obtenir des réponses à toutes vos questions ! Demandez à ceux qui savent sur Yahoo! Questions/Réponses.