Archives FluxBB.fr

Les archives de FluxBB.fr

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

#1 01-02-2009 11:06:23

Olivier2B
Membre

Alignement vertical perturber ?

Bonjour,

Un petit souci avec ma colonne de gauche :

Comme on peut le voir avec la fonction recherche de mon forum  :

http://www.allo-olivier.com/Forums/search.php

ou un simple post qui possède pas assez de réponses :

http://www.allo-olivier.com/Forums/view … hp?id=4483

J'ai le bas de ma colonne de gauche qui ce déplace dans les cas cité si dessus en dessous et sur la droite.

J'aimerai que tous reste aligner verticalement à gauche à la suite ?

Je vous montre le code si cela peut aider à trouver la solution dans le fichier main.tpl

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

<html xmlns="http://www.w3.org/1999/xhtml" dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<meta name="Description" CONTENT="........"> 
<meta name="Keywords" CONTENT=".......">
<pun_head>

<style type="text/css">
    #left {
        width: 140px;
        float: left;
    }
    #main {
        margin-left: 150px;
    }
    #container {
        width: 100%;
        float: right;
        margin-left: -140px;
    }
</style>

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

<div id="container">
    <div id="main">

<pun_announcement>

<pun_main>

</div>    
</div>

<div id="left">    
    <div class="block">
        <h2 class="block2"><span>Annuaire</span></h2>
        <div class="box">
            <div class="inbox">
                <ul> 
                    <li><style type="text/css">a:link{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none}</style><a href="http://www.allo-olivier.com/Annuaire/Annuaire_Elagage.htm "target="_blank"><center>Annuaire<img src="../Forums/img/Evasion/PubAnnuaire.jpg"></a></li>
                </ul>        
            </div>
        </div>
    </div>
</div>

<div id="left">    
    <div class="block">
        <h2 class="block2"><span>Partenaires</span></h2>
        <div class="box">
            <div class="inbox">
                <ul> 
                    <li><style type="text/css">a:link{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none}</style><a href="http://www.sfa-asso.fr/ "target="_blank"><center>S.F.A<img src="../Forums/img/Evasion/BanniereGauche.jpg"></a></li>
                </ul>        
            </div>
        </div>
    </div>
</div>

<div id="left">    
    <div class="block">
        <h2 class="block2"><span>Annonceurs</span></h2>
        <div class="box">
            <div class="inbox">
                 <ul> 
                 
<script type="text/javascript"><!--
google_ad_client = "pub-0000000000000000000";
/* 120x600, date de création 30/01/09 */
google_ad_slot = "00000000000000";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

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

<div id="left">    
    <div class="block">
        <h2 class="block2"><span>Règlement</span></h2>
        <div class="box">
            <div class="inbox">
                 <ul> 
                 <li><style type="text/css">a:link{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none}</style><a href="http://www.allo-olivier.com/Forums/misc.php?action=rules"><center><img src="../Forums/img/Evasion/reglement.jpg"></a></li> 
                 </ul>        
            </div>
        </div>
    </div>
</div>

<div id="left">    
    <div class="block">
        <h2 class="block2"><span>Vos photos</span></h2>
        <div class="box">
            <div class="inbox">
                 <ul> 
                 <li><style type="text/css">a:link{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none}</style><a href="http://www.allo-olivier.com/Vos_Photos_Elagages/index.php "target="_blank"><center><img src="../Forums/img/Evasion/VosPhotos.jpg"></a></li> 
                 </ul>        
            </div>
        </div>
    </div>
</div>

<div class="clearer"></div>

<pun_footer>

<center>
<table width="960" border="0" cellspacing="0" cellpadding="0"> 

<td width="960" style="border:0px" align="center">

  </div>
</div>



</td>
</tr>
</table>
</center> 

</div>

</body>
</html>

merci à celui qui trouvera le truc

bon dimanche

olivier

Hors ligne

#2 01-02-2009 13:38:18

Ti pierre
Membre

Re : Alignement vertical perturber ?

Bonjour, je voulais comparer avec ton forum mais l'index est inaccessible pour ma part.

Est-ce normal ?

Hors ligne

#3 01-02-2009 13:47:27

Otomatic
Régisseur

Re : Alignement vertical perturber ?

Bonjour,

Une fois que les
Errors found while checking this document as XHTML 1.0 Strict!
Result:     123 Errors, 3 warning(s)

auront été corrigées, on pourra, peut-être, y voir plus clair dans la mise en page.


Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

Hors ligne

#4 01-02-2009 14:22:44

Otomatic
Régisseur

Re : Alignement vertical perturber ?

Bonjour,

#left {
        width: 140px;
        float: left;
        clear:left;}


Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

Hors ligne

#5 01-02-2009 15:29:25

Olivier2B
Membre

Re : Alignement vertical perturber ?

Ti pierre a écrit :

Bonjour, je voulais comparer avec ton forum mais l'index est inaccessible pour ma part.

Est-ce normal ?

Il fonctionne pourtant ?

Bonjour,

Une fois que les
Errors found while checking this document as XHTML 1.0 Strict!
Result:     123 Errors, 3 warning(s)
auront été corrigées, on pourra, peut-être, y voir plus clair dans la mise en page.

Tu as surement raison mais comme je ne programme pas et que la plupart sont des modifications de mod ou d'astuces qui peut être pose problème.

Comment vérifier ce genre d'erreur ?

#left {
        width: 140px;
        float: left;
        clear:left;}

merci je vais essayer

Olivier

Hors ligne

#6 01-02-2009 15:33:51

Olivier2B
Membre

Re : Alignement vertical perturber ?

Otomatic a écrit :

Bonjour,

#left {
        width: 140px;
        float: left;
        clear:left;}

Merci de ton aide, c'est ok

Olivier

Hors ligne

#7 01-02-2009 16:20:25

Otomatic
Régisseur

Re : Alignement vertical perturber ?

Olivier2B a écrit :

Comment vérifier ce genre d'erreur ?

Le « validateur » W3C
et rentrer l'url du site dans le champ idoine.


Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

Hors ligne

#8 01-02-2009 17:36:51

Olivier2B
Membre

Re : Alignement vertical perturber ?

Otomatic a écrit :
Olivier2B a écrit :

Comment vérifier ce genre d'erreur ?

Le « validateur » W3C
et rentrer l'url du site dans le champ idoine.

Merci pour le lien. J'en ai profité pour "tester" certains sites parmi les + visités et j'ai moins de remord après étant donné mon côté débutant :

Google    = 67 errors
Live        = 4 errors
Skyrock  = Valide
Facebook = 39 errors
Youtube      = 104 errors
MSN          = valide
Orange      = 34 errors
Yahoo   = 107 erros
Ebay   = 195 errors
Wikipedia   =  valide
Pages Jaunes   = 280 errors
Microsoft  = 177 errors

etc...

même si cela n'est pas une raison pour ne pas essayer de faire quelques corrections (si mon niveau de débutant le permet).

A +

et merci encore pour l'aide

Olivier

Hors ligne

#9 01-02-2009 18:15:29

Otomatic
Régisseur

Re : Alignement vertical perturber ?

Olivier2B a écrit :

... même si cela n'est pas une raison pour ne pas essayer de faire quelques corrections...

D'autant plus que FluxBB est fourni conforme XHTML 1.0 Strict.

Non seulement la balise <marquee... > (Texte défilant) est obsolète, mais en plus un texte qui défile, c'est horripilant.

D'autre part, ce n'est pas parce que les autres font plein de « cochonneries » qu'il faut les imiter. En matière de respect des standards - et des visiteurs - Google n'est pas une référence - loin de là.


Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

Hors ligne

Pied de page des forums