CSS qui ne fonctionne plus

Page 1 sur 2 1, 2  Suivant

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

Résolu CSS qui ne fonctionne plus

Message par Naokiki le Mar 10 Aoû 2010 - 9:08

Bonjour à tous,

Je vous expose le problème. Voilà, depuis hier soir, mon forum n'affiche plus du tout les propriétés de ma page CSS. Au début, j'ai pensé que c'était du au fait que j'avais totalement du réinstaller windows et que du coup, j'ai récupéré mon ordinateur comme à sa sortie d'usine. J'ai donc cherché si il y avait une option de firefox qui empêchait le bon affichage du CSS puis, par logique, j'ai été voir sur d'autres forum, qui eux, n'ont aucun problème. J'en conclus donc que le problème vient de mon forum...mais je ne vois absolument pas d'où cela provient. J'ai tellement ramer pour faire un CSS correct...U__U

Mon code CSS si besoin.

Spoiler:
Code:
***** MESSAGES EN GENERAL ******

.messages2 {
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;}



.messages {
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;
overflow: auto;
height: 500px;}

.boxtitle {
background: url(http://img825.imageshack.us/img825/4296/sanstitre1copie.png') repeat;
width: 160px;
height: 10px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
display:block;
font-size:11px;
margin:0 0 5px;
padding:3px 10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
-moz-box-shadow: #000000 0px 0px 4px 0px;
opacity: 0.8}

.boxtitle:hover {
opacity: 1}

***** FIN ******

****** CATEGORIES ******

.descriptions {
width: 360px;
height: 60px;
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;
overflow: auto;
background-image: url("http://img825.imageshack.us/img825/4296/sanstitre1copie.png");
opacity: 0.8;
}

.liens {
width: 100px;
height: 60px;
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;
margin-left: 10px;
font-size: 10px;
color: black !important;
background-image: url("http://img825.imageshack.us/img825/4296/sanstitre1copie.png");
opacity: 0.8;
}

.liens:hover {
color: black !important;
}

****** FIN ******


****** PROFIL ******

.avatarentour {
text-align:center;
padding:9px;
background-color:#F5BE70;
-moz-border-radius:10px;
-moz-box-shadow: #000000 0px 0px 4px 0px;
}

.profilentour {
text-align:center;
padding:9px;
border:10px white double;
-moz-border-radius:10px;
-moz-box-shadow: #000000 0px 0px 4px 0px;
}


.postdetails.poster-profile {
font-size:10px;
}



****** FIN ******


****** OMBRES ******


.forumline {
padding-left:3px;
padding-right:3px;
padding-top:3px;
padding-bottom:3px;
-moz-box-shadow: 3px 3px 3px 3px #9B9A9A; }



*enlever le dernière édition*
tr.post span.gensmall { display: none; }



.tableaupresent{
background-color:#F5EEEC ;
border: 10px solid #FFFFFF;
-moz-border-radius:20px;}


*marge et justifié sur les messages*
.postbody {
    display: block;
margin-left: 10px;
margin-right: 10px; 
  text-align:justify;}


* changer la taille de code  *

.code {
max-width:420px !important;
}

.code div {
max-width:420px !important;
}


*curseur*
body {
    cursor: url(http://www.pastelsmash.com/tinyarrow.cur), default!important; ;
}

a:hover {
    cursor: crosshair;
}




*enlever les POINTILLES du HEADER *
a {
outline: none;
}




*pas de soulignement sur les liens*
a:link {text-decoration: none !important;}
a:visited {text-decoration: none !important;}
a:hover {text-decoration: none !important;}
a:active {text-decoration: none !important;}





*contour du forum*
.forumline{
    background-color: #ffffff;
    border: 7px #ffffff solid;
-moz-border-radius:20px;
    }




*liens du forum*
a.forumlink{
font-family: Tahoma;
background: url('') repeat;
margin-left: 10px;
width: 360px;
height: 10px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
display:block;
font-size:10px;
padding:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
-moz-box-shadow: #000000 0px 0px 4px 0px;
color: #bde3e6 !important;
}


a.forumlink:hover{
color: #FFD79E !important;
}












**********PAGE ACCUEIL*********

#generalite{
width:780px;
height:430px;
background:url(IMAGE) no-repeat transparent;
}

#tableau_generalite{
margin-top:86px;
}

#generalite h1 {
font-size:32px;
font-variant:small-caps;
}

#context{
float:left;
}

#info{
}

#top_site{
}

#tabbed_box {
width:624px;
}

ul.tabs {
margin:5px 0 0;
padding:0 0 0 10px;
}

ul.tabs li {
    list-style:none;
    display:inline;
}

ul.tabs1 {
margin:-1px 0 0;
padding:0 0 0 402px;
}

ul.tabs1 li {
    list-style:none;
    display:inline;
}

ul.tabs li a#tab_1,
ul.tabs li a#tab_2,
ul.tabs li a#tab_3,
ul.tabs li a#tab_4 {
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
background:url("") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
color:#DEC7FD;
font-size:10px;
font-weight:bold;
padding:1px 14px;
text-decoration:none;
text-transform:uppercase;
border-bottom:none;
}
ul.tabs li a#tab_1:hover,
ul.tabs li a#tab_2:hover,
ul.tabs li a#tab_3:hover,
ul.tabs li a#tab_4:hover {
background-color:#282e32;
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-bottom:none;
text-decoration:none !important;
color:#2F2D2E;
}
ul.tabs li a#tab_1.active,
ul.tabs li a#tab_2.active,
ul.tabs li a#tab_3.active,
ul.tabs li a#tab_4.active {
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-bottom:none;
color:#2F2D2E;
}

ul.tabs1 li a#tab_5,
ul.tabs1 li a#tab_6,
ul.tabs1 li a#tab_7,
ul.tabs1 li a#tab_8 {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
background:url("") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
color:#DEC7FD;
font-size:10px;
font-weight:bold;
padding:1px 14px;
text-decoration:none;
text-transform:uppercase;
border-top:none;
}
ul.tabs1 li a#tab_5:hover,
ul.tabs1 li a#tab_6:hover,
ul.tabs1 li a#tab_7:hover,
ul.tabs1 li a#tab_8:hover {
background-color:#282e32;
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-top:none;
text-decoration:none !important;
color:#2F2D2E;
}
ul.tabs1 li a#tab_5.active,
ul.tabs1 li a#tab_6.active,
ul.tabs1 li a#tab_7.active,
ul.tabs1 li a#tab_8.active {
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-top:none;
color:#2F2D2E;
}

#top_site{
background:url("image topsites ?") no-repeat scroll 0 -8px transparent;
float:right;
height:46px;
position:relative;
right:114px;
top:-75px;
}

#top_site a{
padding-right:10px;
}

#top_site a img{
position:relative;
top:26px;
}

.content {
-moz-border-radius:13px 13px 13px 13px;
background:url("IMAGE DE FOND") no-repeat scroll 0 0 #FFFFFF;
border:1px solid #E1BC7C;
height:230px;
opacity:10;
padding:10px;
}

#tabbed_box #content_1{
font-size:12px;
line-height:19px;
padding-left:20px;
padding-right:20px;
text-align:center;
}


#accordion {
   width: 500px;
margin-left:50px; }
#accordion div {
   float:left;
height:250px;
overflow:hidden;
width:100px;}
#accordion:hover div, #accordion.hover div {
   width: 30px; }
#accordion:hover div:hover, #accordion.hover div.hover {
   width: 365px;
   overflow: auto; }

#accordion .image {
float:left;
width:100px;
}

#accordion .texte{
}

#expli{
float:left;
font-size:10px;
margin-top:45px;
}

#info ul{
margin:0px;
}

#info ul li{
font-size:14px;
line-height:28px;
list-style-image:url("IMAGE");
}

#info ul li a{
text-decoration:none;
border-bottom: 1px dashed;
}

#info ul li a:hover{
text-decoration:none !important;
font-variant:small-caps;
}

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

p#staff{
text-align:center;
font-size:14px;
font-weight:bold;
margin:0px;
}

p#staff .info_staff{
font-size:10px;
font-weight:normal;
}

div#img_staff{
margin-left:29px;
margin-top:10px;
}

a#profil_andy{
display:block;
height:16px;
left:144px;
position:relative;
top:-23px;
width:53px;
}

a#mp_andy{
display:block;
height:16px;
left:205px;
position:relative;
top:-39px;
width:83px;
}

a#profil_jade{
display:block;
height:16px;
left:310px;
position:relative;
top:-55px;
width:53px;
}

a#mp_jade{
display:block;
height:16px;
left:370px;
position:relative;
top:-71px;
width:83px;
}

div#content_5, div#content_6{
text-align:center;
}

