CSS métamorphosé!

3 participants

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

Résolu CSS métamorphosé!

Message par LOUDENIMFLOW Dim 15 Jan 2012 - 15:44

Bonjour à tous! J'étais en pleine construction de forum, mon CSS était bien (très bien) avancé et, lorsque j'ai changé mon header, mon CSS s'est littéralement métamorphosé. L'apparence de mon forum n'a plus rien à voir avec celle que j'avais une minute auparavant, bien que mon CSS et mon template n'aient pas bougé. Shocked Très sincèrement, je commence à être vraiment largée... Je ne tiens vraiment pas à perdre tout mon CSS sur lequel je bosse depuis plusieurs jours Rolling Eyes

Pour vous montrer à quel point c'est absurde, voici ma feuille CSS:
Code:
.grorang{
opacity: 0.7;
margin-bottom: -5px; 
  margin-top: 3px;
}

.grorang:hover{
opacity: 1;
margin-bottom: -5px;    margin-top: 3px;
}

.rang{
  font-family: verdana;
  text-transform: uppercase;
  font-size: 7pt;
  letter-spacing: -1px;
  color: #bcbcbc;
}

.liencate{
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: -1px;
}

.liencate:hover{
  text-transform: uppercase;
  font-size: 9px;
  background-color: black; color:white;
  letter-spacing: -1px;
}

.descr{
  margin-top: -10px;
  font-size: 9px;
    margin-bottom: -10px;
  text-transform: lowercase;
  background-color: white;
  text-align: justify;
  padding: 10px;
  width:480px;
}

.forumlink{
 color : #9e6776;
 }
a.forumlink {
 text-decoration: none;
 color : #d7b9c7;
  font-size: 25px;
  letter-spacing: -2px;
 font-family: arial;
  text-transform: uppercase;
 }
a.forumlink:hover{
  font-size: 25px;
  letter-spacing: -2px;
 text-decoration: none;
-moz-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -o-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
 }

h1.title2 {
   font-size: 11px;
   }

th{
    color: #E0E0E0;
  font-family: courier new;
  letter-spacing: -2px;
    font-weight: 300;
  height:18px!important;
  font-size: 15px!important;
  text-transform: lowercase!important;}


.secondarytitle,.secondarytitle h2 {
color: white;
  height:18px!important;
  font-family: courier new;
  font-weight: 300;
  letter-spacing: -2px;
  font-size: 15px!important;
  text-transform: lowercase!important;
   }
.secondarytitle h2 {
 font-weight: 300;
  height:18px!important;
   display:inline;
   }


th.thRight{
  font-family: ms mincho;
  font-weight: 300;
  font-size: 15px;
  letter-spacing: -2px;
  text-transform: lowercase;
}

th.thLeft{
  font-family: ms mincho;
  font-weight: 300;
  font-size: 15px;
  letter-spacing: -2px;
  text-transform: lowercase;}

td.catHead{
  background-color: black;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom{
  background-color: black;

  text-transform: uppercase;
  font-size: 9px;
  color: grey;
    border-style: solid;
    height: 18px;
   }

h1.cattitle{
  background-color: black;
}

td.t-title{
  background-color: black;
}

.forumline2{
background-color: #E0E0E0;
}

.post2{
  background-color: red;
}
 
.postbody {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align:justify;
  font-size:11px;
}

.profil {

background-color : transp ;
border : 1px solid #d4d4d4;
padding: 3px;
margin: 5px;}

.profil:hover {

background-color : transp ;
border : 1px solid white;
padding: 3px;
margin: 5px;}


.fondavatar {
background-color : transp ;
border : 1px solid #d4d4d4;
  opacity: 0.8;
padding: 3px;
margin: 5px;}

.fondavatar:hover {
background-color : transp ;
  border : 1px solid #d4d4d4;
  opacity: 1;
padding: 3px;
margin: 5px;}

.pseudo{
  margin-top: -10px!important;
  display: inline;

font-weight:300;
  margin-right: 3px;
  font-family: courier new;
  letter-spacing: -4px;
  font-size: 18px!important;
  text-transform: lowercase!important;
}

.pseudo:hover{
  margin-top: -10px!important;
  display: inline;

font-weight:300;
  margin-right: 3px;
  font-family: courier new;
  background-color: black;
  color: white!important;
  font-size: 18px!important;
  text-transform: lowercase!important;
}

.trans .row1 {
        background-color : transparent;
        }
.qeel{
  width: 330px;
  background-color: #E0E0E0;
  padding: 7px;
  text-align: justify;
}

body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym46.cur), progress !important;}

