HTML : pour les pros du tableau !

HTML : pour les pros du tableau ! - Programmation

Marsh Posté le 27-04-2001 à 10:17:15    

bonjour
j'ai une page d'accueil avec une frame en haut (hauteur 118)
je souhaite faire un tableau dans toute la largeur de ma frame,
et qui bouge si on redimensionne la fenetre. pour cela, il faut donc utiliser les % dans les dimansions.
toutefois, je voudrai que certaines cases ne bougent pas du tout si on redimensionne la fentre ; en effet, certaines cellules contiennent des images et il ne faut pas que ces cellules puissent etre agrandi en largeur.
alors voila ce que j'ai fait ;
<table border="1" cellpadding="0" cellspacing="0" width="100%" height="118">
 
pour le tableau, puis pour les cellules que je veux fixe, je precise leur largeur en pixel. pour celle que je ne veux pas fixe, il faut donc que je mette un % ? mais je met quoi ? 100% ?
là j'ai essayer en mettant des pourcentages calculés (par rapport a un ecran de 800*600 ; aisni, une cellule qui en 800 de large doit faire 500 pixels fait donc 50000/800 soit je sais pas quoi %).
donc ça a l'air d'a peu pres fonctionner, si ce n'est que  les cellules sensées etre fixes s'agrandissent aussi ...
alors comment s'y prendre ?

Reply

Marsh Posté le 27-04-2001 à 10:17:15   

Reply

Marsh Posté le 27-04-2001 à 10:25:46    

Perso je ne mets pas de valuer width pour les cellules qui n'ont pas à voir une taille predeterminée donc  

Code :
  1. <TABLE width="100%">...
  2. <TD>...</TD>...<TD width="234">...</TD>...</TABLE>


---------------
Ce qui vaut la peine d'être fait vaut la peine d'être bien fait
Reply

Marsh Posté le 27-04-2001 à 10:40:12    

Tout pareil ke Nabab :)


---------------
Surfer sur le Net est une perte de temps, et c'est justement ce qui est intéressant.
Reply

Marsh Posté le 27-04-2001 à 10:46:32    

tout pareil que Nabab et netFox


---------------
la vie est un programme, on en est les bugs  
Reply

Marsh Posté le 27-04-2001 à 10:47:56    

Tout pareil que Nabab, netFox et under

Reply

Marsh Posté le 27-04-2001 à 11:28:44    

Tout pareil que Nabab, netFox, under et krolours1

Reply

Marsh Posté le 27-04-2001 à 13:13:19    

Tout pareil que Nabab, netFox, under, krolours1 et darkoli !
 
:D :D :D :D
 
et on peut continuer longtemps comme ça

Reply

Marsh Posté le 27-04-2001 à 13:17:40    

He non ça marche pas toujours on dirai votre technique ...

Reply

Marsh Posté le 27-04-2001 à 13:22:17    

Donne le code HTLM te ton tableau !!!

Reply

Marsh Posté le 27-04-2001 à 13:22:52    

voila mon pb avec votre technique :  
sur le cote a gauche, j'ai un logo. je lui ai donné une largeur fixe avec width="147", mais pourtant il l'agrandi qd meme. Une idée pour l'empecher de le resizer ?

Reply

Marsh Posté le 27-04-2001 à 13:22:52   

Reply

Marsh Posté le 27-04-2001 à 13:23:36    

petoulachi a écrit a écrit :

He non ça marche pas toujours on dirai votre technique ...




J'ai pas dit ke je répondais à ton pb, j'ai dit ke j'étais d'accord avec Nabab  :pt1cable:  
 
Non... g pas bon?...


---------------
Surfer sur le Net est une perte de temps, et c'est justement ce qui est intéressant.
Reply

Marsh Posté le 27-04-2001 à 13:23:58    

Re : Donne ton code !!!

Reply

Marsh Posté le 27-04-2001 à 14:06:32    

bin mon code est assez long, alors aurez vous la patience de tout lire ?

Reply

Marsh Posté le 27-04-2001 à 14:13:05    

Elle est si complexe que ça la Table qui te pose problème ??
 
Je veux juste le code de cette table...

Reply

Marsh Posté le 27-04-2001 à 14:23:52    

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="118">
 
<tr>
    <!-- cellule du logo -->
 <td rowspan="3" colspan="1" width="147" height="90" bgcolor=#66FF00>
 <img src="images/logo.jpg" width="147" height="90" border="0"></td>
    <td rowspan="3" colspan="2" width="61" height="90" bgcolor=#7AADFF> </td>
 <!-- cellule du bandeau defilant pour les news -->
    <td rowspan="2" colspan="1" height="70" bgcolor=#7AADFF valign="middle">
   
  <form name="formulaire">
      <input type="text" name="bandeau" size="45">
 </td>
 <!-- cellule du moteur de recherche -->
    <td rowspan="2" colspan="1" width="100%" height="70" bgcolor=#7AADFF align="right" valign="middle">
  <form name="form">
         <input type="text" value="search for ?" name="search" size="15" maxlength="100">
      <a href="javascript: robert();">
          <img src="images/ok.gif" border=0 width=24 height=22 alt="start research" align="absbottom">
      </a>
 
        </form>
 </td>
    <td rowspan="1" colspan="1" width="34" height="23">
     <img SRC="images/arrondihautdroit.jpg" width="34" height="23" border="0"></td>
</tr>
 
<tr>
    <!-- cellule vide entre les deux arrondis. le inner table permet de garder l'alignement des couleurs
      lors de redimensionnement de l'ecran -->
    <td rowspan="1" colspan="1" width="34" height="47">
 <table width="33" height="47" border=0 align="left" cellpadding="0" cellspacing="0" bgcolor=#7AADFF>
    <tr>
      <td> </td>
    </tr>
</table>
 
 </td>
</tr>
 
<tr>
    <!-- cellule du menu principal -->
    <td rowspan="1" colspan="2" height="20" bgcolor=#7AADFF align="right">
     <nobr>
  <span><a href="accueil.htm" alt="back to home" target="content" onmouseover="oldNetscape()?window.alert('!'):null">Home</a></span>
  <span class="diviseur">  |  </span>
  <span><a href="accueil.htm" alt="eurisco\'s presentation" target="content" >Presentation</a></span>
  <span class="diviseur">  |  </span>
  <span><a href="accueil.htm" alt="research zone" target="content" >Research</a></span>
  <span class="diviseur">  |  </span>
  <span><a href="equipe.htm" target="content" >Networking</a></span>
  <span class="diviseur">  |  </span>
  <span><a href="equipe.htm" target="content" >Team</a></span>
 </td>
    <td rowspan="1" colspan="1" width="34" height="20">
     <img SRC="images/arrondibasdroit.jpg" width="34" height="20" border="0"></td>
</tr>
 
<tr>
    <td rowspan="1" colspan="1" width="147" height="28">
     <img SRC="images/degrade.jpg" width="147" height="28" border="0"></td>
    <td rowspan="1" colspan="1" width="30" height="28">
     <img SRC="images/arrondibasgauche.jpg" width="30" height="28" border="0"></td>
    <!-- cellule vide (blanche), laissée pour de futures updates ... -->
 <td rowspan="1" colspan="4" height="28" bgcolor=#FFFFFF> </td>
</tr>
 
<!-- Conserve l'alignement des cellules -->
<tr>
    <td width=147 height="1"></td>
    <td width="30" height="1"></td>
    <td width="31" height="1"></td>
    <td width="392" height="1"></td>
    <td width="166" height="1"></td>
    <td width="34" height="1"></td>
</tr>
</table>
 
 
voila ! mais là c sensé marcher !

Reply

Marsh Posté le 27-04-2001 à 14:36:34    

A priori, oui là ça marche aussi bien sous IE que sous Netscape !!

Reply

Marsh Posté le 27-04-2001 à 14:45:44    

merci fly LM. dis moi, j'ai l'impression que t'as pas l'air mauvais toi ... tu voudrai pas allez voir mon topic :
http://forum.hardware.fr/sqlforum/ [...] ache=cache
merci !  :jap:

Reply

Marsh Posté le 27-04-2001 à 15:37:43    

petoulachi> le probleme est t'il resolu ?
 
Car ma proposition marche sous IE5 et Netscape 6 ... je ne peux tester sous un autre navigateur ... D'ailleurs je l'ai meme testé sur le bout de code que tu donnes cela fonctionne.


---------------
Ce qui vaut la peine d'être fait vaut la peine d'être bien fait
Reply

Marsh Posté le 27-04-2001 à 15:57:24    

oui oui je vous remercie tous, le probleme est resolu !
le topic peut donc etre 'oublié' :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed