[HTML] Pb texte sur image dans ligne d'un tableau

Bonjour,

Je me lance dans la programmation HTML et ça commence un peu mal puisque je n'arrive à faire un petit truc qui je suis sûr sera facile pour vous.

Je m'explique : l'en-tête de ma page internet sera une image et j'aimerais qu'à l'intérieur de celle-ci, il y ai mon menu (accueil.....) mais je n'arrive pas à le faire. Bien entendu, je veux que cette image/menu soit dans une ligne de tableau.

J'ai fait des recherches sur le forum et j'ai trouvé la propriété Position:absolute qui marche très bien mais je ne sais pas comment faire pour écrire dans l'image.

Voici le bout de code que j'ai fait :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Titre de ma page</title> </head> <body style="color: WHITE"> <table style="position:absolute" border="5" style="width: 636px; height: 67px"> <tr > <td colspan="3"> <p> <img src="Images/BandeauMenu.jpg"/> </p> </td> </tr> </table> </body> </html>
Je vous remercie pour votre aide. ;)

Mets plutôt ton image en arrière-plan :

Code:

1
2
3
4
5
6
<td colspan="3">
                <p style="backgroung-image: url('Images/BandeauMenu.jpg');">
                    mon texte
                </p>
 
            </td>

Tu dois pouvoir mettre le style="background-image... dans la balise <td>.

Merci à toi _Mac_ pour ta réponse.

J'essaerai ce soir en rentrant du taf. Toutefois, si je veux mettrre mon texte au milieu de l'image, comment dois-je faire ?

Merci à toi.

Si vraiment tu es limité par l'image, essaie superposer 2 DIV (en jouant sur les z-index) ou crée un DIV aux dimensions de l'image en mettant l'image en arrière-plan comme je te l'ai montré et centre ton texte dans le div.

Salut _Mac_,

J'ai déplacé le "style:background" dans le <TD> car ça ne fonctionnais pas dans la balise <P>.

Du coup, ça donne ceci et ça fonctionne nickel :
Code:

1 2 3 4 5 6 7 8 9 10 11 <table style="color:red ; width: 698px; height: 156px;" border="5" > <tr > <td colspan="3" style="background-image: url(Images/Copie de Bandeau.jpg); background-repeat: no-repeat; height: 141px;"> <p style="position:absolute ; left:265px ; top:157px ; font-family:Verdana">Menu1</p> <p style="position:absolute ; left:336px ; top:157px ; font-family:Verdana">Menu2</p> </td> </tr> </table>
J'ai pas tout compris pour le DIV, désolé :roll:. Si tu veux bien me réexpliquer ce serait sympa.

En tout cas, je te dis un grand merci pour ton aide.