pauline24030
-
Compteur de contenus
16 -
Inscrit(e) le
-
Dernière visite
Messages postés par pauline24030
-
-
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
-
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
-
Mon site est centré pour toutes les resolutions
j'ai un probleme sous firefox mon background-image est décalé sur la gauche alors que sous ie il est bien pplacé au centre (voir http://www.lost-lesdisparus.net)
voici ma css
******* 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 0px 0px 0px;
width: 906px;
height: 500px;
background-image: url(../design/bas2.gif);
}pouvez vous maider a ce que limage soit centrée sous firefox
probleme de width
dans (X)HTML et CSS
Posté
sinon n'y a t'il pas une autre solution autre que les blocs?