problème d'alignement d'images dans un tableau

[biomechanical]

Bonjour,

J'ai un problème depuis plusieurs jours que je n'arrive pas à résoudre .... le voici en image :

en clair, mes images ne sont pas dans le tableau ... mais décalées par rapport à celui-ci ... ( en bleu : le fond de mon tableau pour voir le décalage .. )

Merci d'avance !

 

[grumff]

Si tu nous met ni le code ni les navigateurs concernés, on ne va pas aller loin.

 

[Niconemo]

Et puis, a priori, vu qu'il s'agit simplement de placer les photos, ce n'est pas un tableau qu'il faut utiliser. Les tableaux c'est pour des données tabulaires.

 

[biomechanical]

comment dois-je procédé dans ce cas .. ?

voici le code :

<table width="650" border="0" CELLSPACING=0>
    <tr bgcolor="#00CCCC"><td scope="col" ><ul id="home-gallery-1" class="gallery-list left-gallery">
<img src="01_portraits.jpg" >
<a href="../index/home.html"><img src="02_portraits.jpg" border="0"></a>
<a href="../index/home.html"><img src="03_portraits.jpg" border="0"></a>
<a href="../index/home.html"><img src="04_portraits.jpg" border="0"></a>
    </ul></td>
    <td scope="col"><ul id="home-gallery-2" class="gallery-list right-gallery">
<img src="01_lives.jpg">
<a href="../index/home.html"><img src="02_lives.jpg" border="0"></a>
<a href="../index/home.html"><img src="03_lives.jpg" border="0"></a>
<a href="../index/home.html"><img src="04_lives.jpg" border="0"></a>
</ul></td>
    <td scope="col"><ul id="home-gallery-3" class="gallery-list right-gallery">
<img src="01_architectures.jpg">
<a href="../index/home.html"><img src="02_architectures.jpg" border="0"></a>
<a href="../index/home.html"><img src="03_architectures.jpg" border="0"></a>
<a href="../index/home.html"><img src="04_architectures.jpg" border="0"></a>
</ul></td>
    <td scope="col"><ul id="home-gallery-4" class="gallery-list right-gallery">
<img src="01_backstages.jpg">
<a href="../index/home.html"><img src="02_backstages.jpg" border="0"></a>
<a href="../index/home.html"><img src="03_backstages.jpg" border="0"></a>
<a href="../index/home.html"><img src="04_backstages.jpg" border="0"></a>
</ul></td>
</table>

 

[cherryblue]

ben déjà tu mets des <ul> mais il n'y a pas de <li>

 

[biomechanical]

y'a des <ul> et des </ul> ...

peut être qu'avec des explications je comprendrais mieux .....

 

[Niconemo]

<ul> ça veut dire liste (Unordered List).

<li> ce sont les lignes dans la liste. On ne peut pas avoir de liste sans lignes dedans. Voici un exemple de liste non ordonnée (ul) puis un exemple de liste ordonnée (ol):

• ligne 1
• ligne 2
• ligne 3

1. ligne 1
2. ligne 2
3. ligne 3

Ce qui donne en HTML (tu peux vérifier dans le code source de la page&#8230

<ul>
     <li>ligne 1</li>
     <li>ligne 2</li>
     <li>ligne 3</li>
</ul>

<ol>
     <li>ligne 1</li>
     <li>ligne 2</li>
     <li>ligne 3</li>
</ol>

Par contre <ul> et <li> c'est du html très basique&#8230; Ne el prends pas mal, c'est un vrai conseil : peut être devrais-tu commencer par une (auto-)initiation de quelques heures bien assidues avant de te lancer dans des demandes sur du HTML&#8230; Non ?

En tout cas ton code est bancal et ton problème vient bien de cette balise <ul>.