Ma demande
Bonjour,
Je viens vous voir car j'ai un soucis (oui, encore ! Je sais, je sais, mais au moins j'essaie de coder ! xD). En fait, j'ai fais ma barre de navigation (que j'ai séparé en trois partie : Une commune qui ne change jamais (celle du milieu en haut), une propre aux connectés (profil, messagerie, OFF) et une propre aux non connectés (S'inscrire, ON).
SEULEMENT sous Firefox et sous Chrome mes positions ne sont pas les mêmes.
J'ai essayé de rectifié ça, j'y ais passé une bonne partie de ma soirée, mais je comprends pas où ça merde. J'ai désespérément besoin de comprendre pourquoi ça veut pas faire ce que je voudrait que ça fasse (oui cette phrase est correcte).
Schéma(s) et Eléments
Schémas :
Alors là c'est le forum vu sous Chrome :
Chrome 1
Ici c'est le forum vu sous Firefox :
Firefox 1
Sachant que mon forum est fait en images de fond.
Tailles des éléments : X
Version de votre forum : PHPBB2
Ressources
Je vous met mon CSS, ça peut aider !
- Code:
#i_logo /*- Taille du logo (défini ainsi où se trouve, de base, la barre de navigation au dessous) -*/
{
height: 180px;}
.bodyline {
position: relative;
}
body /*-Ici tu mets les images pour le corps du forum, footer etc. -*/
{
background-image: url(http://i58.tinypic.com/332q6ie.jpg), /*HEADER*/
url(http://i59.tinypic.com/29z3s7o.jpg), /*FOOTER*/
url(http://i59.tinypic.com/63sowh.jpg), /*CORPS*/
url(http://i62.tinypic.com/33bzakg.jpg), /*HEADER EXT. (pour s'adapter à tous les écrans en largeur*/
url(http://i59.tinypic.com/2wdrlvs.jpg);/*FOOTER EXT. (pour s'adapter à tous les écrans en largeur*/
background-position: top center, bottom center, top center, top left, bottom left;
background-repeat: no-repeat, no-repeat, repeat-y, repeat-x, repeat-x;
background-color: #343434;
}
/*----------------------------------------------------------------------------------------------*/
/*---------------------------------------- NAVIGATIONS ----------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
/*||||||||||||||||||||||||||||||||||||| NAVIGATION 1 ||||||||||||||||||||||||||||||||||||||*/
/**partie de la navigation générale**/
.navfo{
position: relative;
background-image: url('http://i60.tinypic.com/28s0o5s.jpg');
float:left;
top: -22px;
left: 377px;
width: 234px;
height: 41px;}
.navfo:hover{
background-image: url('http://i59.tinypic.com/14ajyw3.jpg');
}
.navsearch{
position: relative;
background-image: url('http://i57.tinypic.com/j8yusk.jpg');
float:left;
top: -22px;
left: 55px;
width: 137px;
height: 41px;}
.navsearch:hover{
background-image: url('http://i57.tinypic.com/fuxi9.jpg');
}
.navmem{
position: relative;
background-image: url('http://i59.tinypic.com/20qe04n.jpg');
float:left;
top: -22px;
left:190px;
width: 137px;
height: 41px;}
.navmem:hover{
background-image: url('http://i60.tinypic.com/2mr5e0y.jpg');
}
/*||||||||||||||||||||||||||||||||||||| NAVIGATION 2 ||||||||||||||||||||||||||||||||||||||*/
/** partie de la navigation spécifique**/
/*> Navigation des connectés*/
.navpro{
position: relative;
background-image: url('http://i57.tinypic.com/2rnxvsp.jpg');
float:left;
top: 180px;
left: -654px;
width: 82px;
height: 90px;}
.navpro:hover{
background-image: url('http://i59.tinypic.com/fogbb7.jpg');
}
.navmp{
position: relative;
background-image: url('http://i58.tinypic.com/2edtoi0.jpg');
float:left;
top: 85px;
left: -736px;
width: 82px;
height: 90px;}
.navmp:hover{
background-image: url('http://i59.tinypic.com/audr94.jpg');
}
.navoff{
position: relative;
background-image: url('http://i60.tinypic.com/vosgmb.jpg');
float:left;
top: -30px;
left:290px;
width: 45px;
height: 45px;}
.navoff:hover{
background-image: url('http://i58.tinypic.com/209ggwg.jpg');
}
/*> Navigation des non connectés*/
.navreg{
position: relative;
background-image: url('http://i61.tinypic.com/xd8fhe.jpg');
float:left;
top: 22px;
left:-112px;
width: 199px;
height: 26px;}
.navreg:hover{
background-image: url('http://i59.tinypic.com/2a67b4x.jpg');
}
.navon{
position: relative;
background-image: url('http://image.noelshack.com/fichiers/2015/39/1442834144-on.png');
float:left;
top: -30px;
left:253px;
width: 45px;
height: 45px;}
.navon:hover{
background-image: url('http://image.noelshack.com/fichiers/2015/39/1442834143-onhover.png');
}
/*----------------------------------------------------------------------------------------------------*/
/*---------------------------------------- DÉBUT CATÉGORIES -----------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*||||||||||||||||||||||||||||| CONTIENT CAT ET ONGLET |||||||||||||||||||||||||||||||*/
#cate_tout {
background: #ffffff;
text-align: center;
color: #000000;
font-family: calibri;
font-size: 13px;
border: 8px double #;
border-bottom: 7px double #;
width: 950px; /* Largeur des catégories*/
}
/*||||||||||||||||||||||||||||| CONTIENT ONGLETS |||||||||||||||||||||||||||||||*/
#conteneur_onglets {
display: none;
text-align: center;
border-bottom: double 8px #;
}
/*||||||||||||||||||||||||||||| ONGLET |||||||||||||||||||||||||||||||*/
.ongleto {
cursor: pointer;
height: 50px;
text-align: center;
color: #ffffff;
background-color: #2093e5;
border-right: solid 1px #;
font-family: calibri;
font-size: 20px;
text-shadow: 0 0 1px black;
}
/*||||||||||||||||||||||||||||| ONGLET ACTIF |||||||||||||||||||||||||||||||*/
.actif {
background: #ff5415;
cursor: default;
color: #ffffff;
text-shadow: 0 0 1px white;
}
/*||||||||||||||||||||||||||||| BLOC ENTOURE CHQ CAT |||||||||||||||||||||||||||||||*/
.categorie {
}
/*||||||||||||||||||||||||||||| BLOC ENTOURE CHQ FORUMS |||||||||||||||||||||||||||||||*/
.forum_bloc {
border-bottom: solid 1px #;
height:120px;
}
/*||||||||||||||||||||||||||||| BLOC IMG NEW OLD LOCK |||||||||||||||||||||||||||||||*/
.forum_img_new {
width: 75px;
height: 75px;
padding: 2px;
}
/*||||||||||||||||||||||||||||| IMG NEW OLD LOCK |||||||||||||||||||||||||||||||*/
.forum_img_new img {
width: 75px;
height: 75px;
}
/*||||||||||||||||||||||||||||| BLOC TITRE FORUM |||||||||||||||||||||||||||||||*/ /
.forum_forumlink {
padding: 2px;
}
/*||||||||||||||||||||||||||||| TITRE FORUM |||||||||||||||||||||||||||||||*/
.forumlink {
margin-top: 5px;
font-family: calibri;
font-size: 28px;
color: #ff5415!important;
text-shadow: 0px 0px 2px #ffffff;
letter-spacing: 0px;
transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
/*||||||||||||||||||||||||||||| TITRE FORUM SURVOLÉ |||||||||||||||||||||||||||||||*/
.forumlink:hover {
letter-spacing: 1px;
text-decoration: none!important;
}
/*||||||||||||||||||||||||||||| BLOCS SOUS-FORUMS |||||||||||||||||||||||||||||||*/
.forum_sous {
height: 25px;
padding: 2px;
}
/*||||||||||||||||||||||||||||| INFOBULLES DESC. FORUMS |||||||||||||||||||||||||||||||*/ /
.desc_infobulle {
position: relative;
margin: auto;
top:30px;
}
/*||||||||||||||||||||||||||||| IMG DESC. FORUMS |||||||||||||||||||||||||||||||*/
.desc_infobulle img {
width: 200px;
height: 120px;
z-index: 2;
}
/*||||||||||||||||||||||||||||| DESC. CACHÉES FORUMS |||||||||||||||||||||||||||||||*/
.desc_desc {
-webkit-transition: all .5s;
background-color: #;
font-family: calibri;
font-size: 13px;
font-style: italic;
height: 69px;
overflow: auto;
padding: 3px;
position: absolute;
right: 210px;
text-align: justify;
top: 30px;
width: 650px;
z-index: 1
}
.forum_desc {
position: relative;
width: 200px;
}
/*||||||||||||||||||||||||||||| STATS FORUMS |||||||||||||||||||||||||||||||*/
.forum_stat {
/* on positionne */
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
background-color: rgba(255,255,255,0.6);
padding-top: 20px;
/* on cache*/
opacity: 0;
transition: all 400ms;
}
.forum_stat:hover {
opacity: 1;
}
/*----------------------------------------------------------------------------------------------------*/
/*---------------------------------------- CADRES STAFF ---------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*||||||||||||||||||||||||||||| CADRES MODOS |||||||||||||||||||||||||||||||*/
.modobleu
{
background: #F6FAF9;
border-radius: 9px;
border: 1px solid blue;
color: blue;
font-weight: bold;
width: 80%;
margin: auto;
box-shadow: 0 0 4px blue;
}
/*||||||||||||||||||||||||||||| CADRES ADMINS |||||||||||||||||||||||||||||||*/
.ragadmin
{
background: #F6FAF9;
border-radius: 9px;
border: 1px solid red;
color: red;
font-weight: bold;
width: 80%;
margin: auto;
box-shadow: 0 0 4px red;
}
/*||||||||||||||||||||||||||||| CADRES ANIMS |||||||||||||||||||||||||||||||*/
.animvert
{
background: #F6FAF9;
border-radius: 9px;
border: 1px solid green;
color: green;
font-weight: bold;
width: 80%;
margin: auto;
box-shadow: 0 0 4px green;
}
/*||||||||||||||||||||||||||||| CADRES CONSEILLÉS |||||||||||||||||||||||||||||||*/
.convi
{
background: #F6FAF9;
border-radius: 9px;
border: 1px solid #6B03DF;
color: #6B03DF;
font-weight: bold;
width: 80%;
margin: auto;
box-shadow: 0 0 4px #6B03DF;
}
/*||||||||||||||||||||||||||||| CADRES TESTEURS |||||||||||||||||||||||||||||||*/
.testor
{
background: #F6FAF9;
border-radius: 9px;
border: 1px solid #EC7500;
color: #EC7500;
font-weight: bold;
width: 80%;
margin: auto;
box-shadow: 0 0 4px #EC7500;
}
Autres précisions ?
Bon voilà, je pense avoir plus ou moins bien précisé ce qui me posait soucis.
Merci d'avance de votre compréhension envers mon "newbiisme".
EDIT : Ah ! Et voici l'adresse du forum en question si vous souhaitez voir par vous même : http://legarageabits.forumactif.org/
