[HTML] découpe d'image pour faire un menu

découpe d'image pour faire un menu [HTML] - Programmation

Marsh Posté le 15-11-2001 à 21:03:20    

voilà, j'ai fait une image pour y mettre un menu dedans :
http://www.multimania.com/z0rglub/images/cadre_bien.jpg
là, c bien comme je veux, mais lorsque je change la taille de la police (et comme ça le fait sur d'autres PC que le mien :
http://www.multimania.com/z0rglub/images/cadre_pas_bien.jpg
 voici mon code source :
<TABLE WIDTH=143 BORDER=0 CELLPADDING=0 CELLSPACING=0>
 <TR>
  <TD>
   <IMG SRC="./images/bleu_haut_gauche.gif" WIDTH=11 HEIGHT=10></TD>
  <TD>
   <IMG SRC="./images/bleu_haut_milieu.gif" WIDTH=117 HEIGHT=10></TD>
  <TD>
   <IMG SRC="./images/bleu_haut_droite.gif" WIDTH=15 HEIGHT=10></TD>
 </TR>
 <TR>
  <TD background= "./images/bleu_milieu_gauche.gif">
    </TD>
  <TD background= "./images/bleu_milieu_milieu.gif">
   <b>Rubrique</b><br>
    <a href="./diapo.php3?cat=matos"> matos</a><br>
    <a href="./diapo.php3?cat=appart"> appart</a><br>
    <a href="./diapo.php3?cat=tete_or"> tête d'or</a><br>
    <a href="./diapo.php3?cat=nous"> nous</a><br>
    <a href="./diapo.php3?cat=boutiques">   boutiques</a><br><br>
   <b>Sommaire</b><br>
    personnalisation<br>
    <a href="./start.htm">accueil</a><br>
    <a href="./identification.php3">identification</a></TD>
  <TD background="./images/bleu_milieu_droite.gif">
    </TD>
 </TR>
 <TR>
  <TD>
   <IMG SRC="./images/bleu_bas_gauche.gif" WIDTH=11 HEIGHT=14></TD>
  <TD>
   <IMG SRC="./images/bleu_bas_milieu.gif" WIDTH=117 HEIGHT=14></TD>
  <TD>
   <IMG SRC="./images/bleu_bas_droite.gif" WIDTH=15 HEIGHT=14></TD>
 </TR>
</TABLE>

 
au début j'ai voulu mettre des   dans les cellules du haut milieu et du bas milieu et de mettre l'image en fond plutôt que comme contenu de la cellule, mais ça donne rien, les images sont espacés de quelques pixels et c horrible

 

[edtdd]--Message édité par z0rglub--[/edtdd]


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 21:03:20   

Reply

Marsh Posté le 15-11-2001 à 21:09:45    

euh, oui, t'as édité, y'a pas de lien !


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 22:18:35    

bon je suis allé voir, mais c'est pas troip clair comme truc...


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 22:42:42    

bon g pas lu ton coide source :d
 
mais as tu dis ke limag du milieu soit de taille absolue
 
cad kelle se regle sur la largeur de l'ecran automatiquement


---------------
... ou pas
Reply

Marsh Posté le 15-11-2001 à 22:45:26    

ben justement j'arrive pas à lui faire comprendre ça, j'ai pas de pb pour la hauteur : elle se règle automatiquement en fonction du nombre de lignes contenues dans le menu mais pour la largeur c encore autre chose


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 22:45:26    

bon je viens de relire mon explication et je vais te donner koikil faut faire car je me suis pacompris :)
 
a la place de :
<TD>
  <IMG SRC="./images/bleu_haut_milieu.gif" WIDTH=117 HEIGHT=10></TD>

met plutot:
<TD>
  <IMG SRC="./images/bleu_haut_milieu.gif" WIDTH="100%" HEIGHT=10></TD>


---------------
... ou pas
Reply

Marsh Posté le 15-11-2001 à 22:47:25    

et ben voilà suffisait que tu passes par là pour me tirer ce mauvais pas ! merci, ça tourne sans pb maintenant


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 22:47:47    

mais de rien c fait pour ca les forums :)


---------------
... ou pas
Reply

Marsh Posté le 15-11-2001 à 22:53:50    

par contre (désolé) j'ai un autre menu (d'information) qui déconne en utilisant la même technique :
http://www.multimania.com/z0rglub/images/cadre2_bien.jpg
c ce que je veux
http://www.multimania.com/z0rglub/images/cadre2_pas_bien.jpg
c  ce que le width="100%" donne
en gros je veux pas que les lignes soient coupées


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 23:00:42    

g pas tout capté :)
 
tu veux komme en haut ou en bas???


---------------
... ou pas
Reply

Marsh Posté le 15-11-2001 à 23:00:42   

Reply

Marsh Posté le 15-11-2001 à 23:02:59    

Je veux comme la première image, c'est à dire avoir 4 lignes bien propres, pas un truc qui revient tout le temps à la ligne on sait pas trop pkoi.


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 23:03:25    

