Apparence du forum qui bug pour certains membres

2 participants

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

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

Threax
Membre actif

Masculin
Messages : 17276
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 Dim 30 Mai 2010 - 22:47

Voilà un screen d'un des membres :

Apparence du forum qui bug pour certains membres 1275300070

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

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

Threax
Membre actif

Masculin
Messages : 17276
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 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

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

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

Threax
Membre actif

Masculin
Messages : 17276
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 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

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

Threax
Membre actif

Masculin
Messages : 17276
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 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

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

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