Salut à tous ;
Aujourd'hui, j'ai eu l'idée de me créer un nouveau design, une fois ce design terminé, je l'ai découpé avec photoshop, et cela m'a créé un fichier image avec toutes mes découpes et une page HTML.
Ce que je cherche à faire :
_ Organiser mes images dans l'ordre.
_ Etendre mon design à 100%, pour qu'il puisse prendre toute la taille de la page web.
Voici mon design : www.linorg.net/design.jpg
Je suis allé visité le Site du Zéro, j'ai trouvé comment faire pour l'étendre, mais organiser mes images ...
Voici mon code HTML :
<html>
<head>
<title>design</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Tableau_01" width="1000" height="892" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="images/
barre_menu.gif" width="1000" height="49" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/
espace_haut_blanc.gif" width="1000" height="5" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/
wallpaper_gauche.gif" width="150" height="784" alt=""></td>
<td>
<img src="images/
header.gif" width="702" height="166" alt=""></td>
<td rowspan="2">
<img src="images/
wallpaper_droit.gif" width="148" height="784" alt=""></td>
</tr>
<tr>
<td>
<img src="images/
corps.gif" width="702" height="618" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/
espace_blanc_bas.gif" width="1000" height="5" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/
footer.gif" width="1000" height="49" alt=""></td>
</tr>
</table>
</body>
</html>
J'ai fais une feuille CSS et une page XHTML avec des <div id=""></div> mais en vin, rien n'a fonctionné
Je m'en remet à vous
Voici les images :
http://www.linorg.net/Th0F0x/ tout les noms de parties du design sont en gras dans le code html au dessus :)
Voilou
Th0F0x