ben la il te faut des collonnes fixes


---------------
... ou pas
Reply

Marsh Posté le 15-11-2001 à 23:06:19    

tu veux dire que pour ce tableau là il faut que je mette une width=350
MAis le pb c'est que sur mon écran ça fait un vide énorme (comme on peut le voir sur la première image) et sur le PC de ma mère, qui est en 800*600 là ça retourne à la ligne et c dégueu


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 23:08:15    

ah ben  colonne auto pour limage en ghaut et en bas  
et fixe pour le texte


---------------
... ou pas
Reply

Marsh Posté le 15-11-2001 à 23:10:06    

:??:  
je mets 100% pour le haut et le bas
et 350 pour le milieu ? ça va changer koiau pb ?


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 23:11:44    

attend un truc
 
tas mis 100% a la colonne maais a tu mis 100% a la largeur de limage a l'interieur???


---------------
... ou pas
Reply

Marsh Posté le 15-11-2001 à 23:12:41    

au milieu, j'ai mis l'image en background et j'ai pas précisé de largeur


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 23:13:48    

ben precise 100% aussi ca peux resoudre ton bleme


---------------
... ou pas
Reply

Marsh Posté le 15-11-2001 à 23:17:15    

non, je viens d'essayer, ça sert à rien de mettre 100%
je me demande comment lui faaire comprendre de pas aller aller à la ligne tant qu'il y a pas de <br> par ce que les 4 lignes que tu vois sont pas dans un tableau, c'est le contenu d'une seule cellule avec des <br>


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 23:21:19    

ok as tu essayé dans une cellule par ligne???


---------------
... ou pas
Reply

Marsh Posté le 15-11-2001 à 23:23:27    

non, mais ça va me faire faire un tableau dans la cellule centrale en fait.
Je vais essayer


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 23:25:20    

On peut po voir ta page html online ?
car ca aiderais ! ;)

Reply

Marsh Posté le 15-11-2001 à 23:26:03    

c ce ke jallais dire :D

 

[edtdd]--Message édité par Matleflou--[/edtdd]


---------------
... ou pas
Reply

Marsh Posté le 15-11-2001 à 23:27:37    

:D

Reply

Marsh Posté le 15-11-2001 à 23:28:58    

désolé, mais non, vous pouvez pas la voir, parce que c'est mes photos perso, et faut 56 codes secrets pour y accéder


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 23:29:44    

arf ben ca va etre plus dur alors
 
car de visu c plus simple :)
 
tas fait avec une ligne par cellule???


---------------
... ou pas
Reply

Marsh Posté le 15-11-2001 à 23:31:18    

donne ton code html alors :)

Reply

Marsh Posté le 15-11-2001 à 23:32:01    

bon je te laisse dans les mains de kyle :)
je vais me coucher :sleep:  :sleep:  
@++
 
je repasse demain pour continuer si tas dautres probleme

 

[edtdd]--Message édité par Matleflou--[/edtdd]


---------------
... ou pas
Reply

Marsh Posté le 15-11-2001 à 23:32:13    

bon ça fait n'importe koi avec un tableau dans la cellule du milieu :
http://www.multimania.com/z0rglub/images/cadre2_pas_bien_bis.jpg


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 23:33:32    

Matleflou a écrit a écrit :

bon je te laisse dans les mains de kyle :)
je vais me coucher :sleep:  :sleep:  
@++
 
je repasse demain pour continuer si tas dautres probleme  
 
 




 
J'vé po tarder non plus...  :sleep:

Reply

Marsh Posté le 15-11-2001 à 23:33:38    

<TABLE WIDTH=143 BORDER=0 CELLPADDING=0 CELLSPACING=0>
            <TR>
             <TD>
              <IMG SRC="./images/bleu_haut_gauche.gif" WIDTH=11 HEIGHT=10></TD>
             <TD>
              <IMG SRC="./images/bleu_haut_milieu.gif" WIDTH="100%" HEIGHT=10></TD>
             <TD>
              <IMG SRC="./images/bleu_haut_droite.gif" WIDTH=15 HEIGHT=10></TD>
            </TR>
            <TR>
             <TD background= "./images/bleu_milieu_gauche.gif">
               </TD>
             <TD background= "./images/bleu_milieu_milieu.gif" WIDTH="100%">
              <table width="100%">
               <tr>
                <td>
                 <?php
                   
                  if($photo_login == '*******' || $photo_login == '/********' || $photo_login== '**********';)
                  {
                   echo "utilisatrice connectée : $photo_login";
                  }
                  else
                  {
                   echo "utilisateur connecté : $photo_login";
                  }
                 ?>
                </td>
                 image datant de moins d'une semaine <img src='new_rouge.gif' width='20' height='12'>
                <td>
                </td>
                 image datant de moins de deux semaines <img src='new_2.gif' width='20' height='12'>
                <td>
                </td>
                <td>
                 Une remarque : mailez moi, <A HREF='mailto:z0rglub2@wanadoo.fr?subject=[photos]une remarque sur la page de photos'>pierrick</A>
                </td>
               </tr>
              </table></TD>
             <TD background="./images/bleu_milieu_droite.gif">
               </TD>
            </TR>
            <TR>
             <TD>
              <IMG SRC="./images/bleu_bas_gauche.gif" WIDTH=11 HEIGHT=14></TD>
             <TD>
              <IMG SRC="./images/bleu_bas_milieu.gif" WIDTH="100%" HEIGHT=14></TD>
             <TD>
              <IMG SRC="./images/bleu_bas_droite.gif" WIDTH=15 HEIGHT=14></TD>
            </TR>
           </TABLE>

 

