Et bien en faite je désirais faire ainsi au cas ou je changerais le design du bloc news. Cela me permettrait de savoir placer et decouper n'importe quel bloc. Je viens de refaire la découpe du bloc. Voila ce que donne le HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>akolite</title>
<link rel="stylesheet" type="text/css" href="style_site.css" />
<script language="javascript">AC_FL_RunContent = 0;</script><script src="AC_RunActiveContent.js" language="javascript"></script>
<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
<script type="text/javascript" src="flashobject.js"></script>
<script type="text/javascript" src="adjustmenu.js"></script>
</head>
<BODY BGCOLOR="#ffffff" LINK="#0033cc" VLINK="#800080" ALINK="#ff0000">
<div id="Tableau_01">
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '1000',
'height', '112',
'src', 'header',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'false',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'Untitled-1',
'bgcolor', '#ffffff',
'name', 'header',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'header',
'salign', ''
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="550" height="400" id="Untitled-1" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="header.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="header.swf" quality="high" bgcolor="#ffffff" width="1000" height="112" name="header.swf" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
<Body onload="AdjustMenu('colorarrow','false',0,0)" onresize="AdjustMenu('colorarrow','false',0,0)">
<div id="colorarrow_id" >
</div>
<script type="text/javascript">
var fo = new FlashObject("test.swf","colorarrow","160","287","6","#000000");
fo.addParam("menu","false");
fo.addParam("quality","best");
fo.addParam("scale","noscale");
fo.addParam("salign","LT");
fo.addParam("wmode", "transparent");
fo.write("colorarrow_id");
document.getElementById('colorarrow').style.width="160px";
document.getElementById('colorarrow').style.position="relative";
document.getElementById('colorarrow').style.zIndex="10"
</script>
<div id="barre_black_">
<img id="barre_black" src="images/barre_black.png" width="1000" height="24" alt="" />
</div>
<div id="news_haut_">
<img id="news_haut" src="images/news_haut.png" width="575" height="42" alt="" />
</div>
<div id="news_content_">
<img id="news_content" src="images/news_content.png" width="575" height="21" alt="" />
</div>
<div id="news_bas_">
<img id="news_bas" src="images/news_bas.png" width="575" height="64" alt="" />
</div>
<div id="fleche_left_">
<a href="http://charles.bettle.free.fr/site.html" class="image"><img id="ifleche_left" src="images/fleche_left.png" width="73" height="35" alt="" /></a>
</div>
<div id="fleche_right_">
<a href="http://charles.bettle.free.fr/site.html" class="image"><img id="fleche_right" src="images/fleche_right.png" width="75" height="32" alt="" /></a>
</div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
Et voila le CSS :
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- ImageReady Styles -->
<style type="text/css">
<!--
/*- Page Structure */
html { /* Force Vertical Scrollbar */
/* IE */
overflow-y: scroll;
/* Moz */
height: 100%;
margin-bottom: 0.1em;
}
* {
padding: 0;
margin: 0;
}
img {
border: 0;
}
body {
font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
color: #444;
background: #ffffff;
text-align: center;
margin: 0 0 30px;
}
a.image img
{ border:0; }
#Tableau_01 {
height:1000px;
margin:auto;
position:relative;
width:1000px;
text-align: left;
}
#colorarrow_id {
position:relative;
left:0px;
top:100px;
}
#barre_black_ {
position:absolute;
left:0px;
top:110px;
width:1000px;
height:24px;
}
#news_haut_ {
position:absolute;
left:305px;
top:202px;
width:575px;
height:42px;
}
#news_content_ {
position:absolute;
left:305px;
top:244px;
width:575px;
}
#news_bas_ {
position:absolute;
left:305px;
top:265px;
width:575px;
height:64px;
}
#fleche_left_ {
position:absolute;
left:310px;
top:275px;
width:73px;
height:35px;
}
#fleche_right_ {
position:absolute;
left:800px;
top:275px;
width:75px;
height:32px;
}
-->
</style>
<!-- End ImageReady Styles -->
Donc en faite la découpe est correct la nan ? Mais comment faire en sorte d'écrire dans le "news_content" et qu'il s'ajuste automatiquement aux nombres de lignes et que le "news_bas" et les fleches s'aligne également à la taille de celui-ci ?
A oui je voulais savoir aussi pourquoi il y avait trop de "absolute" ?
Merci pour l'aide.
Modifié par the_pills (20 Jan 2008 - 14:16)
En gros je sais que mon bloc "nexs" doit être découpé en 3 parties : le haut / le bas et une partie du contenu ( 20px on va dire ). Et c'est le contenu ou les news vont s'ecrirent.
