Resize de menus

**fab76000** · 22/01/2009, 09h44

Bonjour a tous,

Le contexte de ma question est : j'ai un site internet ou il y a un menu de chaque coté, et au centre une zone où je mets du contenu texte (modifiable), j'aimerais savoir si c'est possible de redimmensionner les deux menus ( en hauteur) si le texte au centre est grand et dépasse la taille des menus extérieurs??? Je précise que mes menus contiennent d'autre tableaux intérieurs, et qu'ils sont construits par des images ( 4 en tout). Est -ce quelqu'un peut m'éclairer sur cette question SVP?
Merci d'avance.

**romain_ci** · 22/01/2009, 09h53

Oui c'est possible.
Ensuite je doit te dire que utiliser des tableaux c'est top top. Un tableau contient des données tabulaires c'est tout. Mais bon si tu ne créer pas ton site en XHTML Scrict pourquoi pas.

En plus si tu utilise BIEN les tableaux ca devrai s'agrandir tous seul comme par magie ^^

**fab76000** · 22/01/2009, 10h09

que préconise tu a part les tableaux??
Comment puis-je faire le redimmensionnement, parce que la c'est pas magique , il le fait pas...

**romain_ci** · 22/01/2009, 10h13

A part les tableaux il y a les Div entre autres.
Mais pour ta structure il faut une bonne manipulation des css.

Sinon si tu veut continuer avec les tableaux, un bout de ton code pour m'aider a t'aider serrer le bien venu

**fab76000** · 22/01/2009, 10h31

Voici le menu gauche, j'aimerais qui se resize selon le menu central.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<table border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td colspan="3"><img src="../Templates/menuMorceaux_03.gif" width="190" height="11" hspace="0" vspace="0" /></td>
      </tr>
      <tr>
        <td valign="top"><img src="../Templates/menuMorceaux_05.gif" width="12" height="465" hspace="0" vspace="0" /></td>
        <td><table width="165" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td height="25" valign="top"><a href="accueil.php"><img src="../Templates/rubAccueil.gif" class="titi" width="165" height="22" /></a></td>
            </tr>
            <tr>
              <td height="25" valign="top"><a href="societe.php"><img src="../Templates/rubSociete.gif" class="titi" width="165" height="22" /></a></td>
            </tr>
            <tr>
              <td height="25" valign="top"><a href="expertise.php"><img src="../Templates/rubActivites.gif" class="titi" width="165" height="22" /></td>
            </tr>
            <tr>
              <td height="25" valign="top"><img src="../Templates/rubClients.gif" width="165" height="22" /></td>
            </tr>
            <tr>
              <td height="25" valign="top"><img src="../Templates/rubPartenaires.gif" width="165" height="22" /></td>
            </tr>
            <tr>
              <td height="25" valign="top"><a href="besoins.php"><img src="../Templates/rubBesoins.gif" class="titi" width="165" height="22" /></td>
            </tr>
            <tr>
              <td height="25" valign="top"><a href="actualites.php"><img src="../Templates/rubActualites.gif" class="titi" width="165" height="22" /></td>
            </tr>
            <tr>
              <td height="25" valign="top"><img src="../Templates/rubLogiciel.gif" width="165" height="22" /></td>
            </tr>
            <tr>
              <td height="25" valign="top"><a href="recrutement.php"><img src="../Templates/rubRecrutement.gif" class="titi" width="165" height="22" /></td>
            </tr>
            <tr>
              <td height="25" valign="top"><a href="liens.php"><img src="../Templates/rubLiens.gif" class="titi" width="165" height="22" /></td>
            </tr>
            <tr>
              <td height="40" valign="top"><img src="../Templates/rubContact.gif" width="165" height="22" /></td>
            </tr>
          </table>
            <table width="165" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="172"><!-- TemplateBeginEditable name="compteur" -->compteur<!-- TemplateEndEditable --></td>
              </tr>
          </table></td>
        <td valign="top"><img src="../Templates/menuMorceaux_07.gif" width="11" height="465" hspace="0" vspace="0" /></td>
      </tr>
      <tr>
        <td height="11" colspan="3"><img src="../Templates/menuMorceaux_08.gif" width="190" height="11" hspace="0" vspace="0" /></td>
      </tr>
    </table>

Les image menus_morceaux sont les images composant le contour du menu,
et les autrs sont les rubriques, qui sont à l'intérieur du menu.
Je sais pas si sa peut t'aider??J'espere lol
Merci de ton aide

**romain_ci** · 22/01/2009, 10h56

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<table border="0" cellpadding="0" cellspacing="0">
   <tr>
       <td style="background-color:#000000;">
             Ton Code du menu Gauche
       </td>
       <td style="background-color:#c3c3c3;">
             Ton Code du Centre
       </td>
       <td style="background-color:#d9d9d9;">
             Ton Code du menu Droit
       </td>
   </tr>
</table>

J'ai mis des couleurs en fond pour que tu voi bien que ca grandis, tu pourra les retirer par la suite. Met des width dans les td... je ne connai pas tes tailles d'elements

**fab76000** · 22/01/2009, 11h40

Tu a raison, les tableaux s'agrandissent, cependant dans mon cas, je pense que les images posent problème, est ce qu'elles peuvent se redimmensionner toute seul?? Pour que tu vois, je viens de mettre en ligne mon exemple :
lien
Imagine que le texte au centre (je l'ai effacé pour confidentialité...sa dépend pas de moi) soit trop grand, le menu en bas descend aussi, mais je voudrais que les menus sur les cotés le fassent aussi, qu'en penses tu??

**romain_ci** · 22/01/2009, 12h17

Je vois pas trop de quoi tu veut parler ??

Tu veut que si les cotés descendent que le menu bas descende aussi c'est ca ?

Ps : Soit plus Explicit et donne moi des Exemples du comportement actuel et de ce que tu voudrais, ca serai beaucoup plus clair pour moi

**fab76000** · 22/01/2009, 13h35

En fait, dans le cadre blanc au centre de ma page, je mets du texte.
Quand le texte est conséquent, les deux menus en dessous descende aussi (se sont les menus 'contenu RSS' et le petit avec écrit plan du site). Ce comportement me va bien, cependant les deux menus (gauche et droite) a coté restent a leur place.
Ce que je voudrais, c'est que les deux menus s'agrandissent pour arriver à la même hauteur que les deux petits menus centraux..Est-ce clair?

**romain_ci** · 22/01/2009, 13h43

Oui oui c'est clair.
Je t'avou que je n'ai pas trop le temp de me pencher sur ce probléme. Donc dès que j'ai un moment de libre je regarderai.

mai je pence qu'il va falloir que tu envisage de refaire ta structure.
Refléchi y et tien nous au courant si tu trouve la sollution.

**fab76000** · 22/01/2009, 13h47

ok merci, je vais voir sa, ou si quelqu'un d'autre a déja eu ce ..merci de me contacter

**Kushiel** · 23/01/2009, 02h42

Salut fab, je ne suis pas sûr d'avoir bien compris ton problème. Apparament, tu voudrais que tes menus de gauche et de droite descendent en même temps temps que les flux rss du milieu ?

Si c'est ça, essaye de mettre le style suivant pour tes deux menus :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.menu {
       vertical-align:bottom;
}

A+

Resize de menus

CSS

Discussions similaires

Partager

Partager