Tableau avec images à l'intérieur--> galere!
paul
-
Mimiste Messages postés 1149 Date d'inscription Statut Membre Dernière intervention -
Mimiste Messages postés 1149 Date d'inscription Statut Membre Dernière intervention -
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>
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:
- Tableau avec images à l'intérieur--> galere!
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Imprimer tableau excel sur une page - Guide
