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

  FORUM HardWare.fr
  Programmation

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

 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Précédente
Auteur Sujet :

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

n°72611
z0rglub
Posté le 15-11-2001 à 21:03:20  profilanswer
 

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
mood
Publicité
Posté le 15-11-2001 à 21:03:20  profilanswer
 

n°72615
z0rglub
Posté le 15-11-2001 à 21:09:45  profilanswer
 

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


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
n°72634
z0rglub
Posté le 15-11-2001 à 22:18:35  profilanswer
 

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
n°72638
matleflou
... ou pas
Posté le 15-11-2001 à 22:42:42  profilanswer
 

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
n°72639
z0rglub
Posté le 15-11-2001 à 22:45:26  profilanswer
 

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
n°72640
matleflou
... ou pas
Posté le 15-11-2001 à 22:45:26  profilanswer
 

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
n°72641
z0rglub
Posté le 15-11-2001 à 22:47:25  profilanswer
 

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
n°72642
matleflou
... ou pas
Posté le 15-11-2001 à 22:47:47  profilanswer
 

mais de rien c fait pour ca les forums :)


---------------
... ou pas
n°72643
z0rglub
Posté le 15-11-2001 à 22:53:50  profilanswer
 

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
n°72644
matleflou
... ou pas
Posté le 15-11-2001 à 23:00:42  profilanswer
 

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


---------------
... ou pas
mood
Publicité
Posté le 15-11-2001 à 23:00:42  profilanswer
 

n°72645
z0rglub
Posté le 15-11-2001 à 23:02:59  profilanswer
 

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
n°72646
matleflou
... ou pas
Posté le 15-11-2001 à 23:03:25  profilanswer
 

ben la il te faut des collonnes fixes


---------------
... ou pas
n°72647
z0rglub
Posté le 15-11-2001 à 23:06:19  profilanswer
 

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
n°72648
matleflou
... ou pas
Posté le 15-11-2001 à 23:08:15  profilanswer
 

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


---------------
... ou pas
n°72651
z0rglub
Posté le 15-11-2001 à 23:10:06  profilanswer
 

:??:  
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
n°72652
matleflou
... ou pas
Posté le 15-11-2001 à 23:11:44  profilanswer
 

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


---------------
... ou pas
n°72654
z0rglub
Posté le 15-11-2001 à 23:12:41  profilanswer
 

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
n°72656
matleflou
... ou pas
Posté le 15-11-2001 à 23:13:48  profilanswer
 

ben precise 100% aussi ca peux resoudre ton bleme


---------------
... ou pas
n°72658
z0rglub
Posté le 15-11-2001 à 23:17:15  profilanswer
 

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
n°72659
matleflou
... ou pas
Posté le 15-11-2001 à 23:21:19  profilanswer
 

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


---------------
... ou pas
n°72660
z0rglub
Posté le 15-11-2001 à 23:23:27  profilanswer
 

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
n°72661
Kyle
Posté le 15-11-2001 à 23:25:20  profilanswer
 

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

n°72662
matleflou
... ou pas
Posté le 15-11-2001 à 23:26:03  profilanswer
 

c ce ke jallais dire :D

 

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


---------------
... ou pas
n°72663
Kyle
Posté le 15-11-2001 à 23:27:37  profilanswer
 

:D

n°72664
z0rglub
Posté le 15-11-2001 à 23:28:58  profilanswer
 

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
n°72665
matleflou
... ou pas
Posté le 15-11-2001 à 23:29:44  profilanswer
 

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


---------------
... ou pas
n°72666
Kyle
Posté le 15-11-2001 à 23:31:18  profilanswer
 

donne ton code html alors :)

n°72668
matleflou
... ou pas
Posté le 15-11-2001 à 23:32:01  profilanswer
 

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
n°72669
z0rglub
Posté le 15-11-2001 à 23:32:13  profilanswer
 

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
n°72670
Kyle
Posté le 15-11-2001 à 23:33:32  profilanswer
 

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:

n°72671
z0rglub
Posté le 15-11-2001 à 23:33:38  profilanswer
 

<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
n°72672
matleflou
... ou pas
Posté le 15-11-2001 à 23:34:06  profilanswer
 

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
n°72674
matleflou
... ou pas
Posté le 15-11-2001 à 23:36:23  profilanswer
 

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
n°72675
Kyle
Posté le 15-11-2001 à 23:38:39  profilanswer
 

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]

n°72677
z0rglub
Posté le 15-11-2001 à 23:43:51  profilanswer
 

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
n°72680
Kyle
Posté le 15-11-2001 à 23:47:14  profilanswer
 

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

 

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

n°72682
z0rglub
Posté le 15-11-2001 à 23:49:33  profilanswer
 

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
n°72687
Kyle
Posté le 15-11-2001 à 23:54:33  profilanswer
 

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

n°72690
z0rglub
Posté le 15-11-2001 à 23:56:59  profilanswer
 

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


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
n°72694
Kyle
Posté le 16-11-2001 à 00:04:29  profilanswer
 

Bye !
 :sleep:  aussi ! :D

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Précédente

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation

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

 

Sujets relatifs
[html] lien vers WORD[HTML + Javascript] Soumission d'un formulaire dans un pop-up
[Flash] Charger un fichier .html dans un movie d'un movie.[HTML]Question un peu conne
Pb html/video[HTML] "wallpaper" centrer et d'une taille defini
Html - Menu déroulantpage html ,tester une autre page :
[DELPHI] un bon parser de HTML 
Plus de sujets relatifs à : [HTML] découpe d'image pour faire un menu


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