p#titre_partenaire{
font-size:18px;
font-weight:bold;
margin-top:0px;
}

p#info_partenaire{
font-size:10px;
}

div#content_5 a.lien{
text-decoration:none;
border-bottom: 1px dashed;
font-size:14px;
}

div#content_5 a.lien:hover{
text-decoration:none !important;
font-variant:small-caps;
}


****** FIN ******
Et le lien du forum aussi; http://youwilltestmesoon.forumactif.com/index.htm

Voilà, je suis un peu déséspéré là. Si ça ne revient pas dans l'ordre, je ne pense pas refaire ce forum u_u


Dernière édition par Naokiki le Mar 10 Aoû 2010 - 12:09, édité 1 fois

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par ge80 le Mar 10 Aoû 2010 - 9:19

Bonjour

Aviez-vous un Css personnalisé ?

Le Css par défaut est-il validé ou non ?

A vérifier dans votre panneau d'administration et nous dire le résultat.

Cordialement
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par Naokiki le Mar 10 Aoû 2010 - 9:24

C'est en effet un CSS personnalisé. le CSS par défaut est activé. Mais le truc, c'est qu'il fonctionnait très bien il y a deux jours et que je n'y ai absolument pas touché depuis lors.

Mais là, je viens de basculer sur Explorer pour voir et...là, ça fonctionne. Donc il y a sûrement une option avec firefox. Le problème est survenu depuis que je l'ai réinstallé. Je vais voir dans les options si je vois quelque chose Oo

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par ge80 le Mar 10 Aoû 2010 - 9:26

Avec Firefox avez-vous des modules complémentaires ?


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par Naokiki le Mar 10 Aoû 2010 - 9:29

Non pas du tout. En fait, pour expliquer la situation, j'avais, avec mon pc, un problème, le fameux écran bleu de la mort windows. Il n'y avait plus qu'une solution pour ce problème, rétablir les paramètres d'usines. J'ai donc tout perdu de ce qu'il y avait sur mon pc. Hier, j'ai donc téléchargé firefox parce que je déteste naviguer sur Explorer. Donc, c'est vraiment le firefox de base que j'ai. Il n'y a aucun nouveau plugin, rien du tout.

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par ge80 le Mar 10 Aoû 2010 - 9:31

Vérifiez avec IE qu'en en faisant un CTRL-F5 l'affichage reste correct.

J'ai testé le lien et tout semble correct donc problème sur le navigateur.


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par Naokiki le Mar 10 Aoû 2010 - 9:33

Oui, l'affichage reste correct. Bon, l n'est pas exactement le même que ce que j'avais fait sur firefox mais bon, je sais que Explorer n'interprète pas le CSS de la même manière.
Mais ce qui me sidère, c'est que sur les autres forums, tout s'affiche parfaitement. Réinstaller firefox peut être ? Oo

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par ge80 le Mar 10 Aoû 2010 - 9:36

Votre forum avait-il du flash (lecteur à ajouter) à la version de base ?

Quelle est la version de FF que vous avez installée ?


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par Naokiki le Mar 10 Aoû 2010 - 9:43

J'ai la version 3.6.8
Je viens de réinstaller, ça change rien et je n'ai aucun contenu flash.

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par ge80 le Mar 10 Aoû 2010 - 9:47

OK

donc RAS

Validez le javascript dans Outils >> Options .




ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par Naokiki le Mar 10 Aoû 2010 - 9:49

C'est déjà fait ;A;

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par ge80 le Mar 10 Aoû 2010 - 9:54

Bizarre.
votre antivirus (si vous en avez un ) ne bloque pas car vous surfez !
donc je coince.

Vous avez un accès normal à ce forum avec firefox ?



ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par Naokiki le Mar 10 Aoû 2010 - 9:55

Comment ça un accès normal ?
J'ai tout de même désactivé mon antivirus pour voir mais il n'y a aucun changement.

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par ge80 le Mar 10 Aoû 2010 - 9:57

Pour venir sur ce forum est-ce avec FF ou avec IE.
Car si c'est avec FF, je ne vois pas l'origine du problème !

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par Naokiki le Mar 10 Aoû 2010 - 10:00

