Tableau avec images à l'intérieur--> galere!

Fermé
paul - 6 août 2009 à 21:19
Mimiste Messages postés 1149 Date d'inscription samedi 17 mai 2008 Statut Membre Dernière intervention 6 mars 2016 - 6 août 2009 à 22:36
Bonjour,
je suis débutant...
j'ai crée un petit site (traildeschateaux.hostzi.com) ma "bannière" qui comprend le message de bienvenue ainsi que les liens est un fichier .php que j'insère avec la fonction include.

En utilisant différents navigateurs et différentes résolutions, je me suis rendu compte que le tableau comprenant mes 2 images ainsi que le message de bienvenue déconnait sévère...

Je n'arrive pas à dire au tableau d'être proportionnel et de garder des proportions convenables c.a.d. une petite partie pour l'image de gauche , un espace adéquate pour le texte et une autre petite aprtie pour l'image

en faisant des recherches j'ai vu qu'il faudrait que je me serve de CSS mais je viens d'ingurgiter HTML et PHP...

ci dessous le code de la page

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>accueil site trail des Châteaux</title>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<meta name="author" content="paul">
<meta name="version" content="1.3">
<meta name="description" content="Site Trail des Chateaux - Saint François Guadeloupe">
<meta name="keywords" content=" course,trail, nature,guadeloupe,pieds,sport, triathlon,marathon,calendrier,courir">
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(102, 102, 102);" color="rgb(102," alink="#000099" link="#000099" vlink="#990099">
<div align="center">
<table style="background-color: white; width: 100%; height: 100%;">
<tbody>
<tr>
<td style="width: 20%;">
<h1 style="color: rgb(255, 102, 0); text-align: left;"><img style="width: 50%; height: 50%;" alt="logo_TC" src="ress/TC.jpg"></h1>
</td>
<td style="text-align: center; vertical-align: middle; color: rgb(255, 102, 0); font-family: Trebuchet MS;">
<h1 style="background-color: white;">Bienvenue
sur le site du Trail des Châteaux</h1>
</td>
<td style="width: 20%;">
<h1 style="color: rgb(255, 102, 0); text-align: left;"><img style="width: 100%; height: 100%;" alt="logo8" src="ress/logo8.png"></h1>
</td>
</tr>
</tbody>
</table>
<table style="background-color: rgb(102, 102, 102); width: 100%; height: 100%;" align="center" border="0" cellspacing="20">
<tbody>
<tr>
<td style="background-color: rgb(255, 102, 0); text-align: center;">
<a href="index.php" ="/" style="text-decoration: none;">ACCUEIL
</a></td>
<td style="background-color: rgb(255, 102, 0); text-align: center;">
<a href="mail.php" ="/" style="text-decoration: none;">CONTACT</a></td>
<td style="background-color: rgb(255, 102, 0); text-align: center;">
<a href="inscription.php" ="/" style="text-decoration: none;">PRE-INSCRIPTION
</a></td>
<td style="background-color: rgb(255, 102, 0); text-align: center;">
<a href="traitement.php" ="/" style="text-decoration: none;">PRE-INSCRITS
</a></td>
<td style="background-color: rgb(255, 102, 0); text-align: center;">
<a href="trail_chateaux_reglement2010.pdf" ="/" style="text-decoration: none;">REGLEMENT
</a></td>
</tr>
</tbody>
</table>
</div>
</body></html>
A voir également:

1 réponse

Mimiste Messages postés 1149 Date d'inscription samedi 17 mai 2008 Statut Membre Dernière intervention 6 mars 2016 206
6 août 2009 à 22:36
Salut

Essai deja de mettre

style="width: 60%;"

dans le td du milieux, ça peut poser probleme pour certain navigateur même si ça te parrais logique
0