ben fait ce n'est pas si mauvais que cela, enfin je pense:
test de découpage Xhtml/css via Photoshop et image ready
En tout cas, c'est
valide!!!
J'ai fait plusieurs essais, et pas de trace de <table>!!
beaucoup de DIV mais pas de tableau!!!
le code css est assez pauvre, mais permet d'avoir effectivement une base de travail!
NB le test est succint, il faudrait pousser un peu plus loin, ce que je ferai a la prochaine occasion.
<!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>
<title>elke4</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- ImageReady Styles (elke4.psd) -->
<style type="text/css">
<!--
#Tableau_01 {
position:absolute;
left:0px;
top:0px;
width:780px;
height:820px;
}
#id01_ {
position:absolute;
left:0px;
top:0px;
width:780px;
height:298px;
}
#id02_ {
position:absolute;
left:0px;
top:298px;
width:6px;
height:522px;
}
#id03_ {
position:absolute;
left:6px;
top:298px;
width:746px;
height:23px;
}
#id04_ {
position:absolute;
left:752px;
top:298px;
width:28px;
height:522px;
}
#id05_ {
position:absolute;
left:6px;
top:321px;
width:746px;
height:499px;
}
-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF;">
<!-- ImageReady Slices (elke4.psd) -->
<div id="Tableau_01">
<div id="id01_">
<img id="id01" src="images/01.jpg" width="780" height="298" alt="" />
</div>
<div id="id02_">
<img id="id02" src="images/02.jpg" width="6" height="522" alt="" />
</div>
<div id="id03_">
<img id="id03" src="images/03.jpg" width="746" height="23" alt="" />
</div>
<div id="id04_">
<img id="id04" src="images/04.jpg" width="28" height="522" alt="" />
</div>
<div id="id05_">
<img id="id05" src="images/05.jpg" width="746" height="499" alt="" />
</div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
le template n'est pas de moi, mais du site officiel d'Adobe (pour info!)
Modifié par Maxwell (03 May 2006 - 11:23)