[edtdd]--Message édité par z0rglub--[/edtdd]


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 23:34:06    

tas fait koi la???
cellule+image 100% haut
cellule+texte image 1 semaine
cellule+texte image 2 semaine
cellule+texte utilisateur
cellule+image 100% bas
 
c ca ke ta fais ou pas??


---------------
... ou pas
Reply

Marsh Posté le 15-11-2001 à 23:36:23    

arf tas fait un tableau dans u tableau
 
fait un tableau global puis decoupe les contours du tour en cellule (x: images bleu_XXX_XXX.gif)
 
puis une cellule pour ton code php
une autre pour ton image datant de 1 demaine  
 
etc...


---------------
... ou pas
Reply

Marsh Posté le 15-11-2001 à 23:38:39    

Essai ca mais je te promet rien (en plus  :sleep: ):
 
<TABLE WIDTH=143 BORDER=0 CELLPADDING=0 CELLSPACING=0>
           <TR>
            <TD>
             <IMG SRC="./images/bleu_haut_gauche.gif" WIDTH=11 HEIGHT=10></TD>
            <TD height="10" background= "./images/bleu_haut_milieu.gif"></TD>
            <TD>
             <IMG SRC="./images/bleu_haut_droite.gif" WIDTH=15 HEIGHT=10></TD>
           </TR>
           <TR>
            <TD background= "./images/bleu_milieu_gauche.gif">
              </TD>
            <TD background= "./images/bleu_milieu_milieu.gif">
<table width="100%">
              <tr>
               <td>
                <?php
                 echo"<P align='right'>";
                 if($photo_login == '*******' || $photo_login == '/********' || $photo_login== '**********';)
                 {
                  echo "utilisatrice connectée : $photo_login";
                 }
                 else
                 {
                  echo "utilisateur connecté : $photo_login";
                 }
                ?>
               </td>
               <td>image datant de moins d'une semaine <img src='new_rouge.gif' width='20' height='12'></td>                
               <td>image datant de moins de deux semaines <img src='new_2.gif' width='20' height='12'></td>
               <td>
                Une remarque : mailez moi, <A HREF='mailto:z0rglub2@wanadoo.fr?subject=[photos]une remarque sur la page de photos'>pierrick</A></P>
               </td>
              </tr>
             </table></TD>
            <TD background="./images/bleu_milieu_droite.gif">
              </TD>
           </TR>
           <TR>
            <TD>
             <IMG SRC="./images/bleu_bas_gauche.gif" WIDTH=11 HEIGHT=14></TD>
            <TD height="14" background= "./images/bleu_bas_milieu.gif">
            </TD>
            <TD>
             <IMG SRC="./images/bleu_bas_droite.gif" WIDTH=15 HEIGHT=14></TD>
           </TR>
          </TABLE>

 

[edtdd]--Message édité par kyle--[/edtdd]

Reply

Marsh Posté le 15-11-2001 à 23:43:51    

bon ce qui n'allait pas (et là je suis pas fier de moi, c'est la PREMIERE ligne : width = 143 !!!!!! pour le tableau global !
j'ai mis 100% et plus de soucis !


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 23:47:14    

Arf...
J'avais mal compris ce que tu voulais faire... :(
M'enfin po grave, tu as trouver ! :D

 

[edtdd]--Message édité par kyle--[/edtdd]

Reply

Marsh Posté le 15-11-2001 à 23:49:33    

qu'est ce que tu avais compris ?
Parce que moi je vois pas la différence entre toncode et le mien ? mets de la couleur que j'y vois plus clair


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 15-11-2001 à 23:54:33    

J'ai compris l'inverse ! :D
Croyais que tu voulais que ce soit réduit et non a 100% !
 
J'ai modifié les images en haut et en bas qui étaient a 100%. Je te les ai mis dans le bakground, ce qui est plus logique.
 
De plus, 2 lignes de texte etais entre </td> et <td> donc zetais po dans une cellule de tableau...

Reply

Marsh Posté le 15-11-2001 à 23:56:59    

:sleep:  
@+ et merci à toi, à matlefou et à hotshot aussi un peu


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 16-11-2001 à 00:04:29    

Bye !
 :sleep:  aussi ! :D

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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