Forum

Reprise du message précédent

bon je rechange d'avis, je prend la meilleur solution : abandon

Que ce qui ne va pas dans le code que je t'avais donné?

bah ça fait pas réellement ce que je souhaite,
C'est a dire les annonces gauche et droite ne sont pas séparé, et l'image et le texte qui va avec ne sont pas mis dnas un meme cadre.

Eux sinon je croie que c'est tout lol

Il me semble que c'est exactement ce que tu demandes ce code:

[code]<table style="width: auto;margin: auto;border-spacing: 1px;background-color: black;color:white;text-align:center;border: 1px solid #999999;">
<tr>
<td style="padding:5px;"><img src="http://nevrus.free.fr/image.png" alt="" /><br /> texte1</td>
<td style="padding:5px;"><img src="http://nevrus.free.fr/image.png" alt="" /><br /> texte2</td>
</tr>
<tr>
<td style="padding:5px;"><img src="http://nevrus.free.fr/image.png" alt="" /><br /> texte3</td>
<td style="padding:5px;"><img src="http://nevrus.free.fr/image.png" alt="" /><br /> texte4</td>
</tr>
<tr>
<td colspan="2">ton image de planing</td>
</tr>
</table>[/code]

Si c'est pas ça explique mieux ce que tu cherches.

Voila ton code actuelle avec les 2 modif que j'aimerais :



C'ets à dire, de l'espace entre les 2
Et que chaque image et son texte soit encadré (cadre jaune)

Si je suis pas claire j'essayerais d'etre encore plus précis

Édité par Snipefire Le 23/09/2006 à 19h40

Qu'en penses-tu? N'hésites pas à refaire des screens pour montrer ce que tu veux si ça va pas.


[code]<table style="width: auto;margin: auto;border-spacing: 30px;background-color: black;color:white;text-align:center;border: 1px solid #999999;">
<tr>
<td style="padding:20px;border: 2px solid yellow;-moz-border-radius: 1em;"><img src="http://nevrus.free.fr/image.png" alt="" /><br /> texte1</td>
<td style="padding:20px;border: 2px solid yellow;-moz-border-radius: 1em;"><img src="http://nevrus.free.fr/image.png" alt="" /><br /> texte2</td>
</tr>
<tr>
<td style="padding:20px;border: 2px solid yellow;-moz-border-radius: 1em;"><img src="http://nevrus.free.fr/image.png" alt="" /><br /> texte3</td>
<td style="padding:20px;border: 2px solid yellow;-moz-border-radius: 1em;"><img src="http://nevrus.free.fr/image.png" alt="" /><br /> texte4</td>
</tr>
<tr>
<td colspan="2">ton image de planing</td>
</tr>
</table>[/code]

ça devient bien.

3 choses encore

1/ Le fond principale soit transparent.
2/ Le fond des encadré soit le meme que celui des news (le bleu lisse)
3/ Que l'encadré (jaune) soit moin à 2px de l'image

Merci beaucoup pour ton temps consacré

Ca me prend pas de temps si tu es précis dans ta demande Ca commence à être chargé, ça serieux mieux de passer par le css là.

[code]<table style="width: auto;margin: auto;border-spacing: 30px;color:white;text-align:center;border: 1px solid #999999;">
<tr>
<td style="background-color: #9ebcd9;padding:4px;border: 2px solid yellow;-moz-border-radius: 1em;"><img src="http://nevrus.free.fr/image.png" alt="" /><br /> texte1</td>
<td style="background-color: #9ebcd9;padding:4px;border: 2px solid yellow;-moz-border-radius: 1em;"><img src="http://nevrus.free.fr/image.png" alt="" /><br /> texte2</td>
</tr>
<tr>
<td style="background-color: #9ebcd9;marging:4px;border: 2px solid yellow;-moz-border-radius: 1em;"><img src="http://nevrus.free.fr/image.png" alt="" /><br /> texte3</td>
<td style="background-color: #9ebcd9;padding:4px;border: 2px solid yellow;-moz-border-radius: 1em;"><img src="http://nevrus.free.fr/image.png" alt="" /><br /> texte4</td>
</tr>
<tr>
<td colspan="2">ton image de planing</td>
</tr>
</table>[/code]

Le texte de la première image a été un peu plus long. Il faudrait que les cadres ne dépasse pas la largeur du première cadre

Et sinon pour le reste ça me parait bien. Je testerais réellement sur phpboost apres la petite modif.

Et au passage peux-tu me traduire

Il suffit de spécifier la largeur du cadre.


-moz-border-radius: 1em; est un attribut css 3 qui permet de faire des contours arrondis (ne marche pas sur IE)