pauline24030

sinon n'y a t'il pas une autre solution autre que les blocs?

voila ce que sa donne avec overflow:auto met le probleme c'est que la barre de defilement est tres grande et je veux pasque le texte bouge ou sorte du bloc

j'ai essayé avec overflow visible mais rien y fait le bloc s'agrandit quand même

voila le lien http://www.lost-lesdisparus.net/lost/

Non j'ai pas de lien car je bosse sur mon ordinateur mais si vous voulais je le met sur le net ma margin je ne pense pas j'ai mis margin-left: 331px;

oui il est bien imbriqué

je ne comprend pas mon bloc s'etend quand je met du texte, horizontalement alors que j'ai bien mis la largeur et la hauteur comment faire pour que la largeur et la hauteur reste fixe mes bloc sont dans un autre bloc que voici .diffusionsetdernieresnews { position: relative; background: url(../design/diffusions&news.png) no-repeat; height: 140px; width: 597px; margin: 0px 0px 0px 331px; padding:Opx; visibility: inherit; } et mes blocs .bloc1 { margin-top:44px; margin-left:0px; background-color: transparent; height: 84px; width: 184px; float: left; } .bloc2 { background-color: transparent; height: 87px; width: 180px; float: left; margin-left: 21px; margin-top:44px; left: 190px; top: 4px; } .bloc3 { background-color: transparent; height: 87px; width: 180px; float: left; margin-left: 21px; margin-top:44px; left: 387px; top: 3px; }

bonjour voila sous ie j'ai un espace blanc qui apparait juste avant le footer alors que sous firefox tout est tres bien placé. voici mon code sur l'index: table { position:relative; top: 1px; left: 64px; _height:100%; width:700px; border-style:none; } td { border-style:solid; border-width:0px; border-color:white; _height:100%; } .none { border-style:none; } .footer { clear:both; margin: -15px 0px 0px 59px; background: url(../design/footer.gif) no-repeat; width: 710px; height: 86px; text-align: left; } .footertexte { position:RELATIVE; Top: 18px; left:300px; font-family:verdana; font-size:8px; color:#FFFFFF; font-weight:bold; width: 419px; text-align: left; }

s'il te plait soit sympa je n'y fais pas expres en plus c'est l'habitude avec msn je ne recommencerais plus ta vu j'ai fais des efforts la en ecrivant apres je te laisse tranquille

dsl je peux prendre quoi comme hack sous ie sous firefox c ok

merci pour le footer J'ai trouvé une autre solution et sa a lair de marche voici le code que j'ai mis .colonnegauche { position:RELATIVE; top: 7px; left:71px; font-family:verdana; font-size:8px; color:#000000; font-weight:bold; width: 210px; height: AUTO; text-align: left; } .colonnedroite { position:absolute; top: 7px; left: 286px; width: 474px; height: AUTO; text-align: left; } .footer { clear:both; top:100%; background: url(../design/footer.jpg) no-repeat; width: 800px; height: 80px; text-align: left; } sous ie c bon mais sous firefox le background pas en dessous le footer il ne s'arrete pas

le footer marche sous ie mais pas sous firefox il se place en haut et pour les floats je sais pas pourquoi c'est décalé sous ie et pas sous firefox ou c'est tres bien placé (ci dessous ma css et mon index) voici mon adresse : http://www.lost-lesdisparus.net ma css : /* body */ body, html { scrollbar-face-color: #ffffff; scrollbar-arrow-color: #898989; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-3dlight-color: #ffffff; margin: 0px; padding: 0px; background-color:#FEFEFE; font-size: 7pt; color:#000000; font-family: Tahoma; font-weight: normal } /******* design *******/ .layout { position:absolute; top: 0px; left: 45px; margin: 0px; padding: 0px; background: url(../design/haut.jpg) no-repeat; width: 800px; height: 405px; text-align: left; } .bas { position:absolute; top: 404px; left: 45px; margin: 0px; padding: 0px; background: url(../design/bas.gif) repeat-y; width: 800px; height: 100%; text-align: left; } .colonnegauche { float:left; padding: 0px; margin: 7px 0px 0px 70px; font-family:verdana; font-size:8px; color:#000000; font-weight:bold; width: 210px; height: AUTO; text-align: left; } .colonnedroite { float:right; margin: 7px 41px 0px 0px; padding: 0px; width: 474px; height: AUTO; text-align: left; } .footer { top:100%; background: url(../design/footer.jpg) no-repeat; width: 800px; height: 80px; text-align: left; } .footertexte { margin: 15px; margin-left:300px; padding: 0px; font-family:verdana; font-size:8px; color:#FFFFFF; font-weight:bold; width: 419px; height: 42px; text-align: left; } .maj { position:absolute; top: 326px; left: 538px; margin: 0px; padding: 0px; width: 136px; height: 69px; text-align: left; } [/code] [code] <body> <div class="layout"> <a id="zone1" href="index?action=accueil.php" title="Page d'Accueil"></a> <a id="zone2" href="#" title="Lost News"></a> <a id="zone3" href="#" title="La Serie"></a> <a id="zone4" href="#" title="Les Galeries"></a> <a id="zone5" href="#" title="Download"></a> <a id="zone6" href="#" title="Le Site"></a> <div class="maj"> <?php include 'maj.php'; ?> </div> </div> <div class="bas"> <div class="colonnegauche"> <img src="design/colonnegauche/dernieresnews.gif" vspace="2" border="0"/> <? ///---Les 12 Dernieres News Colonne Gauche $nb = 0; while ($line = mysql_fetch_assoc($res2)) { $nb++; if ($nb == 1) continue; $title = $line["title"]; $author = $line["starter_name"]; $date = date("d/m/Y", strtotime($line['starter_date'])); $id = $line["tid"]; // echo "<ul>"; if (strlen($title) < $LIMIT_TEXT2) { print "<img src=\"design/colonnegauche/logonews.gif\"> <a href=\"news.php?tid=$id\">" . extract_title($title) . "</a><br>"; } else { print "<img src=\"design/colonnegauche/logonews.gif\"> <a href=\"news.php?tid=$id\" >" . substr(extract_title($title), 0, $LIMIT_TEXT2 - 3) . "...</a><br>"; } // echo "</ul>"; } ?> <br/> <img src="design/colonnegauche/derniersposts.gif" border="0"/> <br/> <img src="design/colonnegauche/partenariats.gif" border="0"/> <br/> <img src="design/colonnegauche/nouslier.gif" border="0"/> <br/> <img src="design/colonnegauche/stats.gif" border="0"/> <br/> <img src="design/colonnegauche/disclaimer.gif" border="0"/> </div> <div class="colonnedroite"> <? ///---Les 6 News Premère Page while ($line = mysql_fetch_assoc($res)) { $title = $line["title"]; $author = $line["starter_name"]; $date = date("d/m/Y", strtotime($line['starter_date'])); $id = $line["tid"]; $res_post = mysql_query("SELECT * FROM `ibf_posts` WHERE topic_id=" . $line["tid"] . " AND author_id=" . $line['starter_id'] . " LIMIT 1", $link) or die(mysql_error()); $post_sql = mysql_fetch_assoc($res_post); $post = $post_sql["post"]; mysql_free_result($res_post); $res_post = mysql_query("SELECT COUNT(*) AS nb FROM `ibf_posts` WHERE topic_id=" . $line["tid"] . " GROUP BY topic_id", $link) or die(mysql_error()); $nb_comment_sql = mysql_fetch_assoc($res_post); $nb_comment = $nb_comment_sql["nb"] - 1; mysql_free_result($res_post); ?> <td> <img src="<?=extract_img($title)?>" width="81" height="97" align="left" hspace="2" alt="news"/> <? echo "<h3>" . extract_title($title) . "</h3> "; if (strlen($post) < $LIMIT_TEXT) { print $post; } else { print substr($post, 0, $LIMIT_TEXT - 3); } echo "<a href=\"news.php?tid=$id\"><b> [Suite...]</b></a><br/><br/>"; } ?> </td> <? // Et on ferme la connexion mysql_free_result($res); mysql_close($link); ?> </div> <div class="footer"> <div class="footertexte"> <?php include 'footertexte.php'; ?> </div> </div> </div> <div style="position:absolute; width:136px; height:69px; z-index:1; left: 114px; top: 50px;"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase= "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="455" height="245" title="animationhaut"> <param name="movie" value="design/flash/haut.swf" /> <param name="quality" value="high" /> <embed src="design/flash/haut.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="455" height="245"></embed> </object> </div> </body> </html> merci !

merci bcp pour le lien

bonsoir je souhaite centrer verticalement mon intro en flash. el est tres bien centré de gauche a droite mais pas verticalement. voici mon code dans ma css .intro { margin: auto auto 0px auto; } et voici ma css entiere /******* hyperlink et hover *******/ a:link, a:visited{ color:#3C5641; text-decoration: none; font: bold 90% Tahoma,sans-serif; } a:hover{ color:#80B464; } img { border:none; } body, html{ /* <----- ici je rajoute html */ margin: 10px auto 20px auto; font-family: Tahoma,sans-serif; font-size: 10px; color: #000000; background-color:#000000; text-align: center; } /******* Design du site *******/ .topmenu { /* enlever tous les float, le margin/text-align du body/html ci dessus ce charge du placement des blocks */ margin: 0px; } .header { margin: 0px; } .dessous { margin: 0px; } .bas { margin: 0px; } .bas2 { margin: -3px auto 0px auto; width:906px; height: 200px; background-image: url(../design/bas2.gif); } .intro { margin: 150px 0px 0px 0px; }

MERCI BCP T GENIAL