Apparence du forum qui bug pour certains membres

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

Résolu Apparence du forum qui bug pour certains membres

Message par Macro le Dim 30 Mai 2010 - 20:59

Bonsoir la compagnie Smile

Voilà, un problème légèrement irritant (très irritant) me préoccupe.
Je me charge du design de mon forum : http://worldofaddiction.forumsactifs.net/forum.htm
et je modifie les templates, le fichier CSS, etc.
Ce qui pose problème est le message d'accueil, que j'ai réalisé avec du html et du CSS.

J'ai déjà dû le changer entièrement, notamment enlever des infosbulles parce que mes membres ont dit que la page d'accueil débordait sur le forum et empêchait l'accès.
Je l'ai refait entièrement, et voilà qu'on me dit encore que ça déborde. Pour ma part, tout est normal, et j'ai déjà regardé sur 3 ordis différents.

Est-ce que vous voyez la page d'accueil déborder? Savez vous ce qu'il faut faire?

Voici le html :

Code:
<!-- Message accueil -->
<!--Image--><div style="background:url('http://ups.imagup.com/07/1265104075.jpg');width:800px;height:657px;position: relative;">
<head><link rel="stylesheet" type="text/css" href="style_div.css">
</head>
<body><div id="bandeau"><!-- Menu horizontal -->

<script type="text/javascript">
<!--
sfHover = function() {
        var sfEls = document.getElementById("menu").getElementsByTagName("LI");
        for (var i=0; i<sfEls.length; i++) {
                sfEls[i].onmouseover=function() {
                        this.className+=" sfhover";
                }
                sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }
        }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
-->
</script>
<ul id="menu">

<li><a href="#">Pour bien commencer</a>
<ul>
<li><a href="http://worldofaddiction.forumsactifs.net/le-contexte-f11/la-phobie-furieuse-histoire-t4.htm">L’histoire</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/le-contexte-f11/les-populations-au-sein-de-woa-t5.htm">Les groupes</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/les-regles-du-jeu-f12/reglement-t6.htm">Les règles du forum</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/personnages-predefinis-f16/">Les personnages prédéfinis</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/base-de-donnees-f3/modele-de-votre-fiche-d-identite-t1.htm">Le modèle de fiche</a></li>
</ul>
</li>


<li><a href="#">Fiches</a>

<ul>
<li><a href="http://worldofaddiction.forumsactifs.net/dossiers-elites-f7/">Les élites</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/dossiers-neuropathes-f8/">Les neuropathes</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/dossiers-milice-f9/">Les miliciens</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/dossiers-stigmatises-f10/">Les stigmatisés</a></li>
</ul></li>


<li><a href="#">Gestion</a>

<ul>
<li><a href="http://worldofaddiction.forumsactifs.net/historique-des-personnages-f14/">Gérer ses sujets </a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/absences-f64/">Signaler son absence</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/demandes-de-rp-f18/">Trouver un partenaire de RP</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/demandes-d-habitation-f65/">Demande de logement</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/demande-de-personnages-f21/">Demande de personnage prédéfini</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/intrigues-f15/">Scénarios en cours</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/propositions-f20/">Propositions pour le staff</a></li>
</ul></li>


<li><a href="#">En plus </a>

<ul>
<li><a href="http://worldofaddiction.forumsactifs.net/annonces-f67/">Annonces</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/question-reponse-f19/">Des questions ?</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/section-graphique-f23/">Aide graphique</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/partenaires-top-sites-f28/nos-partenaires-t15.htm">Partenaires</a></li>
<li><a href="http://worldofaddiction.forumsactifs.net/-f28/top-sites-t17.htm">Top-sites</a></li>
</ul></li></ul>

<!-- FIN menu horizontal -->
</div><div id="menu"><div id="menuhaut">
<br/><br/><br/><br/><br/><br/><blockquote><FIELDSET style="border:#1A4F35 3px solid; -moz-border-radius: 10px; border-radius: 10px; webkit-border-radius: 10px;"><LEGEND><img src="http://i31.tinypic.com/mugck1.jpg"><img src="http://i31.tinypic.com/mugck1.jpg"><img src="http://i31.tinypic.com/mugck1.jpg"><img src="http://i31.tinypic.com/mugck1.jpg"><img src="http://i31.tinypic.com/mugck1.jpg"><img src="http://pics.imagup.com/ano1/1275271390.png" border="0" alt="" /></LEGEND><div style="overflow: auto; width: 280px; height: 100px;">

<font color="white"><span style="font-size: 11px; line-height: normal">Nous sommes en <b><font color="cyan">2055</font></b>, dans la côte est américaine.<br/>
L’univers dans lequel nous vivons s’appelle la WoA : <b><font color="cyan">World of Addiction</font></b>. <br/>
Il recouvre 3 villes : St-Petersburg, Tampa et Clearwater, qui ne forment aujourd’hui plus qu’un seul bloc. Un grand dôme le sépare du reste du monde. Il est contrôlé, surveillé, il est <b><font color="cyan">isolé</font></b>.<br/>
Les « <b><font color="blue">neuropathes</font></b> », majorité de la population, sont les victimes d’une catastrophe stupide. Ils sont dépendants. Il ont un besoin irrépressible, parfois ridicule, parfois terrible, qui est maintenant inscrit dans leurs gènes.<br/>
Les « <b><font color="orange">élites</font></b> », ceux qui ont servis de cobayes, sont encore plus dégénérés.<br/>
Les « <b><font color="red">stigmatisés</font></b> », les chanceux de l’histoire, ont échappé à ce sort. Malheureusement pour eux, ils sont une minorité et subissent les pires sorts qu’ils soient.<br/>
Les « <b><font color="green">miliciens</font></b> » gèrent cette zone dangereuse, sous l’ordre de l’Etat. Ils doivent imposer l’ordre dans un monde dépravé…
<br/> <br/>
<i>Bienvenue dans notre univers !</i>
</font></span>
</div></FIELDSET></blockquote> </div>
   <div id="menubas">
<p><div align="right">
<blockquote><FIELDSET style="border:#1A4F35 3px solid; -moz-border-radius: 10px; border-radius: 10px; webkit-border-radius: 10px; width: 280px"><LEGEND><img src="http://pics.imagup.com/ano1/1275286296.gif" border="0" alt="" /></LEGEND> <div align="right"><font color="white"><b>Le Détraqué. N° du 12/05/2055 :</b><br/>
Bienvenue à tous!<br/> <span style="font-size: 16px; line-height: normal"><font color="green">Les portes du forum sont ouvertes</font></span>. <br/><span style="font-size: 11px; line-height: normal">La partie RPG est ouverte également. Des <font color="red">personnages prédéfinis</font> sont à votre disposition, <br/>et d'autres viendront s'y ajouter.
</FIELDSET></blockquote><img src=""></div></p>
<small><font color="#212121">/!\ Le design de ce forum est optimal sur Firefox /!\ Les CATEGORIES sont RETRACTABLES, il suffit de cliquer dessus.</font></small>
</div></div><div id="contenu"><div id="blocnews"><blockquote><FIELDSET style="border:#1A4F35 3px solid; -moz-border-radius: 10px; border-radius: 10px; webkit-border-radius: 10px;">
<LEGEND><img src="http://pics.imagup.com/ano1/1275267931.png" border="0" alt="" /></LEGEND><font color="white">Mets-toi à l'aise, parcours le forum, découvre notre univers ! Si tu es un invité, tu peux nous poser des questions et donner ton avis <a href="http://worldofaddiction.forumsactifs.net/section-reservee-aux-invites-f5/">ici</a>. Si tu es l'un des nôtres, tu peux les poser  <a href="http://worldofaddiction.forumsactifs.net/recherches-questions-propositions-f17/">ici</a>.</font></span></FIELDSET></blockquote></div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<a href="http://www.root-top.com/topsite/blackout/in.php?ID=367" class="postlink" target="_blank"><img src="http://pics.imagup.com/ano1/1275265991.gif" border="0" alt="" /></a><br/>
<a href="http://www.root-top.com/topsite/moonlighttoprpg/in.php?ID=1788" class="postlink" target="_blank"><img src="http://pics.imagup.com/ano1/1275265991.gif" border="0" alt="" /></a><br/>
<a href="http://www.root-top.com/topsite/cherry23/in.php?ID=4782" class="postlink" target="_blank"><img src="http://pics.imagup.com/ano1/1275265991.gif" border="0" alt="" /></a><br/>
<a href="http://www.root-top.com/topsite/candymiam/in.php?ID=5065" class="postlink" target="_blank"><img src="http://pics.imagup.com/ano1/1275265991.gif" border="0" alt="" /></a>
<a href="http://www.root-top.com/topsite/lilie/in.php?ID=5863" class="postlink" target="_blank"><img src="http://pics.imagup.com/ano1/1275265991.gif" border="0" alt="" /></a><br/><br/>
</div><div id="piedpage"><font color="#152112"><small>
©Le contexte et le design de ce forum ont été réalisés par Hallow Jude&Tom, veuillez respecter le travail accomplit et ne pas le copier sans autorisation.
</small></font></div></body>


Voici le CSS :

Code:
.bodyline{ -moz-border-radius: 20px;}


body { cursor: crosshair }
a:hover { cursor:ne-resize; }

textarea, .textarea.post, input.post {
-moz-border-radius:15px;
}


body {
background-repeat: no-repeat;
background-position: center;
background-position: top;
}
a { text-decoration: none; }

.bodyline {
-moz-border-radius:15px;
}


/*images des cellules*/

.postbody {
background-repeat: repeat;

}

td.row1 {
background-repeat: repeat;
}

td.row2 {
background-repeat: repeat;
background-position: center;
}
td.row3 {
background-repeat: repeat;
background-image: url('http://i66.servimg.com/u/f66/14/76/71/90/cell312.jpg');
background-position: center;
}
td.row3Right {
border-style: none
background-image: url('http://i66.servimg.com/u/f66/14/76/71/90/cell312.jpg');
background-position: center;
}


td.row3{
background-image: url('http://i66.servimg.com/u/f66/14/76/71/90/cell312.jpg);
background-position: center;
}




/*enlever le soulignement des liens*/

a { text-decoration: none; }


/*Modifs du QEEL*/

table.forumline {border:1px dashed;}

.statistiques{
background-color:#000000;border:1px dashed;
-moz-border-radius : 10px 10px 10px 10px;
background-image: url('http://ups.imagup.com/07/1264663717.jpg');
background-repeat: no-repeat;
background-position: left;
height:360px;
font-size:11px;text-align:right;}

.groupes{
background-color:#000000;border:1px dashed;
-moz-border-radius : 10px 10px 10px 10px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:11px;text-align:center;
text-decoration: none !important;}

.groupes:hover{
background-color:#000000;border:1px dashed;
-moz-border-radius : 10px 10px 10px 10px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:11px;text-align:center;
text-decoration: none !important;}


/*tableaux de la page d'accueil*/

.box {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#000000;
border: 4px solid;
color:#635a51;
font-size:11px;
margin:1;
padding:3px 10px;
opacity: .7;
                            filter: alpha(opacity=70);
                                    -moz-opacity: .7;
}

.boxtitle {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#082418;
color:#F0F0F0;
display:block;
font-size:11px;
font-weight:bold;
margin:0 0 5px;
padding:3px 10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}



/*catégories composites*/

.genmed a,.genmed a:active{
font-size:0.9em;
text-decoration:none;
}
.genmed a:hover{
color: #d91515;
text-decoration:none;
}


/*Images dans les messages*/

.postbody img { vertical-align: middle; }


/*Menu horizontal*/

#menu, #menu ul
{
        padding : 0;
        margin : 0;
        list-style : none;
        line-height : 21px;
        text-align : center;
}

#menu
{
       
        font-family : Arial;
        font-size : 12px; /*Taille du texte*/
        margin-left : 100px;
}

#menu a
{
        display : block;
        padding : 0;
        background : #181a1a; /*Couleur des cellules*/   
        color :  #ffffff; /*Couleur du texte*/
        text-decoration : none;
        width : 144px;
}

#menu li   
{
        float : left;
     
        border-right : 1px solid #fff;
}


html>body #menu li
{
        border-right: 2px solid transparent ;
}

#menu li ul
{
        position: absolute;
        width: 144px;
        left: -999em;
}


#menu li ul li
{
   
        border-top : 1px solid #fff;
}


html>body #menu li ul li             
{
        border-top : 1px solid transparent;
}

#menu li ul ul
{
        margin    : -22px 0 0 144px ;
     
        border-left    : 1px solid #fff ;   
}

html>body #menu li ul ul             
{
        border-left    : 1px solid transparent ;
}

#menu a:hover 
{
        color: #25f5b0; /*couleur du texte avec le passage de la souris*/
        background: #000000; /*couleur des cellules avec le passage de la souris*/
}

#menu li:hover ul ul, #menu li.sfhover ul ul
{
        left: 900em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul
{
        left: auto;
        min-height: 0;
}

/*page d'accueil*/

div#bandeau {
   width:800px;
   height:40px;
   }
div#contenu {
   width:800px;
   height:600px;
   }
div#piedpage {
   width:800px;
   height:40px;
        clear:both;
   }
div#menu {
   float:right;
   width:300px;
   height:550px;
   }
div#menuhaut {
        text-align:left;
   width:300px;
   height:300px;
   }
div#menubas {
   width:300px;
   height:250px;
   }
div#blocnews {
   float:left;
        text-align:left;
   width:250px;
   height:350px;
   }

/*supprimer la phrase d'édition*/
tr.post span.gensmall { display: none; }

/*bords arrondis*/
.forumline {
border-style:solid;
border-width:5px 7px;
border-color:#6DC9E8;
-moz-border-radius:14px;
-webkit-border-radius:14px;}

Si vous pouvez m'aider, ce serait un grand soulagement. Dur de voir des heures et des jours de travail se vautrer dans le néant...


Dernière édition par Macro le Ven 4 Juin 2010 - 20:04, édité 1 fois

Macro
**

Messages : 79
Inscrit(e) le : 19/01/2010

http://District12.bb-fr.com/
Macro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du forum qui bug pour certains membres

Message par Threax le Dim 30 Mai 2010 - 22:27

Bonjour,

Qu'appelez-vous "déborder" ? Un screen serait-il possible ?

De plus, rien que le début de votre code ne convient pas... Vous réintroduisez une page, avec des balises <head>, et des <body>, qui ne doivent être contenus qu'une seule fois dans la page. Wink

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

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

Résolu Re: Apparence du forum qui bug pour certains membres

Message par Macro le Dim 30 Mai 2010 - 22:47

Voilà un screen d'un des membres :



Ah? J'ai pourtant l'impression d'avoir mis <head> et <body> qu'une seule fois au début è_ê où l'ai-je mis plusieurs fois?

Macro
**

Messages : 79
Inscrit(e) le : 19/01/2010

http://District12.bb-fr.com/
Macro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du forum qui bug pour certains membres

Message par Threax le Lun 31 Mai 2010 - 18:25

Ah oui, j'aurai dû le voir pourtant... Mr. Green
En fait, vous avez une div qui a une taille prédéfinie :
Code:
<div style="background:url('http://ups.imagup.com/07/1265104075.jpg');width:800px;height:657px;position: relative;">

Or, si le contenu de la div dépasse les tailles demandées, le contenu sort...
Là, vous devez simplement retirer le height: 657px; pour régler le problème. Smile

Pour les body / head, en fait votre code ne les contient qu'une fois, mais votre code est contenu dans une page qui contient donc déjà ses balises..
En gros, vous avez :
Code:
<html>
    <head>
    blabla
    </head>

    <body>
    page du forum + votre code :
        <head>...</head>
        <body>...</body>
    suite contenu
    </body>
</html>

Ce qui n'est pas correct Wink

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

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

Résolu Re: Apparence du forum qui bug pour certains membres

Message par Macro le Lun 31 Mai 2010 - 18:59

Ah, merci bien !!
Donc en gros je dois enlever les <head> et <body> et supprimer le height ! (j'avais mis ça car c'était la taille de l'image de fond, et sur mon ordi tout rentre donc je pensais que ça allait...).

Je vais corriger et demander aux membres si ça marche.
Mais ce qui m'étonne, c'est qu'un cadre qui est censé se trouver en haut à gauche (le "Hey toi!") se retrouve en bas...
bon je vais voir et donnerai des nouvelles ^^

Merci beaucoup en tout cas !!

EDIT : Pour le débordement tout s'est arrangé.
Pour le problème de présentation, ça va pas du tout. J'ai compris qu'ils ne voient aucun de mes paramètres "CSS"... comment cela se fait?

Macro
**

Messages : 79
Inscrit(e) le : 19/01/2010

http://District12.bb-fr.com/
Macro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du forum qui bug pour certains membres

Message par Macro le Mar 1 Juin 2010 - 19:21

Yup yup !

Si quelqu'un sait pourquoi mes membres ne voient pas le CSS ça m'aiderait beaucoup !
J'ai essayer d'heberger mon fichier CSS ailleurs, mais ça n'a rien changé.

Macro
**

Messages : 79
Inscrit(e) le : 19/01/2010

http://District12.bb-fr.com/
Macro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du forum qui bug pour certains membres

Message par Threax le Mar 1 Juin 2010 - 19:24

Bonjour,

Désolé je n'avais pas vu l'édit...
C'est impossible que le CSS ne soit pas interprété par le navigateur... même sur votre screen on voit bien la mise en forme. Smile

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

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

Résolu Re: Apparence du forum qui bug pour certains membres

Message par Macro le Mar 1 Juin 2010 - 19:55

Bonjour,

Pas de souci ^^
Et bien pourtant, d'après les screenshot que j'ai vu, ils ont exactement le même résultat que lorsque je retire tous mes ajouts CSS.
Les mises en formes sont celles du Html.

Oui c'est un casse-tête, je ne comprends pas du tout ce qu'il se passe x.X

Macro
**

Messages : 79
Inscrit(e) le : 19/01/2010

http://District12.bb-fr.com/
Macro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du forum qui bug pour certains membres

Message par Threax le Mer 2 Juin 2010 - 18:57

Il y a plusieurs erreurs dans votre CSS, vous oubliez notamment les ;

Par exemple, ici, à la deuxième ligne :
Code:
td.row3Right {
border-style: none
background-image: url('http://i66.servimg.com/u/f66/14/76/71/90/cell312.jpg');
background-position: center;
}
Essayez déjà de régler ce genre d'erreurs ? Smile

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

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

Résolu Re: Apparence du forum qui bug pour certains membres

Message par Macro le Mer 2 Juin 2010 - 21:18

Ah, je vois, je vais essayer de détecter toutes les petites erreurs.

Merci de m'aider en tout cas Smile
Je vous dis si ça s'arrange.

EDIT : je crois que ça ne s'est toujours pas arrangé malheureusement. Je ne trouve pas LE bug que j'ai du mettre quelque part...

Code:
body {
background-repeat: no-repeat;
background-position: center;
background-position: top;
}


.bodyline {
-moz-border-radius:15px;
}


/*images des cellules*/

.postbody {
background-repeat: repeat;

}

td.row1 {
background-repeat: repeat;
}

td.row2 {
background-repeat: repeat;
background-position: center;
}
td.row3 {
background-repeat: repeat;
background-image: url('http://i66.servimg.com/u/f66/14/76/71/90/cell312.jpg');
background-position: center;
}
td.row3Right {
border-style: none;
background-image: url('http://i66.servimg.com/u/f66/14/76/71/90/cell312.jpg');
background-position: center;
}


/*enlever le soulignement des liens*/

a { text-decoration: none; }


/*Modifs du QEEL*/

table.forumline {border:1px dashed;}

.statistiques{
background-color:#000000;border:1px dashed;
-moz-border-radius : 10px 10px 10px 10px;
background-image: url('http://ups.imagup.com/07/1264663717.jpg');
background-repeat: no-repeat;
background-position: left;
height:360px;
font-size:11px;
text-align:right;}

.groupes{
background-color:#000000;border:1px dashed;
-moz-border-radius : 10px 10px 10px 10px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:11px;
text-align:center;
text-decoration: none !important;}

.groupes:hover{
background-color:#000000;
border:1px dashed;
-moz-border-radius : 10px 10px 10px 10px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:11px;
text-align:center;
text-decoration: none !important;}


/*tableaux de la page d'accueil*/

.box {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#000000;
border: 4px solid;
color:#635a51;
font-size:11px;
margin:1;
padding:3px 10px;
opacity: .7;
                            filter: alpha(opacity=70);
                                    -moz-opacity: .7;
}

.boxtitle {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#082418;
color:#F0F0F0;
display:block;
font-size:11px;
font-weight:bold;
margin:0 0 5px;
padding:3px 10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}



/*catégories composites*/

.genmed a,.genmed a:active{
font-size:0.9em;
text-decoration:none;
}
.genmed a:hover{
color: #d91515;
text-decoration:none;
}


/*Images dans les messages*/

.postbody img { vertical-align: middle; }


/*Menu horizontal*/

#menu, #menu ul
{
        padding : 0;
        margin : 0;
        list-style : none;
        line-height : 21px;
        text-align : center;
}

#menu
{
       
        font-family : Arial;
        font-size : 12px; /*Taille du texte*/
        margin-left : 100px;
}

#menu a
{
        display : block;
        padding : 0;
        background : #181a1a; /*Couleur des cellules*/   
        color :  #ffffff; /*Couleur du texte*/
        text-decoration : none;
        width : 144px;
}

#menu li   
{
        float : left;
     
        border-right : 1px solid #fff;
}


html>body #menu li
{
        border-right: 2px solid transparent;
}

#menu li ul
{
        position: absolute;
        width: 144px;
        left: -999em;
}


#menu li ul li
{
   
        border-top : 1px solid #fff;
}


html>body #menu li ul li             
{
        border-top : 1px solid transparent;
}

#menu li ul ul
{
        margin    : -22px 0 0 144px;
     
        border-left    : 1px solid #fff;   
}

html>body #menu li ul ul             
{
        border-left    : 1px solid transparent;
}

#menu a:hover 
{
        color: #25f5b0; /*couleur du texte avec le passage de la souris*/
        background: #000000; /*couleur des cellules avec le passage de la souris*/
}

#menu li:hover ul ul, #menu li.sfhover ul ul
{
        left: 900em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul
{
        left: auto;
        min-height: 0;
}

/*page d'accueil*/

div#bandeau {
   width:800px;
   height:40px;
   }
div#contenu {
   width:800px;
   height:600px;
   }
div#piedpage {
   width:800px;
   height:10px;
        clear:both;
   }
div#menu {
   float:right;
   width:300px;
   height:550px;
   }
div#menuhaut {
        text-align:left;
   width:300px;
   height:300px;
   }
div#menubas {
   width:300px;
   height:250px;
   }
div#blocnews {
   float:left;
        text-align:left;
   width:250px;
   height:350px;
   }

/*supprimer la phrase d'édition*/
tr.post span.gensmall { display: none; }

/*bords arrondis*/
.forumline {
border-style:solid;
border-width:5px 7px;
border-color:#6DC9E8;
-moz-border-radius:14px;
-webkit-border-radius:14px;}

/*zones d'édition de texte*/
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:2px solid #4cb0a8;}

input,textarea, select {
border:2px solid #4cb0a8;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}

Je remet mon CSS. Làlàh... X.x

Macro
**

Messages : 79
Inscrit(e) le : 19/01/2010

http://District12.bb-fr.com/
Macro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du forum qui bug pour certains membres

Message par Macro le Ven 4 Juin 2010 - 10:27

Up Smile

EDIT : ah.. bah aucun de mes membres ne m'a prévenu, mais le problème s'est réglé xD
Yahou ! Merci beaucoup ! ça devait être les erreurs dans le CSS qui buguaient !
C'était sympa de m'aider !

Macro
**

Messages : 79
Inscrit(e) le : 19/01/2010

http://District12.bb-fr.com/
Macro 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