Si tu veux éviter de tout reprendre à zéro (ce que je comprendrais), il te suffit de faire
<td style="width: 266px; height: 56px;" align="center"
valign="center"><a href="http://www.lesotlylaisse-lille.fr/home">
<img style="width: 193px; height: 62px;"
alt="Enter"
src="./enter%20out.png"
onmouseover="this.src='./enter%20over.png'"
onmouseout="this.src='./enter%20out.png'" /></a>
<br />
</td>
(J'ai rajouté un "/" à la fin de tes balises
imget
br pour respecter le XHTML, mais ce n'est pas indispensable...)
Quel est l'intéret des feuilles CSS?
Est ce plus léger?
Oui.
Est ce plus rapide? ...
Oui.
ou tout simplement plus simple à programmer
A programmer, pas forcément.
Mais à maintenir, oui.
En fait, ça dépend de quel point de vue on se place :
Pour le dévelppeur de site, c'est plus simple puisque toutes les informations de mise en page et de présentation sont regroupées dans un même fichier.
Pour le visiteur c'est plus léger (et donc plus rapide), puisqu'il télécharge une fois pour toutes les informations de mise en page.
Parce que, mine de rien, un
<td> au lieu de
<td style="width: 266px; height: 56px;" align="center">, répété plusieurs fois par page, dans plusieurs pages, ça finit par chiffrer...
Pour la maintenance, imagine que tu veuilles transformer ton site pour noël (en passant en rouge et blanc, avec des images style sapin etc.).
Si tu mets les informations de présentation dans tes pages html, il va falloir éplucher tes X pages, chercher les informations de couleur et les modifier une par une (au risque d'n oublier).
Si tu as utilisé une feuille de style, il te suffit de modifier deux ou trois informations dans la feuille de style.
Il vaut mieux éviter de faire ta mise en page avec des tableaux.
Si tu as du temps (et le courage) je te conseille d'aller voir ces sites :
Alsacreations, qui a pas mal de tutoriels (dont
Créer un design CSS en 5 étapes.
[www.pompage.net Pompage.net], bien aussi, avec un
"tutoriel" en quinze parties.