Mettre mes images à leurs places

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mettre mes images à leurs places

Message par aurélie62 le Ven 25 Fév 2011 - 21:01

Je voudrais remonter mes deux images au bonne endroit c'est à dire qu'il n'y a pas d'espace entre deux, je suis sous tableau que j'ai fait avec l'aide d'ici

Voici le code, c'est urgent car c'est pour mon design de mars

Code:
<table bgcolor="white" border="0" cellspacing="0" width="100%">
  <tbody>
    <tr>
      <td rowspan="2" align="left" valign="top">
      <div style="margin: auto; text-align: center; width: 100%;">
      <img src="http://i23.servimg.com/u/f23/13/73/74/55/1_bmp110.jpg" alt="" border="0">
      <br>
      <img src="http://i23.servimg.com/u/f23/15/33/59/84/6_bmp111.jpg" alt="" border="0">
      <br>
      <img src="http://i23.servimg.com/u/f23/13/73/74/55/le_sta10.jpg" alt="" border="0"><br>
      <img src="http://c1.img.v4.skyrock.net/c1d/thislpod/pics/2958164395_1_5_rjoJibVt.gif" alt="" border="0">
      </div>
      </td>
      <td colspan="4" align="left" valign="top">
      <img src="http://i23.servimg.com/u/f23/15/33/59/84/texte10.jpg" alt="" border="0"></td>
      <td rowspan="2" align="left" valign="top"><a href="http://jacksonrathbone.forumsactifs.com/f9-concours">
      <img src="http://i23.servimg.com/u/f23/15/33/59/84/concou10.jpg"></a>
      <div style="margin: auto; width: 100%; text-align: left;"><img style="visibility: hidden; width: 0px; height: 0px;" src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyOTY1MDk4ODQxMDYmcHQ9MTI5NjUwOTg5MzMwNiZwPTE4MDMxJmQ9Jmc9MSZvPTM3NzhkZTdiNDFiMzRhYmQ5M2E4/ZDA4NjE4NzE1NDg*.gif" border="0" height="0" width="0"><embed src="http://assets.myflashfetish.com/swf/mp3/mff-touch.swf?myid=76432516&amp;path=2011/01/31" quality="high" wmode="transparent" flashvars="mycolor=222222&amp;mycolor2=77ADD1&amp;mycolor3=FFFFFF&amp;autoplay=false&amp;rand=0&amp;f=4&amp;vol=100&amp;pat=0&amp;grad=false" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" style="visibility: visible; width: 235px; height: 390px;" border="0" height="390" width="235"><br><a href="http://www.mixpod.com/playlist/76432516" target="_blank"></a><a href="http://www.mixpod.com" target="_blank"></a></div></td>
    </tr>
    <tr>
      <td colspan="2" align="left">
      <div style="margin: auto; text-align: center; width: 100%;">
      <div><object height="180" width="240"><param name="movie" value="http://pf.kizoa.com/i-Contact/sflite.swf?did=1361385&amp;k=S46821479&amp;hk=1&amp;ns=1&amp;ob=1&amp;origin=share"><param name="wmode" value="transparent"><param name="allowFullScreen" value="true">
      <embed src="http://pf.kizoa.com/i-Contact/sflite.swf?did=1361385&amp;k=S46821479&amp;hk=1&amp;ns=1&amp;ob=1&amp;origin=share" type="application/x-shockwave-flash" wmode="transparent" allowfullscreen="true" height="180" width="240"></object><font color="white"> </font></div>
      </div>
      </td><td colspan="2" align="left" valign="middle">
      <div align="right"><a href="http://zooeymagazine.com/">
      <img src="http://i23.servimg.com/u/f23/13/73/74/55/site_z10.jpg"></a></div></td>
    </tr>
  </tbody>
</table>

aurélie62
****

Féminin
Messages : 452
Inscrit(e) le : 03/08/2010

http://iansomerhalderfrance.com
aurélie62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par SoraNoHime le Ven 25 Fév 2011 - 21:05

Bonsoir,

Sur toutes les images que vous mettez dans votre code, quelles sont celles qui doivent être remontées et mise l'une contre lautre ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par aurélie62 le Ven 25 Fév 2011 - 21:17

Alors je vous remets le code que je viens un peu de modifié j'ai juste enlever un gif en faite! Sinon ce sont le diaporama et le site zooey que je voudrais remonté, c'est flagrant, il y a un grand blanc entre deux! merci

Code:
<table bgcolor="white" border="0" cellspacing="0" width="100%">
  <tbody>
    <tr>
      <td rowspan="2" align="left" valign="top">
      <div style="margin: auto; text-align: center; width: 100%;">
      <img src="http://i23.servimg.com/u/f23/13/73/74/55/1_bmp110.jpg" alt="" border="0">
      <br>
      <img src="http://i23.servimg.com/u/f23/15/33/59/84/6_bmp111.jpg" alt="" border="0">
      <br>
      <img src="http://i23.servimg.com/u/f23/13/73/74/55/le_sta10.jpg" alt="" border="0">
      </div></td><td colspan="4" align="left" valign="top">
      <img src="http://i23.servimg.com/u/f23/15/33/59/84/texte10.jpg" alt="" border="0"></td>
      <td rowspan="2" align="left" valign="top"><a href="http://jacksonrathbone.forumsactifs.com/f9-concours">
      <img src="http://i23.servimg.com/u/f23/15/33/59/84/concou10.jpg"></a>
      <div style="margin: auto; width: 100%; text-align: left;"><img style="visibility: hidden; width: 0px; height: 0px;" src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyOTY1MDk4ODQxMDYmcHQ9MTI5NjUwOTg5MzMwNiZwPTE4MDMxJmQ9Jmc9MSZvPTM3NzhkZTdiNDFiMzRhYmQ5M2E4/ZDA4NjE4NzE1NDg*.gif" border="0" height="0" width="0"><embed src="http://assets.myflashfetish.com/swf/mp3/mff-touch.swf?myid=76432516&amp;path=2011/01/31" quality="high" wmode="transparent" flashvars="mycolor=222222&amp;mycolor2=77ADD1&amp;mycolor3=FFFFFF&amp;autoplay=false&amp;rand=0&amp;f=4&amp;vol=100&amp;pat=0&amp;grad=false" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" style="visibility: visible; width: 235px; height: 390px;" border="0" height="390" width="235"><br><a href="http://www.mixpod.com/playlist/76432516" target="_blank"></a><a href="http://www.mixpod.com" target="_blank"></a></div></td>
    </tr>
    <tr>
      <td colspan="2" align="left">
      <div style="margin: auto; text-align: center; width: 100%;">
      <div><object height="180" width="240"><param name="movie" value="http://pf.kizoa.com/i-Contact/sflite.swf?did=1361385&amp;k=S46821479&amp;hk=1&amp;ns=1&amp;ob=1&amp;origin=share"><param name="wmode" value="transparent"><param name="allowFullScreen" value="true">
      <embed src="http://pf.kizoa.com/i-Contact/sflite.swf?did=1361385&amp;k=S46821479&amp;hk=1&amp;ns=1&amp;ob=1&amp;origin=share" type="application/x-shockwave-flash" wmode="transparent" allowfullscreen="true" height="180" width="240"></object><font color="white"> </font></div>
      </div></td><td colspan="2" align="left" valign="middle">
      <div align="right"><a href="http://zooeymagazine.com/">
      <img src="http://i23.servimg.com/u/f23/13/73/74/55/site_z10.jpg"></a></div></td>
  </tr></tbody>
</table>

aurélie62
****

Féminin
Messages : 452
Inscrit(e) le : 03/08/2010

http://iansomerhalderfrance.com
aurélie62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par SoraNoHime le Ven 25 Fév 2011 - 21:58

J'ai fait des test avec les height et les width; les valign="top" sans succès. Finalement j'ai contourné le problème en insérant un tableau dans votre tableau :

voici le code

Code:
    <table bgcolor="white" border="0" cellspacing="0" width="100%">
      <tbody>
        <tr>
          <td rowspan="2" align="left" valign="top">
         <div style="margin: auto; text-align: center; width: 100%;">
         <img src="http://i23.servimg.com/u/f23/13/73/74/55/1_bmp110.jpg" alt="" border="0">
         <br>
         <img src="http://i23.servimg.com/u/f23/15/33/59/84/6_bmp111.jpg" alt="" border="0">
         <br>
         <img src="http://i23.servimg.com/u/f23/13/73/74/55/le_sta10.jpg" alt="" border="0">
         </div>
      </td>
      <td colspan="4" align="left" valign="top" height="398">
         <table width="100%"><tr>
            <td colspan="4" align="left" valign="top" height="398">
               <img src="http://i23.servimg.com/u/f23/15/33/59/84/texte10.jpg" alt="" border="0">
            </td></tr><tr>
         <td colspan="2" align="left">
          <div style="margin: auto; text-align: center; width: 100%;">
          <div><object height="180" width="240"><param name="movie" value="http://pf.kizoa.com/i-Contact/sflite.swf?did=1361385&amp;k=S46821479&amp;hk=1&amp;ns=1&amp;ob=1&amp;origin=share"><param name="wmode" value="transparent"><param name="allowFullScreen" value="true">
          <embed src="http://pf.kizoa.com/i-Contact/sflite.swf?did=1361385&amp;k=S46821479&amp;hk=1&amp;ns=1&amp;ob=1&amp;origin=share" type="application/x-shockwave-flash" wmode="transparent" allowfullscreen="true" height="180" width="240"></object><font color="white"> </font></div>
          </div>
      </td>
      <td colspan="2" align="left" valign="middle">
          <div align="right"><a href="http://zooeymagazine.com/">
          <img src="http://i23.servimg.com/u/f23/13/73/74/55/site_z10.jpg"></a></div>
      </td>
      </tr>
      </td></table>
        <td rowspan="2" align="left" valign="top"><a href="http://jacksonrathbone.forumsactifs.com/f9-concours">
          <img src="http://i23.servimg.com/u/f23/15/33/59/84/concou10.jpg"></a>
          <div style="margin: auto; width: 100%; text-align: left;"><img style="visibility: hidden; width: 0px; height: 0px;" src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyOTY1MDk4ODQxMDYmcHQ9MTI5NjUwOTg5MzMwNiZwPTE4MDMxJmQ9Jmc9MSZvPTM3NzhkZTdiNDFiMzRhYmQ5M2E4/ZDA4NjE4NzE1NDg*.gif" border="0" height="0" width="0"><embed src="http://assets.myflashfetish.com/swf/mp3/mff-touch.swf?myid=76432516&amp;path=2011/01/31" quality="high" wmode="transparent" flashvars="mycolor=222222&amp;mycolor2=77ADD1&amp;mycolor3=FFFFFF&amp;autoplay=false&amp;rand=0&amp;f=4&amp;vol=100&amp;pat=0&amp;grad=false" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" style="visibility: visible; width: 235px; height: 390px;" border="0" height="390" width="235"><br><a href="http://www.mixpod.com/playlist/76432516" target="_blank"></a><a href="http://www.mixpod.com" target="_blank"></a></div>
      </td>
        </tbody>
    </table>

Comme vous pouvez le voir sur mon forum test (lien profil) les images sont enfin regroupées.

Bonne soirée.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par aurélie62 le Ven 25 Fév 2011 - 22:07

Merci beaucoup, sinon si je veux ajouter une image gif en dessous je mets quoi?

Serais-tu comment faire pour mettre la meme couleur que les fonds de mes images afin que tout soit pareil!

aurélie62
****

