Partage
  • Partager sur Facebook
  • Partager sur Twitter

[FLOAT] problème

faut il mettre un clear

Anonyme
    18 juillet 2006 à 23:36:13

    Bonjour j'ai un problème avec les float.
    Voici mon code :


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
            <head>
                    <title>Index</title>
                    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
                    <style type="text/css">
    body {
            background-color: #E6ECFF;
            color: black;
            font-size: 0.9em;
            font-family: "Times New Roman", Times, serif;
            margin: 0.2cm auto;
    }

    a {
            color: #56646F;
            text-decoration: none;
    }

    a:hover {
            text-decoration: underline;
    }

    /* MENU */
    #menu {
            float: left;
            width: 3.5cm;
            margin-left: 0.2cm;
    }

    .smenu {
            background-color: #F6FCFF;
            border: 1px solid #485888;
            margin-bottom: 0.5cm;
    }

    .smenu h4 {
            text-align: center;
            color: #263666;
            margin: 0;
            height: 0.6cm;
            line-height: 0.6cm;
            border-bottom: 1px dashed #485888;
    }

    .smenu ul, .smenu li {
            list-style-type: none;
            margin: 0;
            padding: 0;     
    }

    .smenu li a {
            display: block;
            height: 100%;
            padding: 0.1cm 0.3cm;
    }

    .smenu li a:hover {
            background-color: #E5EBEE;
    }

    /* CORP + BAS PÄGE */
    #corp, #bas_page {
            background: #F6FCFF;
            margin-left: 3.9cm;
            margin-right: 0.2cm;
            margin-bottom: 0.2cm;
            padding: 0.2cm 0.3cm;
            border: 1px solid #485888;
    }

    /* BAS PAGE */
    #bas_page {
            clear: both;
    }              
                    </style>
            </head>
            <body>
                           
                    <div id="menu">
                           
                            <div class="smenu">
                                    <h4>Menu 1</h4>
                                    <ul>
                                            <li><a href="#">smenu1</a></li>
                                            <li><a href="#">smenu2</a></li>
                                    </ul>
                            </div>

                            <div class="smenu">
                                    <h4>Menu 2</h4>
                                    <ul>
                                            <li><a href="#">smenu1</a></li>
                                            <li><a href="#">smenu2</a></li>
                                    </ul>
                            </div>     
                           
                    </div>
                   
                    <div id="corp">
                            <div style="width: 90%; margin: 0.1cm auto; border: 1px solid black;" >
                                    <p>
                                            Texte.
                                            <br/>
                                            <div style="float: left;"><img src="belle_images.jpg" width="100px" /></div>
                                            <br/>
                                                    Texte a droite de la photo.
                                            <br/>
                                    </p>
                            </div>
                    </div>
                   
                    <div id="bas_page">     
                            <p>
                                    Texte du bas de page.
                            </p>
                    </div>
                   
            </body>
    </html>


    J'aimerais savoir comment faire pour appliquer un clear: both; seulement pour le div news. parce que pour le moment si j'en met un, tout est affecté...
    • Partager sur Facebook
    • Partager sur Twitter
    chriskirknielsen
    • HTML / CSS
      19 juillet 2006 à 1:28:59

      Tu mets ton CSS dabs la page ? Pourquoi ne pas faire une page style.css et l'appeller en début de page ? Car là avec toutes ces lignes de code...
      Mais je vais te répondre :*
      A la fin de ta news, mets un <div style="clear:left;"></div> et dis-moi ce que ça donne...mais mettre un float à un div c'est c*n...
      • Partager sur Facebook
      • Partager sur Twitter
      Anonyme
        19 juillet 2006 à 2:37:41

        ca ne marche pas, mon corp et la news descend juskau niveau du menu bas....
        • Partager sur Facebook
        • Partager sur Twitter
        strucky
          19 juillet 2006 à 9:45:18

          Citation : JaKhris

          Tu mets ton CSS dabs la page ? Pourquoi ne pas faire une page style.css et l'appeller en début de page ? Car là avec toutes ces lignes de code...


          Ben moi, j'apprécie, au moins je n'ai pas à le faire pour tester son code.

          Citation : JaKhris

          ...mais mettre un float à un div c'est c*n...

          </citation>

          C'est plutôt de dire ça qui est con....

          • Partager sur Facebook
          • Partager sur Twitter

          [FLOAT] problème

          × 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