Comment faire pour que l'header face toute la largeur du forum ?

2 participants

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

Résolu Comment faire pour que l'header face toute la largeur du forum ?

Message par Bella♥ Jeu 4 Aoû 2011 - 17:08

Coucou.

Tout est expliquer dans le titre.

Comment faire pour que l'header face toute la largeur du forum ?

Merci d'avance.

Bis'


Dernière édition par Bella♥ le Ven 5 Aoû 2011 - 10:49, édité 1 fois
Bella♥

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour que l'header face toute la largeur du forum ?

Message par Crazy-Sweet Jeu 4 Aoû 2011 - 18:14

Peut-tu montrer ton header et le forum en question?

Merci
Crazy-Sweet

Crazy-Sweet
***

Messages : 121
Inscrit(e) le : 30/12/2009

http://crazy-sweet.forumgratuit.org/
Crazy-Sweet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour que l'header face toute la largeur du forum ?

Message par Bella♥ Jeu 4 Aoû 2011 - 18:32

Voici le forum en questions. Ses un forum test ^^

http://libre-graph.forumgratuit.org/
Bella♥

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour que l'header face toute la largeur du forum ?

Message par Crazy-Sweet Jeu 4 Aoû 2011 - 18:41

Peu-tu me donner ton CSS ?
Il dois y avoir un soucis avec un code.
Crazy-Sweet

Crazy-Sweet
***

Messages : 121
Inscrit(e) le : 30/12/2009

http://crazy-sweet.forumgratuit.org/
Crazy-Sweet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour que l'header face toute la largeur du forum ?

Message par Bella♥ Jeu 4 Aoû 2011 - 19:16

Voici mon css :

Code:
body {
background-repeat: no-repeat;
}
.forumline{border:1px dotted #4A1806;
}



.en_tete{
          background-color:white;
          border:solid 1px none;
  }

    /****** Mise en page des colonnes ******/

    table tr{
      vertical-align:top;
      }

    #tab1_col1{
   
      padding:12px;
      }

    #tab1_col2{
   
      padding:12px;
      }

    #tab1_col3{
   
      padding:12px;
      }

    #tab2_col1{
   
      padding:12px;
      }

    #tab2_col2{
   
      padding:12px;
      }

    /****** Mise en page des titres ******/

    #titre_en_tete{
      background-color:#CFE685;
      border:1px dashed none;
   
      font-family:Georgia, "Times New Roman", Times, serif;
      font-size: 16px;
      color:#ffffff;
      text-align:center;
   
      }
   
    /****** Mise en page du texte ******/

    #en_tete_nav{
      font-family:Tahoma;
      font-size:16px;
      color:#0d1128;
      margin-left:35px;
      margin-bottom:-4px;
      background-color: green;
      text-align: center;
      width: 300px;
padding : 2px ;
margin :auto ;
border-left: #CFE685 7px solid;
 border-right: #CFE685 7px solid;
border-top: white 2px solid;
border-bottom: white 2px solid;

      }
   
    #contenu_en_tete{
      font-family:Tahoma;
      font-size:14px;
      color:#0d1128;
      text-align:justify;
      text-indent:12px;
      padding-left:8px;
      padding-right:8px;
      margin-bottom:-4px;
 width: 300px;
      }

    #en_tete_infos_forum{
      font-family:Tahoma;
      font-size:12px;
      color:#0d1128;
      text-align:justify;
      text-indent:12px;
      padding-left:8px;
      padding-right:8px;
      margin-bottom:-4px;
 width: 300px;
      }
   
    #en_tete_news{
      font-family:Tahoma;
      font-size:16px;
      color:#0d1128;
      margin-left:12px;
      margin-bottom:-4px;
 width: 300px;
      }

    #logo_en_tete, #staff_en_tete{
      text-align:center;
      }

    #logo_en_tete a, #staff_en_tete{
      text-decoration:none;
      }

    #logo_en_tete img{
      padding-bottom:4px;
      }

    #staff_en_tete img{
      padding-left:6px;
      }
       
    /****** Mise en page des liens ******/

    #lien_en_tete{
   
      font-family:Georgia, "Times New Roman", Times, serif;
      font-size: 12px;
      color:white;
      background-color: green;
      width:300px;

text-shadow: black 1px 1px 2px;



      }

    #lien_en_tete:hover{
      border-bottom:dotted 1px #CFE685;
      font-weight:bold;
      }

    #vers_profil{
   
        font-family:Georgia, "Times New Roman", Times, serif;
      font-size: 14px;
      color:white;
    width:300px;



    }
   
    #vers_profil:hover{
      border-bottom:dotted 1px #CFE685;
      }












.beauty{
  font-family:verdana;
  color:#576b17;
  font-size:12px;
  background-image:url('http://s2.noelshack.com/old/up/1-5d7642b283.gif');
  background-repeat:no-repeat;
  background-position: left center;
  background-color:#95b332;
  padding-left:200px;
  width:600px;
  min-height:200px;
  height:auto;
  }



.infobulle{
position: relative;
z-index: 0;}

.infobulle:hover{
background-color: transparent;
z-index: 50;}

.infobulle span{
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}

.infobulle span img{
border: 2px;
padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 200px ;
color: black;
border-left: #CFE685 7px solid;
 border-right: #CFE685 7px solid;
border-top: #CFE685 2px solid;
border-bottom: #CFE685  2px solid;
text-align : center;
}




.opacite {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacite:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}




#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:900px; /*--- pour régler la largeur de la barre ---*/
background-color: black; /*--- On donne une couleur au fond ---*/
border:1px green solid;  /*--- On ajoute une bordure ---*/
margin-left:-450px; /* pour centrer:  largeur divisée par -2 */
left:50%;
-moz-border-radius:0px 0px 10px 10px; /* pour mozilla */
-webkit-border-radius: 0px 0px 10px 10px; /* pour chrome et safari */
border-radius:0px 0px 10px 10px; /* réglage des arrondis */
}
Bella♥

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour que l'header face toute la largeur du forum ?

Message par Crazy-Sweet Jeu 4 Aoû 2011 - 20:01

Essaie de changer ceci :

Code:
body {
background-repeat: no-repeat;
}

En ceci:

Code:
body
{
background-image: url("http://i44.servimg.com/u/f44/16/74/00/21/00710.jpg");
background-repeat: no-repeat;
background-position: top center
background-attachment: no-fixed;
}

EDIT: Je viens de remarquer quelque chose... Un header c'est pas en Bannière qu'il faut le mettre mais en Fond !
Crazy-Sweet

Crazy-Sweet
***

Messages : 121
Inscrit(e) le : 30/12/2009

http://crazy-sweet.forumgratuit.org/
Crazy-Sweet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour que l'header face toute la largeur du forum ?

Message par Bella♥ Ven 5 Aoû 2011 - 9:54

Voila j'ai mit en fond... Mais sa veut toujours pas prendre toute la largeur et sa fait pas très beau...

EDIT : Problème résolue. Merci tout de même.
Bella♥

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ 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