[css] Pages & Wiki

Kak Miortvi Pengvin Membre non connecté

Booster Missile

Le 30/11/2007 à 11h33

Bonjour.

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

.: Le problème :.

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

.: Les effets indésirables :.

Pour informations, voici le template de mes pages...

Code :

        <div class="module_position">                    &#13;
            <div class="module_top">{TITLE}</div>&#13;
            <div class="module_contents">&#13;
                # START redirect #&#13;
                    <div class="row3" style="width:auto; float:left;">&#13;
                    {redirect.REDIRECTED_FROM} {redirect.DELETE_REDIRECTION}&#13;
                    </div>&#13;
                # END redirect #&#13;
                <noscript>&#13;
                    <div class="row2" style="text-align:right;">&#13;
                        &nbsp;&#13;
                        # START link #&#13;
                            [url={link.U_LINK}]{link.L_LINK}[/url]&#13;
                            # START separation #&#13;
                                &bull;&#13;
                            # END separation #&#13;
                        # END link #&#13;
                        &nbsp;&#13;
                        &#13;&#13;
                    </div>&#13;
                </noscript>&#13;
&#13;
                <div id="dynamic_menu">&#13;
                    <div style="float:right;">&#13;
                        # START com #&#13;
                        <div style="float:left;">&#13;
                            <h5 style="margin-right:20px;" class="horizontal">&#13;
                                <img src="{PAGES_PATH}/images/com.png" style="vertical-align:middle;" alt="" />&nbsp;[url={com.U_COM}]{com.L_COM}[/url]&#13;
                            </h5>&#13;
                        </div>&#13;
                        # END com #&#13;
                        <div style="float:left;" onmouseover="show_menu(1);" onmouseout="hide_menu();">&#13;
                            <h5 onclick="temporise_menu(1)" style="margin-right:20px;" class="horizontal"><img src="{PAGES_PATH}/images/tools.png" style="vertical-align:middle;" alt="" />&nbsp;{L_LINKS}&nbsp;</h5>                    &#13;
                            <div id="smenu1" class="horizontal_block">&#13;
                                <ul>&#13;
                                    # START links_list #&#13;
                                    <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>&#13;
                                    # END links_list #    &#13;
                                </ul>&#13;
                                <span class="dm_bottom"></span>&#13;
                            </div>                        &#13;
                        </div>&#13;
                    </div>&#13;
                </div>&#13;
                &#13;&#13;&#13;&#13;
                {CONTENTS}&#13;
                &#13;&#13;&#13;
            </div>&#13;
            <div class="module_bottom" style="text-align:center">{COUNT_HITS}</div>&#13;
        </div>

Et la classe css du contenu...

Code :

.module_contents{&#13;
    width:600px;&#13;
    background:url(images/page-corps.png) repeat-y;&#13;
    margin-top:-5px;&#13;
    padding:10px 5px 5px 10px;&#13;
    overflow:hidden !important;&#13;
    height:auto !important;&#13;
    overflow:visible;&#13;
    height:1%;&#13;
    clear:both;&#13;
}

Je suis donc à la recherche d'une solution pour pallier à cela.

KMP.

Blast from the past

KONA Membre non connecté

Booster Fusée

Le 30/11/2007 à 14h31

#16277

ouvre wiki_tools.tpl puis remplace par ça :

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

Recherche moto cross volée L'est de la france

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie