Créa tableau

caro -  
 caro -
Bonjour,

j'aimerais créer un tableau ressemblant à ce qui se trouve sur le site : https://www.voyagesphotosmanu.com/

pour ma galerie photos.

Pouvez-vous m'aider?

Merci d'avance
A voir également:

2 réponses

Réponse 1 / 2
Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779
 
Bonjour,

Faire un tableau est assez simple. Le gérer ensuite est un peu plus fatiguant.
De quel logiciel disposes-tu pour faire ça ?

Celui de la page que tu cites est facilement accessible.
Il te suffit d'afficher la page dans ton navigateur, de faire un clic droit sur le fond noir.
De demander ensuite quelque chose comme Afficher le code source.
Tu peux aussi l'enregistrer sur ton disque et l'ouvrir dans un éditeur de texte ou HTML.

Tu repères les tableaux de la page par leurs balises : <table> et </table>
Saurais-tu retrouver celui qui contient les images ?

Après quelques modifications, tu pourrais obtenir quelque chose comme ça :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Un titre</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <style type="text/css">
    html, body {
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: #b0c4de;
      }
    #conteneur {
      position: relative;
      margin: 0 auto;
      width: 728px;
      text-align: left;
      background-color: #fff;
      font-family: Tahoma, 'Trebuchet MS', Verdana, Optima, Papyrus, sans-serif;
      }
    table {
      text-align : center;
      background-color : #000;
      }
    td {
      border : 1px solid #fff;
      }
    img {
      font-size : 80%;
      }

.legende {color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;  background-color : #ccc; border : 1px solid #000; }
a:link {
	text-decoration: none;
	color: #222;
}
a:hover {
	text-decoration: underline;
	color: #f00;
}

    </style>
<base href="-https://www.voyagesphotosmanu.com/">
</head>
<body>
  <div id="conteneur">
  <table width="728" border="0">
    <tr>
      <td><a href="pages/page_104pag.html"><img src="../images/coucher-de-soleil-Athenes_t.jpg" alt="Photos de Gr&egrave;ce et des Cyclades" width="222" height="167" vspace="10" border="0" /></a></td>
      <td><a href="pages/page_116pag.html"><img src="../images/londres_dans_un_bus_t.jpg" alt="Photos de Londres" width="222" height="167" vspace="10" border="0" /></a></td>
      <td><a href="pages/page_105pag.html"><img src="../images/fruits_secs_a_marrakech_t.jpg" alt="Photos de Marrakech et Essaouira" width="222" height="167" vspace="10" border="0" /></a></td>
    </tr>
    <tr>
      <td class="legende">Photos de Gr&egrave;ce</td>
      <td class="legende">Photos de Londres</td>
      <td class="legende">Photos du Maroc</td>
    </tr>
    <tr>
      <td><a href="pages/page_107pag.html"><img src="../images/cambo_titre.jpg" alt="Photos du Cambodge" width="222" height="167" vspace="10" border="0" /></a></td>
      <td><a href="pages/page_287pag.html"><img src="../images/Tag-barcelone-copie_t.jpg" alt="Photos de Barcelone" width="222" height="167" vspace="10" border="0" /></a></td>
      <td><a href="pages/page_106pag.html"><img src="../images/YG5A0722-copie-copie_t.jpg" alt="Photos de Paris" width="222" height="167" vspace="10" border="0" /></a></td>
    </tr>
    <tr>
      <td class="legende">Photos du Cambodge</td>
      <td class="legende">Photos de Barcelone</td>
      <td class="legende">Photos de Paris</td>
    </tr>
    <tr>
      <td><a href="pages/page_291pag.html"><img src="../images/bernafoss1_t.jpg" alt="Photos d'Islande" width="222" height="167" vspace="10" border="0" /></a></td>
      <td><a href="pages/photos_infos_lisbonnepag.html"><img src="../images/pecheur-copie_t.jpg" alt="Photos du Portugal" width="222" height="167" vspace="10" border="0" /></a></td>
      <td><a href="pages/photos_macrophotographiepag.html"><img src="../images/macro_t.jpg" alt="Photos de fleurs" width="222" height="167" vspace="10" border="0" /></a></td>
    </tr>
    <tr>
      <td class="legende">Photos Islande</td>
      <td class="legende">Photos du Portugal</td>
      <td class="legende">Photos de fleurs</td>
    </tr>
    <tr>
      <td><a href="pages/photos_diaporamapag.html"><img src="../images/bougies_a_barcelone_copie4.jpg" alt="Diaporama" width="222" height="167" vspace="10" border="0" /></a></td>
      <td><a href="pages/photos_italie_infospag.html"><img src="../images/ponte_vecchio_gr.jpg" alt="Photos de Florence et d'Italie" width="222" height="167" vspace="10" border="0" /></a></td>
      <td><a href="pages/photos_istanbul_turquiepag.html"><img src="../images/mosquee_bleue_nuit4.jpg" alt="Photos d'Istanbul en Turquie" width="222" height="167" vspace="10" border="0" /></a></td>
    </tr>
    <tr>
      <td class="legende">Diaporama</td>
      <td class="legende">Photos Italie</td>
      <td class="legende">Photos Istanbul</td>
    </tr>
    <tr>
      <td><a href="pages/photos_montagepag.html"><img src="images/photo_montage_gr.jpg" alt="Photos montage avec Photoshop CS3" width="222" height="167" border="0" /></a></td>
      <td><a href="../accueil_photos_toulouse.html"><img src="images/toulouse_t.jpg" alt="Photos de Toulouse" width="222" height="167" border="0" /></a></td>
      <td><a href="../accueil_photos_suede.html"><img src="images/suede_gr.jpg" alt="Photos de Su&egrave;de" width="222" height="167" border="0" /></a></td>
    </tr>
    <tr>
      <td class="legende">Photo montage</td>
      <td class="legende">Photos de Toulouse</td>
      <td class="legende"><a href="../../accueil_photos_suede.html">Photos de Su&egrave;de</a></td>
    </tr>
    <tr>
      <td><a href="../accueil_photos_animaux.html"><img src="images/photos_animaux.jpg" alt="Photos animaux" width="222" height="165" border="0" /></a></td>
      <td><a href="../accueil_photos_tunisie.html"><img src="images/tunis_t.jpg" alt="Photos de Tunisie" width="222" height="165" border="0" /></a></td>
      <td><a href="../fond_ecran_gratuit.html"><img src="images/fond_ecran.jpg" alt="Fond d'&eacute;cran wallpaper gratuit" width="222" height="165" border="0" /></a></td>
    </tr>
    <tr>
      <td class="legende"><a href="../accueil_photos_animaux.html">Photos animaux</a></td>
      <td class="legende"><a href="../accueil_photos_tunisie.html">Photos de Tunisie</a></td>
      <td class="legende"><a href="../fond_ecran_gratuit.html">Fonds d'&eacute;cran wallpaper</a></td>
    </tr>
  </table>
  </div>
</body>
</html>

++
Vois http://fr.selfhtml.org/html/tableaux/index.htm

--
0
Réponse 2 / 2
caro
 
merci pour ta réponse.

je vais m'y mettre !!
0

Discussions similaires

Formule taux de marque
vcloclo1 -
vcloclo1 -

26 réponses
Tableau croisé dynamique - absence de certaines données
crazyrider71 -
Hana -

4 réponses
generateur de combinaison du loto 5/90
Riccilo -
ccm81 -

3 réponses