[HTML] Ajouter du texte sur une image

Bon, primo je ne connais pas grand chose a la programmation en HTML, alors soyez indulgent.

Je voudrait cree un petit site web pour l’utiliser comme portfolio. Je ne tiens pas a le faire hoster, c’est seulement pour un travail scolaire. Comme je ni connais que dalle en programmation HTML, j’ai downloader une page vierge (un template) deja sommairement programmer.

Maintenant passons au probleme.

Il y a des boutons de navigation vers d’autre page sur le site, mais malheureusement il n’y a aucun texte sur les boutons donc il faut deviner sur quoi cliquer pour aller ailleur (Photos attacher).

Le code HTML pour les boutons se present comme suis:

<area href="default.htm" coords="0, 18, 169, 43" shape="rect"> <area href="news.htm" coords="0, 53, 181, 77" shape="rect"> <area href="designs.htm" coords="0, 89, 192, 116" shape="rect"> <area href="contactus.htm" coords="0, 129, 192, 154" shape="rect"> <area href="links.htm" coords="0, 166, 175, 191" shape="rect"> <area href="http://www.pegaweb.com" shape="rect" coords="7, 198, 143, 269"></map><img border="0" src="images/logomenu-withouttext.jpg" usemap="#FPMap0" width="199" height="350">

Quel code dois-je ajouter a ces lignes pour que du texte apparaisse par dessus les boutons? Les liens vers les autres pages sont deja etablie, il ne reste plus qu’a identifier chaque bouton et a lui mettre le titre approprier.

Comme vous pouvez le constatez, j’utilise Dreamweaver. Mais je ne peu l’acceder qu’a l’ecole. A la maison j’utilise Microsoft Frontpage. Alors si quelqu’un a une solution pour un ou l’autre editeur HTML, je serait ravie que vous m’en fassiez part.

Merci d’avance.

[quote name=‘SK!LLZ’ date=’ 10 Jun 2005, 08:06’][…]

Quel code dois-je ajouter a ces lignes pour que du texte apparaisse par dessus les boutons? […][/quote]

Tu “n’as qu’à” ouvrir le fichier “logomenu-withouttext.jpg” avec paint ou un photoshop (ou un GIMP s’il le faut vraiment) (ou paint shop pro) et rajouter le texte grâce à … euh… l’outil Texte.

(c’était la BA du jour)

[quote name=‹ nolan › date=’ 10 Jun 2005, 08:28’]Tu « n’as qu’à » ouvrir le fichier « logomenu-withouttext.jpg » avec paint ou un photoshop (ou un GIMP s’il le faut vraiment) (ou paint shop pro) et rajouter le texte grâce à … euh… l’outil Texte.

(c’était la BA du jour)
[right][post=« 366851 »]<{POST_SNAPBACK}>[/post][/right][/quote]

Ah? Je m’attendais a un truc plus compliquer. Mais j’aurais quand meme aimer savoir comment le faire sans l’alternative d’ajouter du texte avec un editeur d’image. :stuck_out_tongue:

Quelqu’un saurait comment je doit m’y prendre?

Dit toi que c’est la meilleur méthode et la plus simple.

L’autre manière c’est d’utiliser une css, tu place ton menu dans une que tu sors du flux par le biais d’un petit “position:absolute;” (dans la css of course).
Ensuite tu cales la div en donnant sa position en px sur la page.

Le truc c’est qu’il faut viser juste…et c’est souvent un peu merdique.

Note : Tu peux aussi mettre chaque élément du menu dans une balise , genre ça :

Et tu remplaces p_left et p_top, par la position en pixel par rapport à la gauche et au haut de la page. Dans ce cas, tu n’as pas besoin de css, puisque le style est définit dans la balise.

:stuck_out_tongue: Hmmm okay. Je crois que je vais plutot utiliser la methode de nolan… Parce que la tu me perd totalement… :stuck_out_tongue:

Mais c’est pas grave, merci quand meme. :stuck_out_tongue:

En même temps, j’avais prévenu.
Si tu veux quelques explications sur les css :

http://openweb.eu.org/

Moi je trouve ça bien chiant d’avoir une seul et unique image sur le coté.

Tu as le fichier photoshop ou l’image t’était fournie ?

L’image était fournie. Mais bon ça a peu d’importance. Je crois que finalement je ferai le projet sur un autre média et je me lancerai dans la programmation HTML plus-tard.

Comme quoi on peu résoudre ses problème seul parfois. Mais merci quand même.

Ismar: J’ai verifier pour le CSS, ça a l’air beaucoup mieux (et simple) que le vieux HTML.

C’est pas si simple, pour peu que tu comprennes la logique, le reste suis. Mais le HTML est pas si compliqué que ca… Une fois que tu connais la syntaxe de base d’une page, il suffit d’y ajouter tes éléments et leurs attributs.

J’ajouterais à ce qu’a dit Akyrho, que les CSS ne remplacent pas le “vieux html” mais en est complémentaire.
Les CSS ça sert juste à mettre en forme “visuellement” les éléments HTML.