Tom's Guide > Forum > Programmation > includes

includes

Forum Programmation : includes

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

Salut

Je viens d'acheter ce kit graphique et j'aimerais utiliser des includes pour le header, menu et footer.

J'arrive pas a les mettre correctement sans déformer la page
si quequ un peut m aider .......

Le code de l'index est :

Code :

<!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>[ kitgrafik.com >> kit by OuaZ</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="composants/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.Style2 {color: #333333}
-->
</style></head>
<body>
<div align="center">
<table id="Table_01" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3" background="images/index_01.jpg"> </td>
<td colspan="5">
<img id="index_02" src="images/index_02.jpg" width="770" height="121" alt="" /></td>
<td rowspan="3" background="images/index_01.jpg"> </td>
</tr>
<tr>
<td width="182" height="55" background="images/index_04.jpg"> <div align="right" class="Style1">
<div align="right"><span class="Style"><a href="index.html">Accueil du site</a></span> <span class="Style2">--</span> </div>
</div></td>
<td width="136" background="images/index_05.jpg"> <div align="center" class="Style"><a href="page_2.htm">Lien 1 </a></div></td>
<td width="119" background="images/index_06.jpg"> <div align="center" class="Style"><a href="page_2.htm">Lien 2 </a></div></td>
<td width="135" background="images/index_07.jpg"> <div align="center" class="Style"><a href="page_2.htm">Lien 3 </a></div></td>
<td width="198" background="images/index_08.jpg"> <div align="left"><span class="Style"> <span class="Style2">-----</span><a href="page_2.htm">Contact</a></span></div></td>
</tr>
<tr>
<td height="143" colspan="5" background="images/index_09.jpg"> <div align="center">
<table width="600" border="0">
<tr>
<td><div align="center">
<p class="Style">Bienvenu sur Atom-X !! </p>
<p class="Style">Donec consequat rutrum enim. Vivamus molestie varius nisl. Ut tempus est eu mauris. Proin faucibus venenatis augue. Phasellus erat turpis, porttitor vitae, tempus sit amet, tristique ultrices, ante. In hac habitasse platea dictumst. </p>
</div></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td> </td>
<td colspan="5" background="images/index_11.jpg"><table width="670" border="0" align="center" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="7"> <img src="images/spacer.gif" width="7" height="1" alt="" /></td>
<td width="217">
<table width="173" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="173">
<p><img src="images/menu.jpg" width="213" height="36" alt="" /></p>
</td>
</tr>
<tr>
<td align="center" valign="middle" background="images/left_nav_bg.gif"><table border="0" align="center" cellpadding="2" cellspacing="0">
<tr valign="top">
<td width="5" valign="middle"> <img src="images/puce.jpg" width="6" height="12" alt="" border="0" /></td>
<td width="132" align="left" valign="middle"> <a href="page.html"><b class="Style1">Votre menu 1</b> </a></td>
</tr>
<tr valign="top">
<td valign="middle"> <img src="images/puce.jpg" width="6" height="12" alt="" border="0" /></td>
<td align="left" valign="middle"> <a href="page.html"><span class="Style1"><b class="Style1">Votre m</b><b>enu 2</b> </span></a></td>
</tr>
<tr valign="top">
<td valign="middle"> <img src="images/puce.jpg" width="6" height="12" alt="" border="0" /></td>
<td align="left" valign="middle"> <a href="page.html"><span class="Style1"><b class="Style1">Votre m</b><b>enu 3</b> </span></a></td>
</tr>
<tr valign="top">
<td valign="middle"> <img src="images/puce.jpg" width="6" height="12" alt="" border="0" /></td>
<td align="left" valign="middle"> <a href="page.html"><span class="Style1"><b class="Style1">Votre m</b><b>enu 4</b> </span></a></td>
</tr>
<tr valign="top">
<td valign="middle"> <img src="images/puce.jpg" width="6" height="12" alt="" border="0" /></td>
<td align="left" valign="middle"> <a href="page.html"><span class="Style1"><b class="Style1">Votre m</b><b>enu 5 </b></span></a></td>
</tr>
<tr valign="top">
<td valign="middle"> <img src="images/puce.jpg" width="6" height="12" alt="" border="0" /></td>
<td align="left" valign="middle"> <a href="page.html"><span class="Style1"><b class="Style1">Votre m</b><b>enu 6 </b> </span></a></td>
</tr>
<tr valign="top">
<td valign="middle"> <img src="images/puce.jpg" width="6" height="12" alt="" border="0" /></td>
<td align="left" valign="middle"> <a href="page.html"><span class="Style1"><b class="Style1">Votre m</b><b>enu 7 </b></span></a></td>
</tr>
<tr valign="top">
<td valign="middle"> <img src="images/puce.jpg" width="6" height="12" alt="" border="0" /></td>
<td align="left" valign="middle"> <a href="page.html"><span class="Style1"><b class="Style1">Votre m</b><b>enu 8 </b> </span></a></td>
</tr>
</table>
<p> </p></td>
</tr>
</table>
<table width="170" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/search_bg.gif">
<table width="173" border="0" cellpadding="0" cellspacing="0">
<tr valign="middle">
<td width="4"> </td>
<td width="169" align="center">
<p><img src="images/recherche.jpg" width="213" height="36" alt="" /></p>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<form method="post" action="search.html">
<tr>
<td colspan="3">
<div align="left"><span class="Style1"><b><img src="images/puce.jpg" width="5" height="8" alt="" border="0" />Recherche : </b> </span></div></td>
</tr>
<tr valign="middle">
<td>
<input type="text" class="forminput" name="search" value="" size="15" />
</td>
<td> <img src="images/spacer.gif" width="5" height="1" alt="" /></td>
<td>
<input type="image" src="images/ok.jpg" width="35" height="24" alt="Go" border="0" name="go" />
</td>
</tr>
</form>
</table>
<p> </p></td>
</tr>
</table></td>
</tr>
</table>
<table width="173" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="173"> <img src="images/login.jpg" width="213" height="36" alt="" /></td>
</tr>
<tr>
<td align="center" valign="middle" background="images/members_bg.gif"><table width="173" border="0" align="center" cellpadding="0" cellspacing="0">
<tr valign="middle">
<td width="4"> </td>
<td width="169" align="center"> <img src="images/spacer.gif" width="169" height="1" alt="" />
<table border="0" cellpadding="0" cellspacing="0">
<form method="post" action="login.html">
<tr valign="middle">
<td align="left" class="tinytext">
<p align="left"><span class="Style1"><img src="images/puce.jpg" width="6" height="12" alt="" border="0" /> pseudo : </span>
<input type="text" class="forminput" name="username" value="" size="22" />
</p></td>
</tr>
<tr>
<td> <img src="images/spacer.gif" width="1" height="3" alt="" /></td>
</tr>
<tr valign="middle">
<td align="left" class="tinytext">
<p align="left"><span class="Style1"><img src="images/puce.jpg" width="6" height="12" alt="" border="0" /> password : </span>
<input type="password" class="forminput" name="password" value="" size="22" />
</p></td>
</tr>
<tr>
<td> <img src="images/spacer.gif" width="1" height="4" alt="" /></td>
</tr>
<tr>
<td align="right">
<div align="right">
<input type="image" src="images/ok.jpg" width="35" height="24" alt="Login" border="0" name="Login" />
</div></td>
</tr>
</form>
</table></td>
</tr>
</table>
<p> </p></td>
</tr>
</table>
</td>
<td width="10" height="100%" background="images/barre.jpg">
<p> </p></td>
<td width="436" height="100%">
<p class="Style1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget libero id libero rhoncus scelerisque. Sed luctus dignissim metus. Duis eget dui ac diam auctor tristique. </p>
<p class="Style1">Donec consequat rutrum enim. Vivamus molestie varius nisl. Ut tempus est eu mauris. Proin faucibus venenatis augue. Phasellus erat turpis, porttitor vitae, tempus sit amet, tristique ultrices, ante. In hac habitasse platea dictumst. </p>
<p class="Style1">Nulla tincidunt sagittis wisi. Phasellus molestie risus vel quam. Fusce aliquet erat. Vestibulum volutpat metus at ligula. Nunc velit urna, egestas id, egestas quis, vulputate vel, ligula. </p>
<p class="Style1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget libero id libero rhoncus scelerisque. Sed luctus dignissim metus. Duis eget dui ac diam auctor tristique. </p>
<p class="Style1">Donec consequat rutrum enim. Vivamus molestie varius nisl. Ut tempus est eu mauris. Proin faucibus venenatis augue. Phasellus erat turpis, porttitor vitae, tempus sit amet, tristique ultrices, ante. In hac habitasse platea dictumst. </p>
<p class="Style1">Nulla tincidunt sagittis wisi. Phasellus molestie risus vel quam. Fusce aliquet erat. Vestibulum volutpat metus at ligula. Nunc velit urna, egestas id, egestas quis, vulputate vel, ligula. </p>
<table width="100%" border="0">
<tr>
<td><div align="center"><img src="images/picture_1.jpg" width="152" height="93" /></div></td>
<td><div align="center"><img src="images/picture_2.jpg" width="152" height="93" /></div></td>
</tr>
</table>
<p align="center" class="Style7"> </p></td>
</tr>
</table> <p align="center"> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td> </td>
</tr>
<tr>
<td background="images/index_15.jpg"> </td>
<td height="89" colspan="5" background="images/index_14.jpg"> </td>
<td background="images/index_15.jpg"> </td>
</tr>
</table>
</div>
</body>
</html>

Merci

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > includes

Aller à :

Aide |
Règles du forum

Il y a 259 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Page générée en 0,584 secondes

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler

Liens