Texte sur une image avec map

Bonjour,
bon alors je débute donc soyez indulgent
Alors j'essaye de créer un site pour mettre mes photos. Pour le moment j'ai fais que la page d'acceuil avec des liens vers les autres pages, et sur les autres pages ya le fond mais pas le texte ni les galeries.
Donc je voudrais rajouter du texte (logique) mais le problème c'est que mon image de fond n'est pas en fond justement.. j'ai voulu faire un lien vers l'acceuil avec une image mappé du coup je peux pas mettre mon image en background, du moins il me semble.. Donc j'arrive pas à mettre mon texte "par dessus"..
Je sais pas si je suis claire désolée, je connais pas trop les termes techniques..

Par exemple dans la page evasion.html
j'ai mis

<map name="home2" id="home2">
<img src="http://vestibulle.free.fr/evasion.jpg" usemap="#home2" width="900" height="600">
<area shape="rect" coords="703,529,853,591" href="http://vestibulle.free.fr" alt="home"></map>

Pour créer un lien vers l'acceuil.

Donc, comment faire pour pouvoir écrire du texte par dessus? Ou alors puis-je mettre mon image en background mais que la map marche toujours ?

Merci beaucoup si vous pouvez m'aider
Modifié par Zebre rouge (20 Nov 2006 - 14:33)

Bonjour Zebre rouge et bienvenue,

Je te remercie d'avoir différencié le code du reste du texte mais pourrais-tu éditer ton message et le placer entre [ code] et [ /code] (sans les espaces) comme indiqué dans la FAQ ? Ce balisage particulier sert aussi aux lecteurs d'écran... entre autres.

Merci d'avance.

Autant (au temps) pour moi
Modifié par Zebre rouge (20 Nov 2006 - 14:29)

Bonjour Zebre rouge, et bienvenue sur ce forum.

Suivant ce que tu veux réaliser, utiliser une image map n'est peut-être pas la meilleure solution. Donc si tu avais un exemple (image, description du comportement voulu) à nous montrer, je pense qu'on arrivera à te guider.

http://vestibulle.free.fr/evasion.html

en cliquand sur home ça ramène sur la page d'acceuil (trop logique )
Et le "hOme" fait partie de mon image, ce n'est pas du texte rajouté.

Bon, on peut faire quelque chose d'assez simple pour obtenir cet effet. Par exemple, on peut avoir d'une part le design global comme image de fond d'un bloc conteneur, et d'autre part une image de contenu (élément HTML img) pour le lien. Le tout sera de bien positionner ce lien/image.

Rapidement, en HTML+CSS :

[b]HTML :[/b]
<div id="global">
	<a id="lien-home" href="/" title="Revenir à la page d'accueil">
		<img src="lien-home.jpg" alt="Home" />
	</a>
</div><!-- fin de div#global -->

[b]CSS :[/b]
#global {
	position: relative
	width: 900px;
	min-height: 600px;
	margin: 0 auto;
	background: white url(evasion.jpg) center top no-repeat;
}
#lien-home {
	position: absolute;
	top: 520px;
	right: 60px;
}

Quelque chose du genre.

Par contre, je signale en passant que :
1 - une image de fond de 448 Ko, ça va pas le faire... ;
2 - vu le design, ça risque d'être difficile de caser du contenu textuel... Mais je suppose que c'est un site de graphisme, pas forcément fait pour le texte.

le texte sera juste dans les petites "bulles" plus claires, le reste ça sera des galeries.
J'avais pas du tout fait attention à la taille des images ! Je vais réduire ça..

Donc il faudrait que je mette l'image en fond, et que je mette juste une petite image "home" bien positionné ? J'essayerais ça

Merci de m'avoir répondu