Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Le CSS ne s'applique plus

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

Résolu Le CSS ne s'applique plus

Message par Teurancher le 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
avatar

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 le 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 ?


EN PRÉSENCE RÉDUITE LA SEMAINE - RÉPOND AUX MP
avatar

Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

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

Message par Teurancher le 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
avatar

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