.navtop {
top : 0px;
  background-color: black;
position: fixed;
width: 100%;
  margin-left: -8px;
}

a.mainmenu{

background-color:black;
color: #E0E0E0;
  font-family: courier new;
  letter-spacing: -2px;
  font-size: 15px!important;
  text-transform: lowercase!important;

}


a img {
border: none;
}

a.cattitle{
 text-decoration: none;
 color : #dba1c1;
 }
a.cattitle:hover{
 text-decoration: none;
 }

 a.nav{
 text-decoration: none;
 color : #e00000;
 }
a.nav:hover{
 text-decoration: none;
 }

 a.topictitle{
  text-transform: uppercase;
  font-size: 9px;
 

 }
 a.topictitle:visited{f
    ont-size: 9px;
  text-transform: uppercase;

 }
a.topictitle:hover{
 text-decoration: none;
  font-size: 9px;
  text-transform: uppercase;

 }
 a.postlink:hover{
 text-decoration: none;
    text-tranform: uppercase;
}
 a.gen:hover,a.genmed:hover,a.gensmall:hover{

 text-decoration: none;
 }

a.mainmenu:hover{
 text-decoration: none;

 }
 a.copyright:hover {

 text-decoration: none;
}
a:link
{

}

a:visited
{

}

a:active
{

}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { background-color: white; color:black; }

.quote{
font-family: Tahoma;
font-size: 12px;
color: #9b6b6b;
line-height: 125%;
background-color: #ffffff;
border: #cfcdce;
border-style: solid;
border: 1px #a08491
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #9b6b6b;
background-color: #ffffff;
border: #cfcdce;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #a08491
dotted;}

...et une screencap de mon forum qui n'a plus rien à voir avec mon CSS.
Spoiler:

Merci d'avance à ceux qui pourront m'aider, parce que là, je suis vraiment à deux doigts de la crise de nerfs Mr. Green


Dernière édition par LOUDENIMFLOW le Dim 15 Jan 2012 - 15:52, édité 1 fois
LOUDENIMFLOW

LOUDENIMFLOW
Nouveau membre

Féminin
Messages : 2
Inscrit(e) le : 15/01/2012

http://fuckaduck.frbb.net/
LOUDENIMFLOW a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS métamorphosé!

Message par Gorgorbey Dim 15 Jan 2012 - 15:47

Bonjour,

Pour moi votre forum est bien (je ne vois pas ce que vous mettez en capture).
Essayez de vider votre cache Internet et de changer de navigateur.

Cordialement.
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS métamorphosé!

Message par LOUDENIMFLOW Dim 15 Jan 2012 - 15:52

Shocked Etonnant, très étonnant même, mais c'est bien ça. Il a simplement fallu que je fasse CTRL + F5 Rolling Eyes Merci bien en tout cas Mr. Green
LOUDENIMFLOW

LOUDENIMFLOW
Nouveau membre

Féminin
Messages : 2
Inscrit(e) le : 15/01/2012

http://fuckaduck.frbb.net/
LOUDENIMFLOW a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS métamorphosé!

Message par Censure Dim 15 Jan 2012 - 15:53

Je ne sais pas si cela vient des problèmes de syntaxe mais:
Edit: Même si le problème est régler regarde bien ton css ^-^

Code:
.fondavatar:hover {
background-color : transp ;
<- Transp??

Code:
.code{
border-bottom-width: 1px
<- le point virgule il est ou? :-D

Code:
.quote
border-bottom-width: 1px}
<- le point virgule il est ou? :-D


Pas utile si il n'y a pas de ccs mis ^^
Code:
}
a:link
{
 
}
 
a:visited
{
 
}
 
a:active
{

Code:
a.topictitle:visited{f
    ont-size: 9px;
<-- retour a la ligne trop tôt?
Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure 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