Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1210 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  Comment faire [ prob avec interface ]

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Comment faire [ prob avec interface ]

n°333207
dlxzap
Posté le 28-06-2003 à 03:16:40  profilanswer
 

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
mood
Publicité
Posté le 28-06-2003 à 03:16:40  profilanswer
 

n°333217
tchanpow
Hallucinant !!
Posté le 28-06-2003 à 08:21:39  profilanswer
 

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

n°333221
Profil sup​primé
Posté le 28-06-2003 à 08:43:17  answer
 

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

n°333348
dlxzap
Posté le 28-06-2003 à 13:51:11  profilanswer
 

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 ?

n°333410
mmweb
Blue eyes !
Posté le 28-06-2003 à 15:15:50  profilanswer
 

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"

n°333421
dlxzap
Posté le 28-06-2003 à 15:27:13  profilanswer
 

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
n°333437
dlxzap
Posté le 28-06-2003 à 15:49:23  profilanswer
 

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
n°333609
dlxzap
Posté le 28-06-2003 à 22:40:53  profilanswer
 

up  :bounce:

n°333631
Gilbert Go​sseyn
Dr Liara T'Soni
Posté le 28-06-2003 à 23:34:54  profilanswer
 

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
n°333729
dlxzap
Posté le 29-06-2003 à 03:37:18  profilanswer
 

merci ;)

mood
Publicité
Posté le 29-06-2003 à 03:37:18  profilanswer
 

n°333826
gizmo
Posté le 29-06-2003 à 12:15:47  profilanswer
 

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

n°333900
Gilbert Go​sseyn
Dr Liara T'Soni
Posté le 29-06-2003 à 14:11:42  profilanswer
 

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
n°333904
gizmo
Posté le 29-06-2003 à 14:36:11  profilanswer
 

: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.

n°334087
Gilbert Go​sseyn
Dr Liara T'Soni
Posté le 29-06-2003 à 22:18:02  profilanswer
 

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
n°334201
dlxzap
Posté le 30-06-2003 à 00:23:34  profilanswer
 

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

n°334208
gizmo
Posté le 30-06-2003 à 00:43:09  profilanswer
 

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/

n°334241
dlxzap
Posté le 30-06-2003 à 03:56:37  profilanswer
 

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

n°334252
gizmo
Posté le 30-06-2003 à 08:31:05  profilanswer
 

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.

n°334771
Gilbert Go​sseyn
Dr Liara T'Soni
Posté le 01-07-2003 à 00:31:23  profilanswer
 

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
n°334811
dlxzap
Posté le 01-07-2003 à 05:21:46  profilanswer
 

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

n°334826
gizmo
Posté le 01-07-2003 à 08:37:10  profilanswer
 

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.

n°335165
Gilbert Go​sseyn
Dr Liara T'Soni
Posté le 01-07-2003 à 20:04:57  profilanswer
 

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
n°335265
gizmo
Posté le 01-07-2003 à 23:49:07  profilanswer
 

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?

n°335270
Gilbert Go​sseyn
Dr Liara T'Soni
Posté le 01-07-2003 à 23:53:05  profilanswer
 

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
n°335290
gizmo
Posté le 02-07-2003 à 00:27:09  profilanswer
 

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???

n°335301
Gilbert Go​sseyn
Dr Liara T'Soni
Posté le 02-07-2003 à 00:59:33  profilanswer
 

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
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Comment faire [ prob avec interface ]

 

Sujets relatifs
prob pour souder 2 parties!!!!!!!!Vidéo stream & Interface : test
[Maya]Prob texture/proxy Smooth[Maya]prob de rotation
Payer un web-designer pour une Interface Graph d'un site,mais combien?[3DSMAX] Interface >> panneau de commande [trouvé]
[noob] prob sur symetrie d'une tete :/avis sur interface d'un site
<avis> interface et temps de chargement de mon sitepetit prob d'interface sous 3d studio max (prime à la clé )
Plus de sujets relatifs à : Comment faire [ prob avec interface ]


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR