Incorporer une image "cliquable" avec du CSS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Incorporer une image "cliquable" avec du CSS

sehra

Bonjour à tous, voici mon premier message en ces lieux...

J'espère en apprendre auprès de vous parce que dans mon coin je trépigne... En d'autres termes, soyez indulgents, c'est pas l'envie qui me manque.

Mon problème du jour - car oui j'ai un problème - concerne la création d'une entête "interactive" pour un forum de type RPG.

Ne sachant manipuler sans désastre quelques tableaux html (oui j'ai honte), je me suis rabattue sur l'option image cliquable qui était une alternative intéressante pour qui est plus exigeant en rendu graphique qu'en rendu "pratique"... Toujours est-il que ce temps est révolu et qu'à présent j'aimerais mêler ma très très légère maîtrise des <div> à mon image "cliquable".

Clairement, je n'arrive pas à intégrer:

Code :

<img src="adresse de mon image merveilleuse" width="1000" height="550" border="0" usemap="#map" />
<map name="map">
<area shape="rect" coords="34,150,175,317" href="http://osh-le-secret.xooit.com/t55-Nous-lier.htm" />
</map>

dans:

Code :

<div class="global" style="width: 100%; color:black; background-color: white; background-image:url(adresse image); border-radius : 20px; border : 2px solid black; padding : 8px; width : 984px; height : 534px">

Est-ce... imaginable ou est-ce que... j'ai trop d'imagination? Merci beaucoup de votre attention et commentaires ^^

Publicité

Profil supprimé

Hi,

Qu'est-ce que tu veux faire en fait ? j'comprends pas trop à vrai dire.

sehra

Ah oui c'est très probable...
Alors avec des termes plus claires... je veux mon image cliquables (car je ne sais m'en débarrasser encore pour tout ce que je veux faire graphiquement) mais incorporer dessus des zones (boites flottantes?) de texte html ou petit bouton en html.

merci beaucoup de te pencher sur ma question.

Profil supprimé

Oué je vois, ben en fait ça existe des générateurs pour ce que tu veux faire. Genre http://www.image-maps.com (je sais pas ce que ça vaut j'ai pris au pif) tu cherches avec images maps

Après il y a peut être d'autres solutions et peut-être plus propre mais faudrait plutôt demander ici http://forum.hardware.fr/hfr/Progr [...] ujet-1.htm

sehra

Les images map, j'ai trouvé comment faire oui, mais c'est incorporer des zones, area, html pour texte ou autre, ces générateurs font ça également? Pas besoin de bidouiller avec des Div variées?

sehra

Oh d'accord, mille excuses si je n'ai investi les bons lieux. Merci en tout cas!

genghis77

-_-'

PhotoShop fais pas ça? Imageready le faisait on pouvait rajouter du texte à là zone

---------------
Je sais que je plais pas à tout le monde... mais quand je vois à qui je plais pas... je me demande si ça me dérange vraiment

sehra

Je vais explorer cela mais non seulement du texte, je veux pouvoir intégrer des balises html pour des boutons ou autres informations. Merci beaucoup! J'ai posté ma demande du côté "CSS" et j'ai une autre alternative également.. y a plus qu'à...

>> http://forum.hardware.fr/hfr/Progr [...] m#t2153222

wizopunker

FUCK ANARCHY!

div#container a#first{
position : absolute;
top : 50px;
left : 50px;
}
</style>

ça, ça va te permettre de placer ton lien (que ce soit du texte ou une image) n'importe où par dessus ton image. C'est ça que tu voulais ?

Message édité par wizopunker le 15-08-2012 à 22:55:33

---------------
| .:: www.wizopunk-art.com - Développement web ::. |

sehra

Merci beaucoup! Je ne sais pas.. je vais faire des tests pour essayer ça.

FORUM HardWare.fr

Graphisme

Web design

Incorporer une image "cliquable" avec du CSS

Sujets relatifs
Petite demande aux amateurs de retouche d'image	Une image en petits morceaux ! ça existe ?!
Aide débutant : ameliorer une image	Copier une image à partir du même centre que la 1er image
[Resolu] Bord flou image trop petite	Quel effet sur cette image ?
blender probleme en image	Indesign 3 - Export en image ?
[Noob] J'arrive pas a reconnaitre le type de police de cette image
Plus de sujets relatifs à : Incorporer une image "cliquable" avec du CSS

Page générée en 0.055 secondes