Incorporer une image "cliquable" avec du CSS

Incorporer une image "cliquable" avec du CSS - HTML/CSS - Programmation

Marsh Posté le 14-08-2012 à 00:47:09    

Bonsoir,

 

Je crois ne pas avoir démarché au bon endroit de prime abord je m'essaye donc par ici selon les conseils d'un membre.
Je réitère ma requête: Je souhaiterais utiliser une image cliquable (ça je sais faire)  comme fond (pour une entête de forum) pour incorporer par dessus des blocs (boites flottantes?), dans lesquelles je pourrais mettre du texte ou d'autres codes html (des boutons..) Est-ce possible?
 
Merci beaucoup de votre attention et vous pouvez regarder le sujet en lien... (si j'ai bien réussi à le mettre en lien ^^)

 

>> http://forum.hardware.fr/hfr/Graph [...] m#t1146928


Message édité par sehra le 14-08-2012 à 00:48:02
Reply

Marsh Posté le 14-08-2012 à 00:47:09   

Reply

Marsh Posté le 14-08-2012 à 11:05:05    

oui c'est possible, mais l'image ne sera pas officiellement en fond, sinon tu ne peux pas la faire cliquable. En gros tu fais en sorte que ton image prenne la place du header entier, tu place tes autres éléments, et tu joues avec le z-index en css :)


---------------
L'ennui est le pire ennemi d'un travail réussi
Reply

Marsh Posté le 14-08-2012 à 15:15:52    

Je suis ravie que "ce soit possible" maintenant... j'ai examiné tes propos... et... ... ... j'ai plus qu'à trouver la définition et réalisation de tous ces paramètres.. qui ont l'air fort aimable! (oui je suis débutante xD) Merci beaucoup pour ces nouvelles pistes à explorer.

Reply

Marsh Posté le 14-08-2012 à 19:20:23    

Alors tout mettre dans le Header j'ai "à peu près" compris. La suite néanmoins un peu moins. Mon élément div se met "en dessous". Je me lance et je vous montre... mon code. *s'attend à recevoir des tomates*
 

Code :
  1. <center><table border= "0" cellpadding= 2px  width= "1000px" height= "550px" bgcolor= "#000000">
  2. <tr><th><td><img src="adresse fabuleuse" width="1000" height="550" border="0" usemap="#map" /><map name="map"><area shape="rect" coords="34,150,175,317" href="lien" /></map><div style="position : relative; top : 10px; background : none; border-radius : 10 px 10px 0 0; border : 1px;  border: 1px solid black; font-family : arial; color : green; font-size: 14px; padding : 4px; text-align : right; overflow : auto;"> *texte texte texte </div></td></th></tr></table></center>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed