Image en bas de page ! Bouton_activeImage en bas de page ! Bouton_hoverImage en bas de page ! Fb-hoverImage en bas de page ! Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Image en bas de page ! EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Image en bas de page ! EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Image en bas de page ! EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Image en bas de page ! EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Image en bas de page ! EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Image en bas de page ! EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Image en bas de page ! EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Image en bas de page ! EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -48%
Philips Hue Pack Decouverte 2024 : lightstrip 3M + ...
Voir le deal
119 €

Partagez
 

Image en bas de page !

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Nikos
Nikos
{ Membre }
{ Membre }

Masculin Messages : 118



Image en bas de page ! Empty
Bonjour,

J'ai un petit soucis quand j'essaye de placer une image en bas de page. En effet j'aimerai mettre une image qui soit aussi large que mon image de fond, donc si je met cette image simplement dans mon template Overall_footer de la façon suivante cela me déforme tout mon forum:
Code:
<img src="URL IMAGE" alt="">

J'ai ensuite essayé par le biais d'une div et d'ensuite régler tout ça via CSS, mais pareil ça me déforme tout.
J'ai ensuite essayé le tutoriel de Orange qui explique comment mettre une barre Hitskin, j'ai réalisé ce tutoriel pour mettre mon image en haut du forum alors j'ai donc essayé de faire de même dans le template Overall_footer en utilisant ce même code, mais rien ne s'affiche !

Je vous donne tout de même le code de mon template:
Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <table>
                  <tbody>
                     <tr>
                        <td>
<!-- END html_validation -->
                        <td valign="top" width="{C3SIZE}">
                        <div id="{ID_RIGHT}">
                           <!-- BEGIN giefmod_index2 -->
                           {giefmod_index2.MODVAR}
                           <!-- BEGIN saut -->
                           <div style="height: {SPACE_ROW}px"></div>
                           <!-- END saut -->
                           <!-- END giefmod_index2 -->
                        </div>
                        </td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </div>
         <!-- close div id="page-body" -->
         <div id="page-footer">
            <div align="center">
               <div class="gen">
                  <strong>{ADMIN_LINK}</strong>{U_VERSION_RTL}{U_CREATE_A_FORUM}{U_VERSION} {U_SUPPORT}
                  <!-- BEGIN switch_view_stats -->
                   | <a name="bottom" href="/{switch_view_stats.S_STATS}" class="copyright" rel="nofollow">{switch_view_stats.L_STATS}</a>
                  <!-- END switch_view_stats -->
                  <!-- BEGIN switch_view_donation -->
                   | <a name="bottom" href="/{switch_view_donation.U_DONATION}" class="copyright" rel="nofollow">{switch_view_donation.L_MAKE_DONATION}</a>
                  <!-- END switch_view_donation -->
                  <!-- BEGIN switch_view_contact -->
                   |&nbsp;<a name="bottom" href="/{switch_view_contact.U_CONTACT}" class="copyright" rel="nofollow">{switch_view_contact.L_CONTACT}</a>
                  <!-- END switch_view_contact -->
                  {U_ABUSE} {U_BLOG}
<table style="position: fixed; left: 0px; top: 0px; right: 0px; background-image: url('http://img253.imageshack.us/img253/7899/foot.png'); background-position: top; height: 52px; z-index:1000; width: 100%;" ><tr><td>
</td></tr></table>
               </div>
            </div>
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
</html>

Sachant que la partie modifiée est la suivante:
Code:
<!-- END switch_view_contact -->
                  {U_ABUSE} {U_BLOG}
<table style="position: fixed; left: 0px; top: 0px; right: 0px; background-image: url('http://img253.imageshack.us/img253/7899/foot.png'); background-position: top; height: 52px; z-index:1000; width: 100%;" ><tr><td>
</td></tr></table>

Donc voilà j'aimerai bien savoir pourquoi mon code ne marche pas et comment je pourrai le corriger afin d'avoir mon image dans le bas de la page?
Merci à vous.
MessageSujet: Image en bas de page !   Image en bas de page ! EmptyDim 05 Déc 2010, 06:13
Revenir en haut Aller en bas
Nikos
Nikos
{ Membre }
{ Membre }

Masculin Messages : 118



Image en bas de page ! Empty
Le problème est réglé, désolé du dérangement :s
Suffisait de remplacer les "top" par des "bottom" ...
MessageSujet: Re: Image en bas de page !   Image en bas de page ! EmptyDim 05 Déc 2010, 06:42
Revenir en haut Aller en bas
Invité
Invité




Image en bas de page ! Empty
Bonjour, je classe. Bravo !
MessageSujet: Re: Image en bas de page !   Image en bas de page ! EmptyDim 05 Déc 2010, 07:00
Revenir en haut Aller en bas
Contenu sponsorisé




Image en bas de page ! Empty
MessageSujet: Re: Image en bas de page !   Image en bas de page ! Empty
Revenir en haut Aller en bas
 

Image en bas de page !

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Image sur Page d'accueil
» Image en fond de page
» Mettre une image en fond d'une page HTLM
» Image de fond sur page d'accueil
» Prolonger une image jusqu'en bas de page

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit