Comment faire [ prob avec interface ]

Comment faire [ prob avec interface ] - Web design - Graphisme

Marsh Posté le 28-06-2003 à 03:16:40    

voila c'est un truc tout simple mais je ne sais pas vraiment comment faire
 
ce que je souhaite :  
dans une interface comme celle ci par exemple : http://sevenspirit.free.fr/background_muster.gif
 
comment faire en sorte que
la table principale au milieu puisse s'allonger a l'infini sans que les menus de gauches ne soient "cassés"
en effet qd je fais grandir la table principale le menu de gauche est coupé par des tables blanches  
en fait il faudrait pouvoir creer une table infinie a gauche et a droite qui grandit quand la table principale grandit (ouf)
j'ai essayé en tapant une table de hauteur 100 % a gauche et a droite avec une texture qui peut etre repetée mais ca ne fonctionne pas :/
 
si qqun a compris ce que je voulais merci de bien vouloir me repondre :x


Message édité par dlxzap le 28-06-2003 à 03:19:32
Reply

Marsh Posté le 28-06-2003 à 03:16:40   

Reply

Marsh Posté le 28-06-2003 à 08:21:39    

Tu as essayé d'éliminer les infos de hauteur de tes tableaux ?
(hauteur automatique) :??:  
 
(Pour être tout à fait franc, j'ai pas tout compris, mais je viens de me lever... :sol: ...après une ou deux carafes de café, ça ira mieux  :D

Reply

Marsh Posté le 28-06-2003 à 08:43:17    

pcq le menu de droite est contenu dans une table différente
 
 
Vue schématique :
 
 
http://membres.lycos.fr/vulpine/tab2.gif

Reply

Marsh Posté le 28-06-2003 à 13:51:11    

oui mais sous photoshop je decoupe comment :/
 
je peux decouper en tables mais pour les tr c'est plus ennuyant ...
il faut le faire a la main ?

Reply

Marsh Posté le 28-06-2003 à 15:15:50    

dlxZap a écrit :

oui mais sous photoshop je decoupe comment :/
 
je peux decouper en tables mais pour les tr c'est plus ennuyant ...
il faut le faire a la main ?


Tu fais "passer sous ImageReady"

Reply

Marsh Posté le 28-06-2003 à 15:27:13    

evidement je decoupe avec image ready mais si je decoupe comme le propose autobot ca ne va rien arranger :/


Message édité par dlxzap le 28-06-2003 à 15:47:27
Reply

Marsh Posté le 28-06-2003 à 15:49:23    

voila j'ai essayé et ca ne fonctionne pas mieux :/
 
je vous propose mon decoupage peut etre qu'il n'est pas correct
http://sevenspirit.free.fr/background_muster.psd
sinon comment faire en sorte que a la place d'avoir des  
<TD ROWSPAN=9>
   <IMG SRC="images/background_muster_13.gif" WIDTH=512 HEIGHT=1050 ALT=""></TD>
  <TD>
 
avoir quelquechose du style
 <TD width="512" height="1050" ROWSPAN=9 background="images/background_muster_13.gif">&nbsp;  
    </TD>
 
de facon automatique sous image ready


Message édité par dlxzap le 28-06-2003 à 15:54:27
Reply

Marsh Posté le 28-06-2003 à 22:40:53    

up  :bounce:

Reply

Marsh Posté le 28-06-2003 à 23:34:54    

ImageReady est très loin d'être parfait sur ce point la : en fait j'ai du carrément refaire le code de mon fuitur template avec Dreamweaver MX ...
 
En gros, tu devrais faire cela :
 

Code :
  1. <html>
  2. <head>
  3. <title>...</title>
  4. ...
  5. </head>
  6. <body>
  7. <table>
  8.    <tr>
  9.       <td>
  10.          /* cellule "header" */
  11.       </td>
  12.    </tr>
  13.    <tr>
  14.       <td>
  15.          <table>
  16.             <tr>
  17.               <td>
  18.                 <table>
  19.                    <tr>
  20.                       <td>
  21.                         menu 1
  22.                       </td>
  23.                    </tr>
  24.                    <tr>
  25.                       <td>
  26.                         menu 2
  27.                       </td>
  28.                    </tr>
  29.                 </table>
  30.               </td>
  31.               <td>
  32.                  bloc principal (si ça ne marche pas corectement à ce niveau, rajoute une table)
  33.               </td>
  34.            </tr>
  35.         </table>
  36.       </td>
  37.    </tr>
  38. </table>
  39. </body>
  40. </html>


Message édité par Gilbert Gosseyn le 28-06-2003 à 23:36:03

---------------
Tant que la couleur de la peau sera plus importante que celle des yeux, nous ne connaitrons pas la paix. ● L'écriture, c'est la mémoire du futur. ● Mods FO4
Reply

Marsh Posté le 29-06-2003 à 03:37:18    

merci ;)

Reply

Marsh Posté le 29-06-2003 à 03:37:18   

Reply

Marsh Posté le 29-06-2003 à 12:15:47    

:vomi:
Et dire qu'avec des div c'est tellement plus simple...

Reply

Marsh Posté le 29-06-2003 à 14:11:42    

gizmo a écrit :

:vomi:
Et dire qu'avec des div c'est tellement plus simple...

Ouhais sauf que les DIVs avec IE, ben ... (et même Mozilla n'est pas parfait sur le coup - ou je ne sais pas utiliser les DIVs alors car ça déborde dans tous les sens ...)


Message édité par Gilbert Gosseyn le 29-06-2003 à 14:11:57

---------------
Tant que la couleur de la peau sera plus importante que celle des yeux, nous ne connaitrons pas la paix. ● L'écriture, c'est la mémoire du futur. ● Mods FO4
Reply

Marsh Posté le 29-06-2003 à 14:36:11    

:heink: J'opte pour la solution "ou je ne sais pas utiliser les DIVs alors car ça déborde dans tous les sens ..."
montre un peu la page qui pose problème.

Reply

Marsh Posté le 29-06-2003 à 22:18:02    

Trop tard, je l'ai passé en tableaux ...


---------------
Tant que la couleur de la peau sera plus importante que celle des yeux, nous ne connaitrons pas la paix. ● L'écriture, c'est la mémoire du futur. ● Mods FO4
Reply

Marsh Posté le 30-06-2003 à 00:23:34    

gizmo tu peux expliquer la technique des divs pour qu on voies si c'est plus simple :)
merci

Reply

Marsh Posté le 30-06-2003 à 00:43:09    

Bah en fait, mon site est basé sur ce principe.
Et sinon, voici un tuto qui donne un exemple concret: http://www.zoomduweb.com/projets/tutocss/

Reply

Marsh Posté le 30-06-2003 à 03:56:37    

ouch c'a n'a pas l'air vraiment plus simple :/
je retourne dans mes tables :D

Reply

Marsh Posté le 30-06-2003 à 08:31:05    

dlxZap a écrit :

ouch c'a n'a pas l'air vraiment plus simple :/
je retourne dans mes tables :D


non seulement c'est plus simple (pas besoin de trafficoter avec des gif transparents pour que les tables aient la bonne dimension), mais en plus c'est 10 fois plus simple à entretenir.
Les tables, c'est le côté vieux dinosaure du web.

Reply

Marsh Posté le 01-07-2003 à 00:31:23    

gizmo a écrit :


non seulement c'est plus simple (pas besoin de trafficoter avec des gif transparents pour que les tables aient la bonne dimension), mais en plus c'est 10 fois plus simple à entretenir.
Les tables, c'est le côté vieux dinosaure du web.

Euh ... Tu sais, mais les CSS pour dimentionner les cellules de tables, ben ça marche nickel (et pas besoin de GIFs transparents ;)).


---------------
Tant que la couleur de la peau sera plus importante que celle des yeux, nous ne connaitrons pas la paix. ● L'écriture, c'est la mémoire du futur. ● Mods FO4
Reply

Marsh Posté le 01-07-2003 à 05:21:46    

sinon pour pas se casser le c*l on peut assi faire une iframe :D

Reply

Marsh Posté le 01-07-2003 à 08:37:10    

Gilbert Gosseyn a écrit :

Euh ... Tu sais, mais les CSS pour dimentionner les cellules de tables, ben ça marche nickel (et pas besoin de GIFs transparents ;)).


 
oui, sauf que si tu te retrouves avec des rowspan ou colspan, ca devient la grosse merde pour le gérer par le browser.

Reply

Marsh Posté le 01-07-2003 à 20:04:57    

La je suis d'accord. Mais comme de telles choses sont à éviter dans la mesure du possible (et c'est quasiment toujours possible), ce n'est pas à priori un problème bloquant.


---------------
Tant que la couleur de la peau sera plus importante que celle des yeux, nous ne connaitrons pas la paix. ● L'écriture, c'est la mémoire du futur. ● Mods FO4
Reply

Marsh Posté le 01-07-2003 à 23:49:07    

Gilbert Gosseyn a écrit :

La je suis d'accord. Mais comme de telles choses sont à éviter dans la mesure du possible (et c'est quasiment toujours possible), ce n'est pas à priori un problème bloquant.


Et pourquoi ce serait à éviter? Si déjà tu fait l'erreur de faire un design à base de tableau, tu ne va quand même pas la cumuler avec le fait de faire une série de cellules inutiles, si?

Reply

Marsh Posté le 01-07-2003 à 23:53:05    

Je m'arrange toujours pour ne pas avoir de cellules inutiles.


---------------
Tant que la couleur de la peau sera plus importante que celle des yeux, nous ne connaitrons pas la paix. ● L'écriture, c'est la mémoire du futur. ● Mods FO4
Reply

Marsh Posté le 02-07-2003 à 00:27:09    

Gilbert Gosseyn a écrit :

Je m'arrange toujours pour ne pas avoir de cellules inutiles.


tiré des toutes premières lignes de ton site:
 

Citation :

<table width="932" border="0" cellpadding="0" cellspacing="0" class="main" align="center">
  <tr>
    <td><table width="930" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td class="fond-01">&nbsp;</td>
          <td class="fond-03">&nbsp;</td>
          <td class="fond-04">&nbsp;</td>
        </tr>
      </table></td>
  </tr>

 
 
Tu disais quoi au juste???

Reply

Marsh Posté le 02-07-2003 à 00:59:33    

gizmo a écrit :


tiré des toutes premières lignes de ton site:
 

Citation :

<table width="932" border="0" cellpadding="0" cellspacing="0" class="main" align="center">
  <tr>
    <td><table width="930" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td class="fond-01">&nbsp;</td>
          <td class="fond-03">&nbsp;</td>
          <td class="fond-04">&nbsp;</td>
        </tr>
      </table></td>
  </tr>

 
 
Tu disais quoi au juste???

Effectivement. Version corrigée :

Code :
  1. <table border="0" cellpadding="0" cellspacing="0" class="main" align="center">
  2.   <tr>
  3.     <td><table border="0" cellspacing="0" cellpadding="0" class="long930">
  4.         <tr>
  5.           <td class="fond-01">&nbsp;</td>
  6.           <td class="fond-03">&nbsp;</td>
  7.           <td class="fond-04">&nbsp;</td>
  8.         </tr>
  9.       </table></td>
  10.   </tr>
  11.   <tr>
  12. ...


Et ça passe sous IE comme Mozilla (en XHTML 1.0 Transitional comme je le voulais, histoire de ne pas avoir trop de problèmes).


---------------
Tant que la couleur de la peau sera plus importante que celle des yeux, nous ne connaitrons pas la paix. ● L'écriture, c'est la mémoire du futur. ● Mods FO4
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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