Partage
  • Partager sur Facebook
  • Partager sur Twitter

Un background à un float ?

    5 décembre 2005 à 10:57:34

    Bonjour à tous !
    Tout d'abord je vous propose de regarder ce lien :
    http://nintendostyle.paliur.info/

    Et de regarder le probleme qu'il y a a la rubrique "dernière news".
    Les 2 articles visibles sont en Float et le background ne s'applique pas à eux...

    Voici mon code Html :



    <div id="dernieres_news">
                    <div class="titre_dernieres_news"></div>
                            <div class="fond_bleu">
                                            <div class="der_news">
                                                    <?php
                                                            $rqt_infos_last_news=mysql_query("SELECT titre,presentation,fiche_id FROM article WHERE type_article='news' ORDER by date DESC LIMIT 0,1");
                                                            $last_news=mysql_fetch_array($rqt_infos_last_news);
                                                            $fiche_id=$last_news['fiche_id'];
                                                           
                                                            $rqt_infos_fiche_last_news=mysql_query("SELECT article_image FROM fiche_jeu WHERE fiche_id='$fiche_id'");
                                                            $infos_fiche_last_news=mysql_fetch_array($rqt_infos_fiche_last_news);
                                                           
                                                            $presentation=$last_news['presentation'];
                                                            $prez_last_news_limite=substr($presentation,0,100);
                                                            $prez_last_news=$prez_last_news_limite.'...';
                                                           
                                                            $titre_last_news=$last_news['titre'];
                                                            $titre_last_news_modif=substr($titre_last_news,0,19);
                                                            $titre_last_news_final=$titre_last_news_modif.'...';
                                                           
                                                            If(strlen($titre_last_news) <= 20)
                                                                    {
                                                                            echo '<strong>'.$titre_last_news.'</strong>';
                                                                    }
                                                            else
                                                                    {
                                                                            echo '<strong>'.$titre_last_news_final.'</strong>';
                                                                    }
                                                            echo '<br/><img src="pics/img_article/'.$infos_fiche_last_news['article_image'].'" alt="'.$last_news['titre'].'">';
                                                            echo '<br/><em>'.$prez_last_news.'</em>';
                                                    ?>
                                            </div>
                                            <div class="liste_news_der">
                                           
                                                    <?php
                                                            $rqt_infos_news=mysql_query("SELECT titre,id_article FROM article WHERE type_article='
    news' ORDER by date DESC LIMIT 1,10";);
                                                            while($news=mysql_fetch_array($rqt_infos_news))
                                                                    {
                                                                            $titre_news=$news['
    titre'];
                                                                            $titre_news_modif=substr($titre_news,0,15);
                                                                            $titre_news_final=$titre_news_modif.'
    ...';
                                                                            If(strlen($titre_news) <= 22)
                                                                                    {
                                                                                            echo '
    <a href="?page=v_actu&aid='.$news['id_article'].'">
    '.$titre_news.'</a><br/>';
                                                                                    }
                                                                            else
                                                                                    {
                                                                                            echo '<a href="?page=v_actu&aid='.$news['id_article'].'">'.$titre_news_final.'</a><br/>';
                                                                                    }
                                                                    }
                                                    ?>                       
                                           
                                            </div> 
                            </div>
    </div>



    Et voici le code CSS correspondant à ce morceaux de code :



    .titre_dernieres_news
    {
            width:397px;
            height:22px;
            background-image:url("../design/titre_dernieres_news.gif");
            background-repeat:no-repeat;
    }
    div#dernieres_news
    {

            font-size:0.8em;
            width:397px;
            float:left;
    }
    .der_news
    {
            float:left;
            text-align:center;
    }
    .liste_news_der
    {
            float:right;
            text-align:center;
    }
    .fond_bleu
    {
            padding:3px;
            margin-bottom:5px;
            background-color:#dee0ed;
            border-left:1px solid #3a5e92;
            border-bottom:1px solid #3a5e92;
            border-right:1px solid #3a5e92;
            border-top:none;
    }



    Que dois-je rajouter ? Merci d'avance.
    • Partager sur Facebook
    • Partager sur Twitter

    Un background à un float ?

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown