[HTML] Calé une image au bord d'une autre

Version imprimable

Bonjour,
Code:

1 2 3 4 5 6 7 8 9 10 <table height='140'> <tr> <td rowspan='7' valign='top' align='right'><img src='images/nouveautes001.gif' class='flechebis'></td> <td height='22'></td> <td height='22'></td> </tr> <tr> <td rowspan='5' width='50' valign='top' align='left'><img src='$row[5]' class='photo'></td> <td width='400' style='font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;' align='left'><strong>$row[0]</strong></td> </tr>
Dans ce bout de code j'affiche une 1ère image qui est une flèche en diagonale vers le bas à droit. Je voudrais que cette flèche touche l'otre photo. En fait il faut que le bas droit de la 1ère photo touche le haut gauche de la deuxième. L'affichage là est bon sauf qu'il y a un petit espace entre les deux. On m'a demandé que c'est photo ce touche. Cà doit venir du fait qu'elle sont dans un table et pas dans la même cellule. Enfin si quelqu'un a une idée.

Merci d'avance

[Post déplacé par Nesmontou du forum PHP vers HTML / XHTML / CSS]

23/02/2006, 14h16
ouatmad

tu peux utiliser l'option de positionnement avec les feuilles de styles.
23/02/2006, 14h20
leloup84

Il y aura toujours un blanc vu qu'elle ne sont pas dans les mêmes cellules ?
23/02/2006, 14h20
narnou
essaye avec ceci
Code:

1 2 <table height="140" cellpadding="0" cellspacing="0" border="0">
Mais ca serait plus gracieux en Css :)
Tout comme le reste, c'est un peu brouillon y'a des attributs de mise en forme, des class, et des balises style brutes, c'est chaud de deviner a quoi tout ca va ressembler ^^

Sinon, tu as 3 cellules dans la premiere ligne, et seulement 2 dans la seconde c'est bizarre...

Bonne merde :)
23/02/2006, 14h29
leloup84

Ok ce que tu m'as donné çà marche le problème c'est que à côté de la 2ème photo ya du texte donc tu coup lui aussi il se colle.
En css qu'est que vous proposeriez ?
23/02/2006, 14h36
Mr N.

mets padding:4px; dans le style de la cellule qui contient ton texte :idea:
23/02/2006, 14h37
chaced

Et il y a un forum pour le html ;)
23/02/2006, 14h43
leloup84

le padding 4px ne change rien le texte est toujours collé
23/02/2006, 14h45
Mr N.

Montre ton code stp
23/02/2006, 14h46
narnou

Tu as un exemple concret qu'on voit a quoi ca ressemble parce que la un bout de code avec des colspan et rowspan partout, et tout ce mich-mach css, balises style, j'ai du mal a visualiser le rendu :p
23/02/2006, 15h07
macbook

Cô ça ?? :

Citation:

<?php
echo '<table>
  <tr>
    <td><img src="images/nouveautes001.gif" class="flechebis"></td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td><img src="' . $row[5] . '" class="photo"></td>
    <td width="400" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;"><strong>' . $row[0] . '</strong></td>
  </tr>
</table>' ;
?>

Phpsyntaxcolor powered by decabodi
23/02/2006, 15h42
Michaël
et avec
Code:

1 2 <table style='border-collapse: collapse;'> </table>
ce post mériterait d'être ici ;) je ne vois absolument aucun rapport avec php...

tiens un exemple. tu peux regarder le source et le fichier css ;)
23/02/2006, 15h44
macbook

C'est vrai que le rapport avec PHP est très lointain... Dans la section HTML ?

Il faudrait attendre l'arrivé d'un modérateur.