Le CSS ne s'applique plus

2 participants

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

Résolu Le CSS ne s'applique plus

Message par Teurancher Mar 23 Juin 2015 - 21:42

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://trancheesdepain.forumactif.org/

Description du problème

Bonsoir,
J'ai un problème que je rencontre pour la toute première fois; une partie de mon CSS ne s'applique plus, tout simplement.

Exemple: le logo facebook a la class "facebook" qui est faite dans le CSS du forum (position: fixed; bottom: 10px etc.) mais il reste à sa place par défaut (comme s'il n'y avait aucun CSS d'appliqué)

Une idée ?
Le CSS:

Code:
.suj_topictitle {
  background-color: #FFF;
  font-size: 24px;
  text-transform: uppercase;
  color: #2898de;
  border-top: 1px solid #C1C1C1;
  border-bottom: 1px solid #C1C1C1;
  font-family: Roboto;
  letter-spacing: 2px;
  text-align: center;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.nav2 {
  background-color: #ddcb53;
  color: #FEFEFE !important;
  text-align: center;
  margin-bottom: 5px;
  font-size: 12px;
  font-family: Tahoma;
}

.nav2 a {
  color: white !important;
  font-weight: bold;
}










.lb_lien1 {
  padding-left: 2px;
  font-variant: small-caps;
  font-size: 16px;
  text-shadow: 1px 1px 0px #777;
  font-family: Roboto;
  letter-spacing: 1px;
}

.lb_lien2 {
  background-color: #b56e61;
  padding-left: 2px;
  font-variant: small-caps;
  font-size: 16px;
  text-shadow: 1px 1px 0px #777;
  font-family: Roboto;
  letter-spacing: 1px;
}



.profil_fields {
  font-family: Verdana;
  text-transform: uppercase;
  color: #333;
  font-size: 12px;
  font-weight: bold;
}

.profil_fieldsres {
    font-family: Tahoma;
  color: #555;
  font-size: 12px;
 
}

.profil_main {
background-color: #FFF;
border: 3px double #DEDEDE;
text-align: center;
padding-bottom: 10px;
}

.profil_main_infos {
  color: #666;
  font-size: 11px;
  font-family: Tahoma;
}

input.post {
  background-color: #fff;
}

select {
border: 1px solid #888;
color: #000;
font-family: sans-serif;
font-size: 11px !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

input {
border: 1px solid #888;
color: #000;
font-family: sans-serif;
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.facebook {
margin-left: -195px;
position: fixed;
bottom: 20px;
}











.qeel_infos {
  font-size: 11px;
  font-family: Tahoma;
  color: #222;
  height: 150px;
  overflow: auto;
  border-bottom: 1px solid #C1C1C1;
  background-image: url("http://subtlepatterns.com/patterns/shattered.png");
}

.qeel_grps {
background-image: url("http://subtlepatterns.com/patterns/shattered.png");
border-bottom: 1px solid #C1C1C1;
font-family: Roboto;
font-size: 12px;
height: 144px;
letter-spacing: 2px;
overflow: auto;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-top: 5px;
}

.qeel_row1 {
  background-color: #fff;
  font-size: 11px;
  font-family: Verdana;
  padding: 3px 5px;
}

#nb_messages {
background-color: #C9C9C9;
color: #FFF;
display: block;
font-family: Trebuchet MS;
font-size: 12px;
width: 16%;
height: 21px;
padding: 8px 7px 1px 5px;
margin-bottom: -10px;
text-shadow: 1px 1px 0px #888;
}

#totalusers {
background-color: #C9C9C9;
color: #FFF;
display: block;
font-family: Trebuchet MS;
font-size: 12px;
width: 16%;
height: 21px;
padding: 8px 7px 1px 5px;
margin-bottom: -10px;
text-shadow: 1px 1px 0px #888;
}

#newest {
background-color: #C9C9C9;
display: block;
font-family: Trebuchet MS;
font-size: 12px;
padding: 1px 3px;
width: 35%;
height: 21px;
padding-top: 8px;
padding-left: 5px;
margin-bottom: -10px;
text-shadow: 1px 1px 0px #888;
}

.qq {
font-size: 11px;
margin-top: -12px;
margin-bottom: 20px;
color: #555;
font-family: Tahoma;
text-shadow: 1px 1px 0px #fff;
padding-left: 2px;
}
 


.qeel_header {
  background-color: #F47D67;
  color: #fff;
  text-shadow: 1px 1px 0px #9b5447;
  font-size: 15px;
  letter-spacing: 1px;
  font-family: Roboto;
  text-align: center;
  width: 100%;
}

.qeel {
  background-color: #FFF;
  color: #222;
  text-shadow: 1px 1px 0px #ececec;
  font-size: 13px;
  font-family: Tahoma;
}

.mark {
background-color: #FFF;
color: #AF695D;
font-family: Trebuchet ms;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
line-height: 15px;
margin-bottom: 10px;
margin-top: 10px;
padding-bottom: 3px;
padding-top: 3px;
text-align: center;
text-transform: uppercase;
width: 750px;
border: 1px solid #e4e4e4;
}

.mark a {
  color: #F47D67 !important;
}






.fo_desc {
  font-size: 11px;
  font-family: Roboto;
  color: #555;
  display: inline-block;
  margin-top: -20px;
  padding-bottom: 4px;
  padding-right: 5px;
}

.fo_row5 {
  background-color: #fff;
}

.fotd_topmsg {
  margin-left: -78px;
  position: absolute;
}

.fo_row1 {
  background-color: #fff;
  border-top: 1px solid #DEDEDE;
}

.fo_row2 {
  background-color: #fff;
  padding-left: 4px;
  border-top: 1px solid #DEDEDE;
}

.fo_row3 {
  background-color: #fff;
  border-top: 1px solid #DEDEDE;
}

.fo_row4 {
    background-color: #f2f2f2;
 
}

.fo_sous-f {
border-left: 1px solid #DEDEDE;
border-right: 1px solid #C3C3C3;
border-top: 1px solid #DEDEDE;
font-family: Verdana;
font-size: 10px;
height: 75px;
margin-top: -1px;
max-height: 83px;
overflow: auto;
padding-left: 3px;
padding-top: 3px;
text-align: left;
width: 117px;
}

.fo_topmsg {
  width: 75px;
  color: #666;
  font-size: 10px;
  text-align: right;
}

.fo_topictitle {
  background-color: #c6c6c6;
  width: 750px;
  text-align: center;
  margin-bottom: -20px;
}

h2 {
  color: #fff;
  font-size: 24px;
  font-family: Roboto;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #888;
}














.generalites {
background-color: #F47D67;
color: #FFF;
margin-top: 10px;
min-height: 80px;
width: 750px;
padding-top: 10px;
padding-bottom: 10px;
}

.header {
background-color: #F47D67;
height: 174px;
width: 750px;
}


.lb_div {
background-color: #F47D67;
background-image: url("http://i18.servimg.com/u/f18/19/25/58/85/logo10.png");
background-position: center center;
background-repeat: no-repeat;
height: 97%;
position: fixed;
top: 10px;
width: 185px;
margin-left: -195px;
}

.navigation {
padding-top: 8px;
}

.hr2 {
border-left: 1px solid #FFF;
border-right: 1px solid #D4D4D4;
display: inline-block;
height: 164px;
position: absolute;
width: 0px;
margin-top: 5px;
}

a.mainmenu img {
  opacity: 0.5;
}

a.mainmenu img:hover {
  opacity: 1;
}

.bodylinewidth {
left: 38px;
position: relative;
top: -8px;
}

.bodyline {
    border: 0px solid #444;
}

a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}

.forumline {
    background-color: transparent;
    border: 0px solid red;
}

table.forumline {
  border-collapse: collapse;
}

D'avance merci ^^


Dernière édition par Teurancher le Mar 23 Juin 2015 - 22:11, édité 1 fois
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le CSS ne s'applique plus

Message par Lixyr Mar 23 Juin 2015 - 21:53

Bonjour,

Personnellement je vois bien ceci dans le CSS de votre forum :

Code:
.facebook {
    bottom: 20px;
    margin-left: -195px;
    position: fixed;
}

Et lorsque je l'enlève le logo change de place, donc le CSS est bien pris en compte.
Quelles modifications souhaitez-vous faire ?


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Le CSS ne s'applique plus 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Le CSS ne s'applique plus 3592387030 pour prévenir la modération.

Le CSS ne s'applique plus Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le CSS ne s'applique plus

Message par Teurancher Mar 23 Juin 2015 - 22:11

Salutations,
J'ai eu la solution via quelqu'un sur Skype. Il suffisait juste de vider le cache, même si je m'y suis repris à 2 fois pour que ça fonctionne.

Merci Lixyr pour ta réponse ^^
A fermer
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher 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