Header en plusieurs morceaux

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

Résolu Header en plusieurs morceaux

Message par AnnaS le Dim 2 Sep 2012 - 22:06

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 Razz

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 :

http://i46.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 à gauchehttp://i47.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 Very Happy


Dernière édition par AnnaS le Mar 4 Sep 2012 - 9:00, édité 1 fois

AnnaS
Nouveau membre

Messages : 6
Inscrit(e) le : 02/09/2012

http://ms-site.forumactif.org
AnnaS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header en plusieurs morceaux

Message par AnnaS le Lun 3 Sep 2012 - 20:26

Bonsoir ^^

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

Merci !!

AnnaS
Nouveau membre

Messages : 6
Inscrit(e) le : 02/09/2012

http://ms-site.forumactif.org
AnnaS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header en plusieurs morceaux

Message par Scoubifitz le Mar 4 Sep 2012 - 1:13

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>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header en plusieurs morceaux

Message par AnnaS le Mar 4 Sep 2012 - 9:00

Magnifique !! Sublime !!

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

Bref, merci beaucoup ^^

AnnaS
Nouveau membre

Messages : 6
Inscrit(e) le : 02/09/2012

http://ms-site.forumactif.org
AnnaS 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