Version complète: sur le forum Webmaster Hub : dreamweaver au secours
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net
plume
mercredi 9 juin 2004 à 09:34
bonjour impossible de transformer le contenu d'un tableau defini au depart en pixel et le mettre en % afin que lors de la réduction de l'écran, le tableau se réduise. j'ai pourtant mis des %
merci de votre aide
Nicolas
mercredi 9 juin 2004 à 09:54
Bonjour,

Est-ce qu'on pourrait voir le code afin de voir le problème ?
plume
mercredi 9 juin 2004 à 10:05
voila le code que vous me demandiez , j'espere que vous pourrez faire qq chose por moi
CODE
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" height="83">
       <tr>
         <td valign="bottom" width="164"><blockquote>
             <div align="left"></div>
           </blockquote></td>
         <td width="115" valign="bottom">
           <table width="115" border="0" cellspacing="0" cellpadding="0">
             <tr>
               <td colspan="2"><img src="medias/rechercher.gif" width="115" height="18"></td>
             </tr>
             <tr>
               <td colspan="2">
                 <input type="text" name="textfield3" size="10" class="texte">
               </td>
             </tr>
             <tr>
               <td width="88"><a href="#"><img src="medias/ok.gif" width="38" height="22" border="0"></a></td>
               <td><img src="medias/15.gif" width="27" height="22"></td>
             </tr>
           </table>
         </td>
         <td width="285"><img src="medias/visu.jpg" width="285" height="83"></td>
         <td width="198">
           <table width="198" border="0" cellspacing="0" cellpadding="0" height="83">
             <tr>
               <td colspan="3" height="19"><img src="medias/02.jpg" width="198" height="19"></td>
             </tr>
             <tr>
               <td rowspan="3" width="17"><img src="medias/03.gif" width="17" height="64"></td>
               <td width="119" height="30" bgcolor="#54F7FE" valign="middle">
                 <div align="center">
                   <input type="text" name="textfield" size="12" class="texte" value="login">
                 </div>
               </td>
               <td><img src="medias/05.gif" width="62" height="30"></td>
             </tr>
             <tr>
               <td width="119" height="30" bgcolor="#54F7FE" valign="middle">
                 <div align="center">
                   <input type="text" name="textfield2" size="12" class="texte" value="mot de passe">
                 </div>
               </td>
               <td width="62"><img src="medias/06.gif" width="62" height="30"></td>
             </tr>
             <tr>
               <td colspan="2" height="4"><img src="medias/04.gif" width="181" height="4"></td>
             </tr>
           </table>
         </td>
       </tr>
     </table>
Nicolas
mercredi 9 juin 2004 à 10:14
Tu as des sous tableaux qui eux ont une taille fixe. Donc lorsque tu reduis ta fenêtre ces sous tableaux garde la taille que tu as défini.
Dan
mercredi 9 juin 2004 à 11:31
Salut Plume,

Tous tes <td width="..."> devraient eux aussi être convertis en pourcentages.
Et les <table...> qui sont dans ceux-ci ne devraient pas avoir de width défini autre que 100% (100% de l'élément conteneur, soit le <td>)

Si tu définis toutes tes colonnes en largeur fixe, l'ensemble du tableau est fixe wink.gif
C'est l'inconvénient du dimensionnement des tableaux à la souris dans la partie wysiwyg de Dreamweaver, il donne des largeurs en pixels.

Dan
Voulf
mercredi 9 juin 2004 à 13:19
Salut!

CITATION
C'est l'inconvénient du dimensionnement des tableaux à la souris dans la partie wysiwyg de Dreamweaver, il donne des largeurs en pixels.


Si je puis permettre, lors de l'insertion du tableau, si tu spécifie une largeur en pourcentage, les manipulations suivantes seront en pourcentage.
plume
mercredi 9 juin 2004 à 13:51
biggrin.gif merci pour vos réponses
plume
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.