Problème Header de fond Bouton_activeProblème Header de fond Bouton_hoverProblème Header de fond Fb-hoverProblème Header de fond Fb-active
AccueilForumÉquipe 
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
Problème Header de fond EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème Header de fond EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème Header de fond EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème Header de fond EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème Header de fond EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème Header de fond EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème Header de fond EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème Header de fond EmptySam 11 Fév 2023, 06:04 par Krager

-28%
Le deal à ne pas rater :
-28% Machine à café avec broyeur à grain MELITTA Purista
229.99 € 318.99 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Problème Header de fond

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

Féminin Messages : 34



Problème Header de fond Empty
Bonjours à tous...

Alors voila mon problème. J'ai installer un Hearder de fond sur mon futur forum et il se trouve que à droite de mon Header j'ai un énorme espace, je sais pas si c'est mon écran ou parce que il faut régler quelque chose, donc je vient pour savoir si quelqu'un pourrait m'aider. Je vous met une capture d’écran

Spoiler:

Merci de votre aide... <33
MessageSujet: Problème Header de fond   Problème Header de fond EmptyJeu 26 Avr 2012, 10:53
Revenir en haut Aller en bas
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Problème Header de fond Empty
Bonjour!

Il nous faudrait ton code CSS et ton template modifié, et si possible, un lien vers ton forum!

Merci!
MessageSujet: Re: Problème Header de fond   Problème Header de fond EmptyJeu 26 Avr 2012, 13:26
Revenir en haut Aller en bas
Poukite
Poukite
{ Membre }
{ Membre }

Féminin Messages : 34



Problème Header de fond Empty
Alors le CSS le voila

Code:
/*Header*/
body {
background-image: url("http://nsa21.casimages.com/img/2012/04/11/120411113139936156.png"), url("http://i1130.photobucket.com/albums/m531/mallorykn0x/Sanstitre7-1.jpg");
background-repeat: no-repeat, repeat;
background-color: transparent, transparent;
background-attachment: scroll, scroll;
background-position: top center, inherit;
}

Le template modifier
Code:

{JAVASCRIPT}
<table class="forumline" width="759" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_index -->
  <!-- BEGIN message_admin_titre -->
<tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="759" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
<table width="759" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
           

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="759" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="759" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->



                                                <!-- BEGIN disable_viewonline -->
<span class="gensmall"><center><a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a> Ҩ  <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>  Ҩ <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> Ҩ  <a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></center></span><br/>
<center><div class="bienvenue">qui se balade dans les couloirs de l'université de Manchester ? ?</div>
  <table><tr><td width"45%" valign="top"><div align="justify">
<div class="border"><div class="partiegauche"><span class="gensmall">New York I Love You compte actuellement <span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"avec le maire inclut un total de");</script> <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"habitant");</script><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"habitants");</script> recenser dans la ville aussi surnommé la Grosse Pomme par nos amis les Français. <span id="kumao">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/Nos membres ont posté un total de/,"Ces chers habitants ont divulgués");</script><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/message/,"rumeur");</script><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/messages/,"rumeurs");</script> et ne sont pas au bout de leurs surprises ! <span id="yosh">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier habitant à s'être installé dans cette ville est");</script>, nous lui souhaitons bienvenue! <span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"habitant de la grande pomme");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"habitants de la grande pomme");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"habitant");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"habitant");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible/,"craintif");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles/,"craintifs");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"futur habitant.");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"futurs habitants.");</script>
<br><br><div style="overflow:auto;"><div style="height: 220px; width: 330px; overflow: auto; text-align: justify;"><span id="baba">{LOGGED_IN_USER_LIST}</span></div> <script type="text/javascript">document.getElementById('baba').innerHTML=document.getElementById('baba').innerHTML.replace(/Utilisateurs enregistrés :/,"Les habitants présents en ville :");</script></div></span></div>
</div></div></div></td>
<td width="45%" valign="top"><div class="partiedroite">GROUPE 1 GROUPE 2 GROUPE 3 ETC ETC ETC ETC</div></td></tr></table>
    <table><tr><td><div class="basqeel"><div style="width: 740px; overflow: auto; text-align: justify;"><table class="table" style="background-color:>{L_CONNECTED_MEMBERS}</table></div></div></td></tr></table>
