Discussion :

[Argorate]

Bjs, j'ai un problème que je pensais avoir réglés mais qui me dérange a nouveau!
J’avais réussi a coller une image a un tableau quand l'image est au dessus du tableau, avec une class css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.testimg {border: 0;vertical-align:bottom;}

Mais maintenant j'aimerais faire de même, en collant l'image sur le bord droit:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<table>
     <tr>
          <td>[...]</td>
     </tr>
</table>
<img class="menuimg" src="images/site/onglet_jeu.gif" width="34" height="143">

Le pb c'est que même si dans le code il n'y a rien qui l'indique, dans l'affichage, cela met un retour à la ligne comme si il y avait un <br>, c'est assez ennuyeux!

J'ai essayer de mettre les padding, border, margin... a 0 j'ai essayer plein de fonction différente, mais y en a trop alors si quelqu'un peu complété mon css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.menuimg {border: 0; ??}

[PuppeT mAsTer]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.menuimg {border: 0;text-align:right}

J'ai pas tout compris ce que tu voulais hormis un alignement à droite mais ça devrait faire l'affaire.

PM

[Argorate]

Ok, alors je reprend, prenez FrontPage, faites un tableau quelconque, ensuite insérer une image (peut importe la taille ou se que s'est). Mettez votre curseur sur la gauche de l'image, et appuyer sur la grande flèche au dessus d'ENTRER, vous verrez que l'image ne remonte pas d'une ligne, et ne va pas se coller au tableau, coimme ça le ferais si y avais autre chose qu'un tableau.
Je cherche donc le moyen de coller l'image au tableau. Et se qu'il serait le mieux c'est que sa colle au haut du tableau et pas sur le bas.
Si vous comprenez tjs pas j'essaierais de faire un screen dans la soirée.

Ps : ton code ne marche pas, l’image ne doit pas être considéré comme un texte…

[Linaa]

J'ai rien compris...
Tu veux mettre une image et un tableau sur la meme ligne?

[Argorate]

c'est pourtant simple, tu as suivit mes instruction? je paris que tu as juste lu et esseyer de l'imaginer...

[Linaa]

Difficile quand on a pas FrontPage sous la main......

Si vous comprenez tjs pas j'essaierais de faire un screen dans la soirée.

[Argorate]

sa doit marcher avec Dreamweaver, mais j'ai contourner le probleme par un tableau dans un tableau.

[Linaa]

Donc ?

[Argorate]

non, contourné car j'ai pas le temps d'attendre la reponce de celui qui sait, cepandant si quelqu'un conait la solution, ça poura mettre utile.

[masu]

la balise table est de type block donc le retour a la ligne semble normal, un display:inline doit resoudre le probleme.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
*{
	margin:0;
	padding:0;
}
 
table {
	display:inline;
	border-collapse:collapse;
	border: 1px solid red;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<table summary="test">
     <tr>
          <td>dummy</td>
     </tr>
</table><img class="menuimg" src="prix_help.png" width="34" height="143" alt="" />

attention pour avoir un effet collé et pas d'espace entre le tableau et l'image, il ne faut aucun espace ni de retout a la ligne entre la fin de la balise table et la balise img.