[css] Pages & Wiki
Petite boite...
Créations de Thèmes
Kak Miortvi Pengvin Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre Kak Miortvi Pengvin
- Inscrit le : 10/03/2006
- Site internet
Je suis actuellement en train de bidouiller le thème Main pour créer le futur thème de mon site. J'ai choisi de donner une largeur fixe à ce dernier. Pour le moment, tout se passe bien et c'est un véritable plaisir de travailler sur cette v2. Seulement, j'ai un petit soucis au niveau des pages et du wiki (le problème est le même dans les deux modules). Regardez plutôt...
Vous pouvez constatez que mon texte et les outils déborbent de mon bloc. J'ai bien essayé de joué sur la taille du bloc, sur des valeurs en pourcentage ou sur les marges intérieures mais je ne parviens pas à grand chose.
Par exemple, si j'augmente la marge intérieure droite, le contenu se déplace en diagonale dans le bloc et le bord droit est rogné...
Pour informations, voici le template de mes pages...
Code :
<div class="module_position">
<div class="module_top">{TITLE}</div>
<div class="module_contents">
# START redirect #
<div class="row3" style="width:auto; float:left;">
{redirect.REDIRECTED_FROM} {redirect.DELETE_REDIRECTION}
</div>
# END redirect #
<noscript>
<div class="row2" style="text-align:right;">
# START link #
[url={link.U_LINK}]{link.L_LINK}[/url]
# START separation #
•
# END separation #
# END link #
</div>
</noscript>
<div id="dynamic_menu">
<div style="float:right;">
# START com #
<div style="float:left;">
<h5 style="margin-right:20px;" class="horizontal">
<img src="{PAGES_PATH}/images/com.png" style="vertical-align:middle;" alt="" /> [url={com.U_COM}]{com.L_COM}[/url]
</h5>
</div>
# END com #
<div style="float:left;" onmouseover="show_menu(1);" onmouseout="hide_menu();">
<h5 onclick="temporise_menu(1)" style="margin-right:20px;" class="horizontal"><img src="{PAGES_PATH}/images/tools.png" style="vertical-align:middle;" alt="" /> {L_LINKS} </h5>
<div id="smenu1" class="horizontal_block">
<ul>
# START links_list #
<li><a href="{links_list.U_ACTION}" title="{links_list.L_ACTION}" onclick="{links_list.ONCLICK}" {links_list.DM_A_CLASS}>{links_list.L_ACTION}</a></li>
# END links_list #
</ul>
<span class="dm_bottom"></span>
</div>
</div>
</div>
</div>
{CONTENTS}
</div>
<div class="module_bottom" style="text-align:center">{COUNT_HITS}</div>
</div>Et la classe css du contenu...
Code :
.module_contents{
width:600px;
background:url(images/page-corps.png) repeat-y;
margin-top:-5px;
padding:10px 5px 5px 10px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
clear:both;
}Je suis donc à la recherche d'une solution pour pallier à cela.
KMP.
Blast from the past
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Kak Miortvi Pengvin Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre Kak Miortvi Pengvin
- Inscrit le : 10/03/2006
- Site internet
Blast from the past
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Je regarde ça je crois avoir une solution
Kak Miortvi Pengvin Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre Kak Miortvi Pengvin
- Inscrit le : 10/03/2006
- Site internet
Blast from the past
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Citation :<noscript>
<div class="row2" style="text-align:right;">
# START tool #
[url={tool.U_TOOL}]{tool.L_TOOL}[/url]
# START separation #
•
# END separation #
# END tool #
</noscript>
<div id="dynamic_menu">
<div style="padding-right:10px;float:right;">
<div style="float:left;" onmouseover="show_menu(1);" onmouseout="hide_menu();">
<h5 onclick="temporise_menu(1)" style="margin-right:20px;" class="horizontal"><img src="{WIKI_PATH}/images/contribuate.png" style="vertical-align:middle;" alt="" /> {L_OTHER_TOOLS} </h5>
<div id="smenu1" class="horizontal_block">
<ul>
# START contribution_tools #
<li><a href="{contribution_tools.U_ACTION}" title="{contribution_tools.L_ACTION}" onclick="{contribution_tools.ONCLICK}" {contribution_tools.DM_A_CLASS}>{contribution_tools.L_ACTION}</a></li>
# END contribution_tools #
</ul>
<span class="dm_bottom"></span>
</div>
</div>
<div style="float:left;" onmouseover="show_menu(2);" onmouseout="hide_menu();">
<h5 onclick="temporise_menu(2)" style="margin-right:5px;" class="horizontal"><img src="{WIKI_PATH}/images/tools.png" style="vertical-align:middle;" alt="" /> {L_CONTRIBUTION_TOOLS} </h5>
<div id="smenu2" class="horizontal_block">
<ul>
# START other_tools #
<li><a href="{other_tools.U_ACTION}" title="{other_tools.L_ACTION}" onclick="{other_tools.ONCLICK}" {other_tools.DM_A_CLASS}>{other_tools.L_ACTION}</a></li>
# END other_tools #
</ul>
<span class="dm_bottom"></span>
</div>
</div>
</div>
</div>
</div>
La modification est en rouge . Puis tu modifie à ta guise ( cela est juste pour les boutons du dessus après si tu veux réduire la page il faut faire comme ça. )
Citation :.module_contents{
width:550px;
background:url(images/page-corps.png) repeat-y;
margin-top:-5px;
padding:10px 5px 5px 10px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
clear:both;
}
Pas essayé mais ça doit être bon .
Édité par KONA Le 30/11/2007 à 14h39
Kak Miortvi Pengvin Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre Kak Miortvi Pengvin
- Inscrit le : 10/03/2006
- Site internet
Blast from the past
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Kak Miortvi Pengvin Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre Kak Miortvi Pengvin
- Inscrit le : 10/03/2006
- Site internet
Blast from the past
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