Avec FF. Et franchement, je ne vois pas non plus d'où peut bien provenir ce problème à la con. J'ai également esayé de copier mon CSS sur un autre forum et ça ne fonctionne pas non plus. u_u J'y ai pas touché alors ça m'énèrve vraiment. Surtout que j'y ai passé des jours et des jours. Et sans mon CSS, tous mes codes html, qui eux fonctionnent, n'ont plus aucunes propriétés. Ce qui est très moche et qui réduit fortement les possibilités d'avoir un forum qui ressemble à quelque chose.

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par ge80 le Mar 10 Aoû 2010 - 10:06

Non votre problème n'est pas votre forum mais Firefox !

Car sur mon poste et avec firefox je n'ai pas de problème.

Bizarre, je réfléchis encore.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par Naokiki le Mar 10 Aoû 2010 - 10:09

Ouiiiiiiiin ;A;
J'ai un bon pannel d'insultes et de jurons à balancer mais je vais le faire oralement pour ne pas choquer hein xD

Ou alors, il y aurait justement un module à installer ou quoi ?
Mais ce qui est le plus bizarre c'est qu'il n'y a que MON CSS qu'il ne décode pas. Vu que les autres forums s'affichent très bien.

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par ge80 le Mar 10 Aoû 2010 - 10:10



Voilà une image de chez moi

Est-ce normal ?

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par FANCH 56 le Mar 10 Aoû 2010 - 10:12

Bonjour

Je me pose une question :

Pouyr que mon CSS fonctionne, je suis obligé de mettre dans les titres

/* ************TITRE DE MON CODE CSS******** */

Si je retire le / , le code ne fonctionne plus.

Est-ce normal chez toi ? de ne plus avoir les / dans le titre

Voilà comment cela se présente dans mon CSS

/* ************ SPOILER BON*********************************************** */
.spoiler dt {
border-bottom: 1px solid #EFECCA !important; background-color:#ffffcc !important;

background: #ffffcc url(http://colsbleus.fr/cb/techno/oeil.gif) no-repeat !important;

text-indent: 1500px !important;

font size : 0px;

height: 25px !important;

overflow: hidden !important;

. img: max-width:500px;

max-width:700px;

}

.spoiler dd {

padding: 0px;

}

/* ***********INTERLIGNES ENTRE PHOTO AVATAR ET PSEUDO************************** */
img {
border-width: 0;
padding-bottom: 10px;
}


/* ****************TAILLE DES POLICES DANS LA ZONE DE SAISIE *************** */

textarea#text_editor_textarea {
font-size:16px; !important;
font-style: italic;!important;
line-height:21px;
}

Et dans le CSS d'origine

/* ***************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins******************** */
#content-container div#container {
width: 100%;
float: left;
margin-right: -0px;

Les / y figurent bien


Dernière édition par FANCH 56 le Mar 10 Aoû 2010 - 10:15, édité 1 fois

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par ge80 le Mar 10 Aoû 2010 - 10:13

Salut Fanch-56.
Non cela n'est pas normal car dans ce cas cela n'est plus un commentaire.



Dernière édition par ge80 le Mar 10 Aoû 2010 - 10:15, édité 1 fois

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par Naokiki le Mar 10 Aoû 2010 - 10:15

Ben pour l'image, je ne vois que le coin du forum donc ça ne m'aide pas beaucoup. Et je ne sais pas cliquer dessus pour l'agrandir <<.

FANCH 56, j'y ai pensé il y a quelques minutes, j'ai donc été rajouter des / à tous mes titres mais, ça ne change rien. Surtout qu'avant, je n'en avait pas et que ça allait très bien .

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par FANCH 56 le Mar 10 Aoû 2010 - 10:16

il doit être comme ceci. La barre, une etoile, un espace et l'inverse à la fin

/* ***TITRE*** */

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par ge80 le Mar 10 Aoû 2010 - 10:17

Je n'avez pas vu le rajout du css !

/* MESSAGES EN GENERAL */

Essayez cela.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par Naokiki le Mar 10 Aoû 2010 - 10:17

Ben oui, c'est ce que j'ai modifié il y a dix minutes et d'ailleurs;

Spoiler:
Code:
/* **** MESSAGES EN GENERAL ***** */

.messages2 {
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;}



.messages {
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;
overflow: auto;
height: 500px;}

.boxtitle {
background: url(http://img825.imageshack.us/img825/4296/sanstitre1copie.png') repeat;
width: 160px;
height: 10px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
display:block;
font-size:11px;
margin:0 0 5px;
padding:3px 10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
-moz-box-shadow: #000000 0px 0px 4px 0px;
opacity: 0.8}

.boxtitle:hover {
opacity: 1}

/***** FIN ******/

/* ***** CATEGORIES ***** */

.descriptions {
width: 360px;
height: 60px;
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;
overflow: auto;
background-image: url("http://img825.imageshack.us/img825/4296/sanstitre1copie.png");
opacity: 0.8;
}

.liens {
width: 100px;
height: 60px;
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;
margin-left: 10px;
font-size: 10px;
color: black !important;
background-image: url("http://img825.imageshack.us/img825/4296/sanstitre1copie.png");
opacity: 0.8;
}

.liens:hover {
color: black !important;
}

/****** FIN ******/


/* ***** PROFIL ***** */

.avatarentour {
text-align:center;
padding:9px;
background-color:#F5BE70;
-moz-border-radius:10px;
-moz-box-shadow: #000000 0px 0px 4px 0px;
}

.profilentour {
text-align:center;
padding:9px;
border:10px white double;
-moz-border-radius:10px;
-moz-box-shadow: #000000 0px 0px 4px 0px;
}


.postdetails.poster-profile {
font-size:10px;
}



/****** FIN ******/


/* ***** OMBRES ***** */


.forumline {
padding-left:3px;
padding-right:3px;
padding-top:3px;
padding-bottom:3px;
-moz-box-shadow: 3px 3px 3px 3px #9B9A9A; }



/*enlever la dernière édition*
tr.post span.gensmall { display: none; }



.tableaupresent{
background-color:#F5EEEC ;
border: 10px solid #FFFFFF;
-moz-border-radius:20px;}


/*marge et justifié sur les messages*/
.postbody {
    display: block;
margin-left: 10px;
margin-right: 10px; 
  text-align:justify;}


/* changer la taille de code  */

.code {
max-width:420px !important;
}

.code div {
max-width:420px !important;
}


/*curseur*/
body {
    cursor: url(http://www.pastelsmash.com/tinyarrow.cur), default!important; ;
}

a:hover {
    cursor: crosshair;
}




/*enlever les POINTILLES du HEADER */
a {
outline: none;
}




/*pas de soulignement sur les liens*/
a:link {text-decoration: none !important;}
a:visited {text-decoration: none !important;}
a:hover {text-decoration: none !important;}
a:active {text-decoration: none !important;}





/*contour du forum*/
.forumline{
    background-color: #ffffff;
    border: 7px #ffffff solid;
-moz-border-radius:20px;
    }




/*liens du forum*/
a.forumlink{
font-family: Tahoma;
background: url('') repeat;
margin-left: 10px;
width: 360px;
height: 10px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
display:block;
font-size:10px;
padding:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
-moz-box-shadow: #000000 0px 0px 4px 0px;
color: #bde3e6 !important;
}


a.forumlink:hover{
color: #FFD79E !important;
}












/* *********PAGE ACCUEIL******** */

#generalite{
width:780px;
height:430px;
background:url(IMAGE) no-repeat transparent;
}

#tableau_generalite{
margin-top:86px;
}

#generalite h1 {
font-size:32px;
font-variant:small-caps;
}

#context{
float:left;
}

#info{
}

#top_site{
}

#tabbed_box {
width:624px;
}

ul.tabs {
margin:5px 0 0;
padding:0 0 0 10px;
}

ul.tabs li {
    list-style:none;
    display:inline;
}

ul.tabs1 {
margin:-1px 0 0;
padding:0 0 0 402px;
}

ul.tabs1 li {
    list-style:none;
    display:inline;
}

ul.tabs li a#tab_1,
ul.tabs li a#tab_2,
ul.tabs li a#tab_3,
ul.tabs li a#tab_4 {
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
background:url("") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
color:#DEC7FD;
font-size:10px;
font-weight:bold;
padding:1px 14px;
text-decoration:none;
text-transform:uppercase;
border-bottom:none;
}
ul.tabs li a#tab_1:hover,
ul.tabs li a#tab_2:hover,
ul.tabs li a#tab_3:hover,
ul.tabs li a#tab_4:hover {
background-color:#282e32;
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-bottom:none;
text-decoration:none !important;
color:#2F2D2E;
}
ul.tabs li a#tab_1.active,
ul.tabs li a#tab_2.active,
ul.tabs li a#tab_3.active,
ul.tabs li a#tab_4.active {
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-bottom:none;
color:#2F2D2E;
}

ul.tabs1 li a#tab_5,
ul.tabs1 li a#tab_6,
ul.tabs1 li a#tab_7,
ul.tabs1 li a#tab_8 {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
background:url("") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
color:#DEC7FD;
font-size:10px;
font-weight:bold;
padding:1px 14px;
text-decoration:none;
text-transform:uppercase;
border-top:none;
}
ul.tabs1 li a#tab_5:hover,
ul.tabs1 li a#tab_6:hover,
ul.tabs1 li a#tab_7:hover,
ul.tabs1 li a#tab_8:hover {
background-color:#282e32;
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-top:none;
text-decoration:none !important;
color:#2F2D2E;
}
ul.tabs1 li a#tab_5.active,
ul.tabs1 li a#tab_6.active,
ul.tabs1 li a#tab_7.active,
ul.tabs1 li a#tab_8.active {
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-top:none;
color:#2F2D2E;
}

#top_site{
background:url("image topsites ?") no-repeat scroll 0 -8px transparent;
float:right;
height:46px;
position:relative;
right:114px;
top:-75px;
}

#top_site a{
padding-right:10px;
}

#top_site a img{
position:relative;
top:26px;
}

.content {
-moz-border-radius:13px 13px 13px 13px;
background:url("IMAGE DE FOND") no-repeat scroll 0 0 #FFFFFF;
border:1px solid #E1BC7C;
height:230px;
opacity:10;
padding:10px;
}

#tabbed_box #content_1{
font-size:12px;
line-height:19px;
padding-left:20px;
padding-right:20px;
text-align:center;
}


#accordion {
   width: 500px;
margin-left:50px; }
#accordion div {
   float:left;
height:250px;
overflow:hidden;
width:100px;}
#accordion:hover div, #accordion.hover div {
   width: 30px; }
#accordion:hover div:hover, #accordion.hover div.hover {
   width: 365px;
   overflow: auto; }

#accordion .image {
float:left;
width:100px;
}

#accordion .texte{
}

#expli{
float:left;
font-size:10px;
margin-top:45px;
}

#info ul{
margin:0px;
}

#info ul li{
font-size:14px;
line-height:28px;
list-style-image:url("IMAGE");
}

#info ul li a{
text-decoration:none;
border-bottom: 1px dashed;
}

#info ul li a:hover{
text-decoration:none !important;
font-variant:small-caps;
}

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

p#staff{
text-align:center;
font-size:14px;
font-weight:bold;
margin:0px;
}

p#staff .info_staff{
font-size:10px;
font-weight:normal;
}

div#img_staff{
margin-left:29px;
margin-top:10px;
}

a#profil_andy{
display:block;
height:16px;
left:144px;
position:relative;
top:-23px;
width:53px;
}

a#mp_andy{
display:block;
height:16px;
left:205px;
position:relative;
top:-39px;
width:83px;
}

a#profil_jade{
display:block;
height:16px;
left:310px;
position:relative;
top:-55px;
width:53px;
}

a#mp_jade{
display:block;
height:16px;
left:370px;
position:relative;
top:-71px;
width:83px;
}

div#content_5, div#content_6{
text-align:center;
}

p#titre_partenaire{
font-size:18px;
font-weight:bold;
margin-top:0px;
}

p#info_partenaire{
font-size:10px;
}

div#content_5 a.lien{
text-decoration:none;
border-bottom: 1px dashed;
font-size:14px;
}

div#content_5 a.lien:hover{
text-decoration:none !important;
font-variant:small-caps;
}


****** FIN ******


EDIT: Ok, je vais essayer =)

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par ge80 le Mar 10 Aoû 2010 - 10:20





Et il y a aussi à la fin
Code:
/* ***** FIN *****  */

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par Naokiki le Mar 10 Aoû 2010 - 10:22

Non, l'affichage n'est pas correct. Normalement, j'ai une page d'accueil faite avec une i frame dont les propriétés sont décrites dans le CSS, mes descriptions de catégories sont dans un cadre avec une barre de défilement et les sous forums sont sur la droite, également dans un encadré.

Même en changeant le CSS comme vous me le dites, ça ne change rien. En clair, je crois que je vais devoir recommencer u_u. Je n'en ai pas la moindre envie...

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par ge80 le Mar 10 Aoû 2010 - 10:24

Donc c'est cela.
votre css a des erreurs

Il y a des erreurs partout
Code:

***** FIN ******

****** CATEGORIES ******

un commentaire débute par /* et se termine par */

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par Naokiki le Mar 10 Aoû 2010 - 10:28

Ok, mais maintenant que j'ai tout changer...je ne vois pas ce qui cloche. Et surtout, pourquoi, sur Explorer, ça fonctionne parfaitement ?

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par ge80 le Mar 10 Aoû 2010 - 10:29

Ma correction des commentaires
Code:
/* MESSAGES EN GENERAL */

.messages2 {
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;}



.messages {
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;
overflow: auto;
height: 500px;}

.boxtitle {
background: url(http://img825.imageshack.us/img825/4296/sanstitre1copie.png') repeat;
width: 160px;
height: 10px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
display:block;
font-size:11px;
margin:0 0 5px;
padding:3px 10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
-moz-box-shadow: #000000 0px 0px 4px 0px;
opacity: 0.8}

.boxtitle:hover {
opacity: 1}

/* FIN */

/* CATEGORIES */

.descriptions {
width: 360px;
height: 60px;
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;
overflow: auto;
background-image: url("http://img825.imageshack.us/img825/4296/sanstitre1copie.png");
opacity: 0.8;
}

.liens {
width: 100px;
height: 60px;
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;
margin-left: 10px;
font-size: 10px;
color: black !important;
background-image: url("http://img825.imageshack.us/img825/4296/sanstitre1copie.png");
opacity: 0.8;
}

.liens:hover {
color: black !important;
}

/* FIN */


/* PROFIL */

.avatarentour {
text-align:center;
padding:9px;
background-color:#F5BE70;
-moz-border-radius:10px;
-moz-box-shadow: #000000 0px 0px 4px 0px;
}

.profilentour {
text-align:center;
padding:9px;
border:10px white double;
-moz-border-radius:10px;
-moz-box-shadow: #000000 0px 0px 4px 0px;
}


.postdetails.poster-profile {
font-size:10px;
}



/* FIN */


/* OMBRES */


.forumline {
padding-left:3px;
padding-right:3px;
padding-top:3px;
padding-bottom:3px;
-moz-box-shadow: 3px 3px 3px 3px #9B9A9A; }



/* enlever le dernière édition */
tr.post span.gensmall { display: none; }



.tableaupresent{
background-color:#F5EEEC ;
border: 10px solid #FFFFFF;
-moz-border-radius:20px;}


/* marge et justifié sur les messages */
.postbody {
    display: block;
margin-left: 10px;
margin-right: 10px;
  text-align:justify;}


/* changer la taille de code  */

.code {
max-width:420px !important;
}

.code div {
max-width:420px !important;
}


/* curseur */
body {
    cursor: url(http://www.pastelsmash.com/tinyarrow.cur), default!important; ;
}

a:hover {
    cursor: crosshair;
}




/* enlever les POINTILLES du HEADER */
a {
outline: none;
}




/* pas de soulignement sur les liens */
a:link {text-decoration: none !important;}
a:visited {text-decoration: none !important;}
a:hover {text-decoration: none !important;}
a:active {text-decoration: none !important;}





/* contour du forum */
.forumline{
    background-color: #ffffff;
    border: 7px #ffffff solid;
-moz-border-radius:20px;
    }




/* liens du forum */
a.forumlink{
font-family: Tahoma;
background: url('') repeat;
margin-left: 10px;
width: 360px;
height: 10px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
display:block;
font-size:10px;
padding:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
-moz-box-shadow: #000000 0px 0px 4px 0px;
color: #bde3e6 !important;
}


a.forumlink:hover{
color: #FFD79E !important;
}












/* PAGE ACCUEIL */

#generalite{
width:780px;
height:430px;
background:url(IMAGE) no-repeat transparent;
}

#tableau_generalite{
margin-top:86px;
}

#generalite h1 {
font-size:32px;
font-variant:small-caps;
}

#context{
float:left;
}

#info{
}

#top_site{
}

#tabbed_box {
width:624px;
}

ul.tabs {
margin:5px 0 0;
padding:0 0 0 10px;
}

ul.tabs li {
    list-style:none;
    display:inline;
}

ul.tabs1 {
margin:-1px 0 0;
padding:0 0 0 402px;
}

ul.tabs1 li {
    list-style:none;
    display:inline;
}

ul.tabs li a#tab_1,
ul.tabs li a#tab_2,
ul.tabs li a#tab_3,
ul.tabs li a#tab_4 {
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
background:url("") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
color:#DEC7FD;
font-size:10px;
font-weight:bold;
padding:1px 14px;
text-decoration:none;
text-transform:uppercase;
border-bottom:none;
}
ul.tabs li a#tab_1:hover,
ul.tabs li a#tab_2:hover,
ul.tabs li a#tab_3:hover,
ul.tabs li a#tab_4:hover {
background-color:#282e32;
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-bottom:none;
text-decoration:none !important;
color:#2F2D2E;
}
ul.tabs li a#tab_1.active,
ul.tabs li a#tab_2.active,
ul.tabs li a#tab_3.active,
ul.tabs li a#tab_4.active {
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-bottom:none;
color:#2F2D2E;
}

ul.tabs1 li a#tab_5,
ul.tabs1 li a#tab_6,
ul.tabs1 li a#tab_7,
ul.tabs1 li a#tab_8 {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
background:url("") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
color:#DEC7FD;
font-size:10px;
font-weight:bold;
padding:1px 14px;
text-decoration:none;
text-transform:uppercase;
border-top:none;
}
ul.tabs1 li a#tab_5:hover,
ul.tabs1 li a#tab_6:hover,
ul.tabs1 li a#tab_7:hover,
ul.tabs1 li a#tab_8:hover {
background-color:#282e32;
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-top:none;
text-decoration:none !important;
color:#2F2D2E;
}
ul.tabs1 li a#tab_5.active,
ul.tabs1 li a#tab_6.active,
ul.tabs1 li a#tab_7.active,
ul.tabs1 li a#tab_8.active {
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-top:none;
color:#2F2D2E;
}

#top_site{
background:url("image topsites ?") no-repeat scroll 0 -8px transparent;
float:right;
height:46px;
position:relative;
right:114px;
top:-75px;
}

#top_site a{
padding-right:10px;
}

#top_site a img{
position:relative;
top:26px;
}

.content {
-moz-border-radius:13px 13px 13px 13px;
background:url("IMAGE DE FOND") no-repeat scroll 0 0 #FFFFFF;
border:1px solid #E1BC7C;
height:230px;
opacity:10;
padding:10px;
}

#tabbed_box #content_1{
font-size:12px;
line-height:19px;
padding-left:20px;
padding-right:20px;
text-align:center;
}


#accordion {
  width: 500px;
margin-left:50px; }
#accordion div {
  float:left;
height:250px;
overflow:hidden;
width:100px;}
#accordion:hover div, #accordion.hover div {
  width: 30px; }
#accordion:hover div:hover, #accordion.hover div.hover {
  width: 365px;
  overflow: auto; }

#accordion .image {
float:left;
width:100px;
}

#accordion .texte{
}

#expli{
float:left;
font-size:10px;
margin-top:45px;
}

#info ul{
margin:0px;
}

#info ul li{
font-size:14px;
line-height:28px;
list-style-image:url("IMAGE");
}

#info ul li a{
text-decoration:none;
border-bottom: 1px dashed;
}

#info ul li a:hover{
text-decoration:none !important;
font-variant:small-caps;
}

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

p#staff{
text-align:center;
font-size:14px;
font-weight:bold;
margin:0px;
}

p#staff .info_staff{
font-size:10px;
font-weight:normal;
}

div#img_staff{
margin-left:29px;
margin-top:10px;
}

a#profil_andy{
display:block;
height:16px;
left:144px;
position:relative;
top:-23px;
width:53px;
}

a#mp_andy{
display:block;
height:16px;
left:205px;
position:relative;
top:-39px;
width:83px;
}

a#profil_jade{
display:block;
height:16px;
left:310px;
position:relative;
top:-55px;
width:53px;
}

a#mp_jade{
display:block;
height:16px;
left:370px;
position:relative;
top:-71px;
width:83px;
}

div#content_5, div#content_6{
text-align:center;
}

p#titre_partenaire{
font-size:18px;
font-weight:bold;
margin-top:0px;
}

p#info_partenaire{
font-size:10px;
}

div#content_5 a.lien{
text-decoration:none;
border-bottom: 1px dashed;
font-size:14px;
}

div#content_5 a.lien:hover{
text-decoration:none !important;
font-variant:small-caps;
}


/* FIN */

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne fonctionne plus

Message par Naokiki le Mar 10 Aoû 2010 - 10:33

Même avec la correction, rien ne bouge.

Je vous met une capture qui provient d'Explorer



Bon évidemment, il n'y a pas lesarrondis ni rien <<

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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