</center>

<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />


{AUTO_DST}

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

Et l'adresse du forum:: http://manchester-u.forumactif.com/
MessageSujet: Re: Problème Header de fond   Problème Header de fond EmptyJeu 26 Avr 2012, 13:43
Revenir en haut Aller en bas
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



Problème Header de fond Empty
Bonjour,

Je remarque que tu utilises le multiple-background (deux images de fond), c'est une manière de fonctionner propre au CSS3 qui n'est pas encore totalement compatible avec les navigateurs (d'ailleurs avec IE9, je ne vois ni l'un, ni l'autre Wink)

Je te propose une autre solution, compatible partout, qui règlera en même temps ton problème.

Dans ton template overall_header tu copies-colles
Code:
<div class="banniere">
<a href="/"><img src="http://i44.tinypic.com/1e75hx.gif" /></a>
</div>

Juste après la ligne:
Code:
<a name="top"></a>

Valide et publie.

Il te faudra également supprimer ta bannière (transparente) du panneau d'administration.

Et dans ton CSS:
Code:
body {
background-image: url("http://i1130.photobucket.com/albums/m531/mallorykn0x/Sanstitre7-1.jpg");
background-repeat: repeat;
background-color: transparent;
background-attachment: scroll;
}

.banniere {
 background: url("http://nsa21.casimages.com/img/2012/04/11/120411113139936156.png") no-repeat top center;
height: 600px;
}

Est-ce que ça fonctionne ainsi ?
MessageSujet: Re: Problème Header de fond   Problème Header de fond EmptyJeu 26 Avr 2012, 18:41
Revenir en haut Aller en bas
Poukite
Poukite
{ Membre }
{ Membre }

Féminin Messages : 34



Problème Header de fond Empty
Sa marche c'est super merci beaucoup le problème c'est que maintenant j'ai un énorme espace entre ma bannière et ma navigation
Spoiler:
MessageSujet: Re: Problème Header de fond   Problème Header de fond EmptyDim 29 Avr 2012, 09:10
Revenir en haut Aller en bas
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



Problème Header de fond Empty
Orange a écrit:
Il te faudra également supprimer ta bannière (transparente) du panneau d'administration.

... dans la gestion des images, est-ce que ça a été fait ?

J'ai aussi un petit truc à améliorer pour ton CSS:
Code:

body {
background-image: url("http://i1130.photobucket.com/albums/m531/mallorykn0x/Sanstitre7-1.jpg");
background-repeat: repeat;
background-attachment: scroll;
margin: 0;
padding: 0;
}

.banniere {
 background: url("http://nsa21.casimages.com/img/2012/04/11/120411113139936156.png") no-repeat top center;
height: 600px;
text-align: center;
padding-top: 50px;
}
MessageSujet: Re: Problème Header de fond   Problème Header de fond EmptyDim 29 Avr 2012, 09:29
Revenir en haut Aller en bas
Poukite
Poukite
{ Membre }
{ Membre }

Féminin Messages : 34



Problème Header de fond Empty
Ah merci beaucoup, j'avais pas supprimer la bannière transparente de mes images.
Sa marche c'est gentil de ta part de m'avoir aider. <33
MessageSujet: Re: Problème Header de fond   Problème Header de fond EmptyDim 29 Avr 2012, 09:39
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Problème Header de fond Empty
    Hello !
    Le problème est-il complétement résolu ? (:
MessageSujet: Re: Problème Header de fond   Problème Header de fond EmptyDim 29 Avr 2012, 10:41
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



Problème Header de fond Empty
Bonjour,

Ce sujet restant sans réponse, il est archivé. En cas de nouvelle question le concernant, merci d'ouvrir un nouveau sujet. Wink
Merci de ta compréhension.
MessageSujet: Re: Problème Header de fond   Problème Header de fond EmptyMer 02 Mai 2012, 07:54
Revenir en haut Aller en bas
Contenu sponsorisé




Problème Header de fond Empty
MessageSujet: Re: Problème Header de fond   Problème Header de fond Empty
Revenir en haut Aller en bas
 

Problème Header de fond

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

 Sujets similaires

-
» Petit problème d'header de fond
» Header en fond de page et bordure Oo
» Header De Fond --' ?
» Header de fond
» header de fond qui ne s'affiche plus

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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