Header en plusieurs morceaux

[AnnaS]

Bonsoir à tous !

Alors d'habitude j'arrive à trouver les solutions toute seule en parcourant divers forums aidant les codeurs mais là, je me retrouve bloquée. Alors s'il vous plait, dites moi que vous avez la solution à mon problème

Alors voilà, je prépare le prochain design du forum où j'ai accès au compte fondateur pour modifier les templates. J'ai donc fait un header ambitieux car il est en plusieurs morceaux. Sauf que les morceaux ne s'imbriquent pas comme je le veux. Donc voilà où j'en suis arrivée :

https://2img.net/h/oi46.tinypic.com/2mm60lc.jpg

Code:

<table align="center" cellspacing="0" cellpadding="0" border="0">
   <tr><td>
                                         
            <table border="0" cellspacing="0" cellpadding="0" ><tr>
                                       
                <td background="http://i47.tinypic.com/vdikhx.png"; width="341px"; rowspan="3"> </td>
                                                 
       <td background="http://i45.tinypic.com/24w94sp.png"; width="363px"; height="375px"rowspan="3" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                                           
                  <td width="896px" ><img src="http://i45.tinypic.com/fm412q.png"> </td></tr><tr><td><table><tr>
                                           
         <!-- BEGIN switch_logo_left -->
         <td class="headerbar"><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
         <!-- END switch_logo_left -->
         <td align="center"  valign="middle">
         <!-- BEGIN switch_logo_center -->
         <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
         <br />
         <!-- END switch_logo_center -->
         </td>
         <!-- BEGIN switch_logo_right -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
         <!-- END switch_logo_right -->
                                            </td></tr></table>

                </td></tr><tr>

                <td height="60px"><MARQUEE style="FONT-FAMILY: Courier New; FONT-WEIGHT: bold" id=id1><FONT size=2><SPAN onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">๏ Aleksandr Lekaterina est promu au poste d'Administrateur. Anthony Lang et Menchu Narah sont nommés Modérateurs || De nombreux jeux sont à venir très prochainement ! || Résultats des oscars du mois de Juin 2012 à venir ! || La MJ Exil arrive à sa fin || Version 5.7 || Le Staff de Mission Stargate vous remercie de votre fidélité ! ๏ </SPAN></FONT></MARQUEE></td>
                                            </tr></table>
                                           
                                          </td></tr>
  </table>

Et mon problème majeur vient de la 1ere et 2e image en partant de la gauche :

* le header dans son entier est trop large par rapport à ma résolution d'écran et donc j'aimerais que la première image à gauchehttps://2img.net/h/oi47.tinypic.com/vdikhx.png ne s'affiche que si elle a la place selon la résolution et si elle ne s'affiche pas en entier, qu'elle soit positionnée sur sa droite et non sur sa gauche afin d'avoir la continuité de l'image avec la porte des étoiles (je ne sais pas si je m'exprime correctement pour cette idée).

* la porte des étoiles étant un background afin de pouvoir afficher la barre de navigation au dessus, j'aimerais que l'image s'affiche en totalité, quelque soit la résolution d'écran du membre, tout comme le reste de la bannière s'affiche en totalité

Voilà, j'espère que j'aurais réussis à faire comprendre ce que je désire faire ... Dites moi si je me suis trompée dans le codage (j'ai essayé d'afficher les images via du css mais pas réussis à faire ce que je désirais) ou si mon idée est irréalisable.

Par avance, je remercie grandement tous ceux qui prendront le temps de lire mon message

[AnnaS]

Bonsoir ^^

Petit up au cas où quelqu'un aurait une idée à me soumettre ou à me confirmer que c'est la galère ?

Merci !!

[Scoubifitz]

bonsoir,

un peu dans ce style ?

Code:

<table align="center" cellspacing="0" cellpadding="0" border="0">
  <tr>
      <td>
         <table border="0" cellspacing="0" cellpadding="0" >
            <tr>
               <td style="background:url(http://i47.tinypic.com/vdikhx.png) center right; width:341px;height:375;" rowspan="3"> </td>
               <td style="background:url(http://i45.tinypic.com/24w94sp.png) center; min-width:363px; height:375;" rowspan="3" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                  <td style="background:url(http://i45.tinypic.com/fm412q.png)0 -12px no-repeat; width:896px; height:85px;"> </td>
            </tr>
            <tr>
                      <!-- BEGIN switch_logo_left -->
                              <td class="headerbar"><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" /></a></td>
                      <!-- END switch_logo_left -->
             </tr>
             <tr>
               <td height="91px"><MARQUEE style="FONT-FAMILY: Courier New; FONT-WEIGHT: bold" id=id1><FONT size=2><SPAN onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">๏ Aleksandr Lekaterina est promu au poste d'Administrateur. Anthony Lang et Menchu Narah sont nommés Modérateurs || De nombreux jeux sont à venir très prochainement ! || Résultats des oscars du mois de Juin 2012 à venir ! || La MJ Exil arrive à sa fin || Version 5.7 || Le Staff de Mission Stargate vous remercie de votre fidélité ! ๏ </SPAN></FONT></MARQUEE></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

[AnnaS]

Magnifique !! Sublime !!

Merci beaucoup !!! Je vous adore, vous etes mon dieu loool

Bref, merci beaucoup ^^