Féminin
Messages : 452
Inscrit(e) le : 03/08/2010

http://iansomerhalderfrance.com
aurélie62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par SoraNoHime le Ven 25 Fév 2011 - 22:11

Cela dépend de l'emplacement où vous voulez la mettre. En dessous de la gallerie ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par aurélie62 le Ven 25 Fév 2011 - 22:16

Non en dessous de mon diaporama il y a de la place!

Et pour que mon fond gris soit partout je fais comment?

aurélie62
****

Féminin
Messages : 452
Inscrit(e) le : 03/08/2010

http://iansomerhalderfrance.com
aurélie62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par SoraNoHime le Ven 25 Fév 2011 - 22:30

en dessous du diaporama c'est sans problème il suffit de rajouter un
Code:
<tr><td> diaporama</td></tr>
dans le tableau dans le tableau

quand à mettre tout le fond en gris ça se passe au niveau du premier tableau comme avant, le second étant transparent puisqu'aucune couleur n'y a été rapportée.

Essayez, en cas de problèmes je suis là ^^


SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par aurélie62 le Ven 25 Fév 2011 - 22:44

Ok merci

Le soucis c'est que ne retrouve pas le code de ma couleur ou le nom! Je suis partie d'une image que l'on m'as donné et j'ai toujours utilisé le meme fond, je ne sais pas si je me fais comprendre

aurélie62
****

Féminin
Messages : 452
Inscrit(e) le : 03/08/2010

http://iansomerhalderfrance.com
aurélie62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par SoraNoHime le Ven 25 Fév 2011 - 22:49

<table bgcolor="white" border="0" cellspacing="0" width="100%">

je vous ai mis en rouge le nom de la couleur pour le fond, vous la trouvez tout au début du tableau. Vous pouvez la remplacez par un code couleur de votre choix #...... les points correspondants aux chiffres ^^.

Edit : Si on met le meme code couleur que le fond de vos images ça donne pas mal ^^

Code:
 #BBAFB3

voir mon forum test.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par aurélie62 le Ven 25 Fév 2011 - 23:14

Oui voilà donc je mets le code à la place du rouge?

Ca prend forme merci j'ai encore un peu modifié et je dois encore mettre du texte sur ma première image au milieu et ce sera ok merci


Dernière édition par aurélie62 le Ven 25 Fév 2011 - 23:18, édité 1 fois

aurélie62
****

Féminin
Messages : 452
Inscrit(e) le : 03/08/2010

http://iansomerhalderfrance.com
aurélie62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par SoraNoHime le Ven 25 Fév 2011 - 23:17

exactement ^^

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par aurélie62 le Ven 25 Fév 2011 - 23:19

j'ai réédité plus haut mon dernier mess

comment à tu trouver le code de la couleur?

aurélie62
****

Féminin
Messages : 452
Inscrit(e) le : 03/08/2010

http://iansomerhalderfrance.com
aurélie62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par SoraNoHime le Ven 25 Fév 2011 - 23:24

J'ai simplement utilisé mon logiciel d'images (photofiltre), après scan j'ai cliqué sur le bouton copier le couleur puis la couleur en question et le code s'est affiché dans le coin en bas a droite de mon logiciel.

Ps : je t'ai envoyé par MP les principaux attributs utilisé pour faire un tableau, j'espère que ça t'aidera à l'avenir ^^

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par aurélie62 le Ven 25 Fév 2011 - 23:26

Ah ok je n'ai pas ce logiciel! Ok merci pour ton aide

aurélie62
****

Féminin
Messages : 452
Inscrit(e) le : 03/08/2010

http://iansomerhalderfrance.com
aurélie62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par SoraNoHime le Ven 25 Fév 2011 - 23:29

De rien, n'hésite pas au besoin (^_^)

bonne soirée.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes images à leurs places

Message par Anzu le Ven 4 Mar 2011 - 21:03

Bonjour,

Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, dans ce cas, :editer: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum