Archives FluxBB.fr

Les archives de FluxBB.fr

Vous n'êtes pas identifié(e).

#1 25-07-2006 21:00:57

bulmam
Membre

[Résolu] Une partie du forum est disproportionée

Voyez le probleme vous meme:
cette partie du forum (<pun_status>) est beaucoup trop grande sad
voici l'image

prblaz5.png

En fait j'ai modifié le fichier Template ,
du coup <pun_status> est enorme .

Dernière modification par bulmam (25-07-2006 21:04:33)

Hors ligne

#2 25-07-2006 21:08:33

Savatte
Membre

Re : [Résolu] Une partie du forum est disproportionée

Oui mais qu'est ce que tu as modifié ? Truc bête mais qui peut marcher, remet l'original ^^ et teste petit à petit les choses que tu voulais changer.


Fallen Galaxy - http://fallengalaxy.com
Styles pour punBB - FallenCraft - BlueGalaxy

Hors ligne

#3 25-07-2006 21:23:08

bulmam
Membre

Re : [Résolu] Une partie du forum est disproportionée

J'ai trouvé d'ou ca vient,mais je n'arrive pas à resoudre le probleme:
dans le code de main.tpl,j'ai inseré le menu de mon site ,
pourrais tu me dire ou l'inserer sans poser de probleme?:(
je l'avais mis ici, entre body et <div id="punwrap">
<body>

ici

<div id="punwrap">

main.tpl:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
</head>
<body>

<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">
            <pun_title>
            <pun_desc>
        </div>
        <pun_navlinks>
        <pun_status>
    </div>
</div>

<pun_announcement>

<pun_main>

<pun_footer>

</div>
</div>

</body>
</html>

le code du menu :

   <div id="menu_droite">
<div class="element_menudroite"> <!–– Cadre correspondant à un sous–menu ––>

       <h3>Galeries</h3> <!–– Titre du sous–menu ––>
       <ul>
           <li><a href="../galerie.html">Crayon aux doigts, carotte aux crocs</a></li> <!–– Liste des liens du sous–menu ––>
           <li><a href="../galerie2.html">Une main, un ordi, une carotte</a></li>
           <li><a href="../galerie3.html">Inspirations graphiques(sans carottes)</a></li>
          <li><a href="../galerie4.html">Trouvailles</a></li>
          <li><a href="../galerie4.html">bonus <span style="text-decoration:line-through;">stage</span> carotte</a></li>
              <br/>   
       </ul>
   <p>Connexion </p>
   </div>
   <div class="element_menudroite"> <!–– Cadre correspondant à un sous–menu ––>
       <h3>Astuces</h3> <!–– Titre du sous–menu ––>
       <ul>
        <li><a href="../carotte.html">Une carotte ?</a></li>
           <li><a href="../index2.html">Le web, le web, le web...et les carottes!</a></li> <!–– Liste des liens du sous–menu ––>

              <br/>   
       </ul>
   </div>

Hors ligne

#4 26-07-2006 18:25:18

bulmam
Membre

Re : [Résolu] Une partie du forum est disproportionée

S'il vous plait aidez moi !!
un petit up pour vous rappellez mon probleme ;:rolleyes:
j'imagine que certains d'entre vous ont reussis à placer leur forum et le menu de leur site à coté,
j'aimerais juste voir le fichier template,

car moi j'ai essayé de placer le menu, il apparait mais il deregle la hauteur du forum,
il y a un vide de la hauteur du menu ,
une fois que j'enleves le menu le probleme disparrait !

Encore une preuve en image:
sanstitrexl7.png
Et voici mon fichier main.tpl qui pose probleme telle que je l'ai mis :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
     <link rel="stylesheet" media="screen" type="text/css" title="standard" href="dessin.css"/>
     <link rel="alternate stylesheet" media="screen" type="text/css" title="deux" href="deux.css" />
     <link rel="alternate stylesheet" media="screen" type="text/css" title="trois" href="trois.css" />
     <link rel="shorcut icon" href="animated_favicon1.gif"type="image/gif"/> 
       <script type="text/javascript" src="styleswitcher.js"></script> 
<pun_head>
</head>
<body>
    <div id="en_tete">
      
      </div>
    
<div id="tete">
<p class="accueil">Vous êtes ici-->
 <a href="../index.php">EDCMR</a>><a href="index.php">Forum</a>
</p>
</div> 
   <div id="menu_droite">
<div class="element_menudroite"> <!–– Cadre correspondant à un sous–menu ––>

       <h3>Galeries</h3> <!–– Titre du sous–menu ––>
       <ul>
           <li><a href="../galerie.html">Crayon aux doigts, carotte aux crocs</a></li> <!–– Liste des liens du sous–menu ––>
           <li><a href="../galerie2.html">Une main, un ordi, une carotte</a></li>
           <li><a href="../galerie3.html">Inspirations graphiques(sans carottes)</a></li>
          <li><a href="../galerie4.html">Trouvailles</a></li>
          <li><a href="../galerie4.html">bonus <span style="text-decoration:line-through;">stage</span> carotte</a></li>
              <br/>   
       </ul>
   <p>Connexion </p>
   </div>
   <div class="element_menudroite"> <!–– Cadre correspondant à un sous–menu ––>
       <h3>Astuces</h3> <!–– Titre du sous–menu ––>
       <ul>
        <li><a href="../carotte.html">Une carotte ?</a></li>
           <li><a href="../index2.html">Le web, le web, le web...et les carottes!</a></li> <!–– Liste des liens du sous–menu ––>

              <br/>   
       </ul>
   </div>
      </div>

<div id="corps">
<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">
            <pun_title>
            <pun_desc>
        </div>
        <pun_navlinks>
        <pun_status>
    </div>
</div>

<pun_announcement>

<pun_main>

<pun_footer>

</div>
</div>


<div id="pied_de_page">
   <p> Les images sont ©  by moi meme . tous droits réservés .<a href="#">Haut de page</a> </p>
  
</div>  
</body>
</html>

Hors ligne

#5 26-07-2006 19:22:53

Babs
Membre

Re : [Résolu] Une partie du forum est disproportionée

A mon avis, le problème vient du CSS, on peut l'avoir STP... huh

Hors ligne

#6 26-07-2006 20:04:45

vin100
Membre

Re : [Résolu] Une partie du forum est disproportionée

il faudrait faire une recherche, ce problème c'était déjà posé et plusieurs solutions avaient été données

Hors ligne

#7 26-07-2006 20:06:56

vin100
Membre

Re : [Résolu] Une partie du forum est disproportionée

sinon [c]<a href="../index.php">EDCMR</a>>[/c] en gras est en trop

et les <br/> au millieu des listes n'ont pas lieu d'être, opour mettre un espacement il faut utiliser margin ou padding dans la css

cela ne résoudra pas le problème mais ça sera mieux

Hors ligne

#8 26-07-2006 22:41:02

bulmam
Membre

Re : [Résolu] Une partie du forum est disproportionée

Merci de m'avoir repondu, j'ai enlevé les<br/> en trop du menu .
Voici le css du menu, en effet j'ai peut etre fait une erreur de positionnenement, qu'en pensez vous ?

#menu_droite
{
 float: right;
 width: 184px;
 background-image:transparent;
 border:0px solid #B3B3B3;
 border-top:0px solid #B3B3B3;
 border-bottom:0px solid #B3B3B3;

}

.element_menudroite
{
   padding-bottom:18px;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   margin-bottom: 20px;
   margin-top:60px;

}
.element_menudroite p
{
color:#FFFFFF;
border:3px solid #FFFFFF;
margin:15px;
padding:1px;
background-color:#91d0f6;

}
.element_menudroite p:hover
{
color:#FFFFFF;
border:1px solid #464646;
margin:15px;
padding:1px;
background-color:#fef38c;

}

/* Quelques effets sur les menus */


.element_menudroite h3
{   
 color: #74bee9;
   background-color: #d6f0ff;
border-left:1px solid #9bbdcf;
 border-top:1px solid #9bbdcf;
 border-bottom:1px solid #9bbdcf;
 border-right:1px solid #9bbdcf;

}

.element_menudroite ul
{
   list-style-image: url("images/puce.png");
   list-style-type:none;
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

Hors ligne

#9 26-07-2006 22:54:58

vin100
Membre

Re : [Résolu] Une partie du forum est disproportionée

Hors ligne

#10 27-07-2006 00:12:40

bulmam
Membre

Re : [Résolu] Une partie du forum est disproportionée

Je te remercie beaucoup, en effet c'est exactement le probleme que je rencontre,

Si j'ai bien compris, il faut que je trouve le conteneur (qui englobe clear ...)
et que je mette :
[c]conteneur
{
position: absolute
}[/c]

ou : [c]overflow:auto, overflow:hidden[/c] et les autres techniques evoquées
Le probleme c'est que je ne sais pas ou est ce conteneur dans le css ...

Je te montres le css ?

Dernière modification par bulmam (27-07-2006 17:30:38)

Hors ligne

#11 27-07-2006 00:24:02

bulmam
Membre

Re : [Résolu] Une partie du forum est disproportionée

^^:D:D:lol: GENIAL CA MARCHE !!!!!!!!!!!!!!!!!!!!
MERCI MERCI !!!!! ^^
ah je suis trop heureuse

pour info c'etait ca ( j'ai mis 3 plombes avant de comprendre que c'etait #punwrap  :
[c]#punwrap {width:990px; margin:12px auto; text-align:left;overflow:hidden;position:absolute}[/c]

MERCI ENCORE !!

Hors ligne

Pied de page des forums