> Tous les forums > Forum des Webmasters
 Avoir un lien avec des images sur une feuile html
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
Saturnien
  Posté le 13/09/2016 @ 08:03 
Aller en bas de la page 
Astucien

Bonjour,
Dans ma page d'accueil, j'ai des images représentant une station météo.

Image d'origine

Avec Photofiltre, j'ai intégré des images en couleur, à mettre dans les petits carrés

Image à ajouter

Par contre, ces images font parties de l'image principale.

Image finale

Ce que je souhaiterais (si c'est possible) qu'avec ces petites images, je puisse avoir un lien (comme avec les boutons des mois) pour ouvrir une page html

Voir mon site (en construction) :
http://st-florent-meteo-clopiniere.akeonet.com

Merci de votre aide
Cordialement



Modifié par Saturnien le 13/09/2016 09:25
Publicité
elle
 Posté le 13/09/2016 à 08:40 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Et tu veux qu'un clic sur les images ouvre un lien, j'imagine?

Enregistrer

Saturnien
 Posté le 13/09/2016 à 08:49 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour,

Attends, il y a un problème à mon message, il manque tout.

Ça y est, c'est bon



Modifié par Saturnien le 13/09/2016 09:26
zoulouman
 Posté le 13/09/2016 à 22:06 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Salut,

Ca y est, c'est bon, mais tu n'as pas répondu....

Saturnien
 Posté le 13/09/2016 à 23:10 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonsoir

Oui, c’est ça

cebe
 Posté le 16/09/2016 à 07:42 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour,

Pour avoir un lien sur une image, ou sur une partie de texte, il convient de placer les balises <a href=.........>Texte ou image</a>.

Vois l'exemple ci-dessous de ce que j'utilise :

<a href="http://www.monsite/chemin dossier/nom de ma page.php">

<img " src=chemin/mon_image.jpg width=105px height=95px target=_blank alt="Cliquez ici pour en savoir plus" title="Cliquez ici pour en savoir plus" ></a>

Je place d'abord le chemin de la page que je souhaite ouvrir,

La balise target permet d'ouvrir la page dans une autre fenêtre, si ce n'est pas le cas, peut être enlevée,

Je mets deux fois le titre (alt= et title=) parce que certains navigateurs ne lisent que l'un ou l'autre, quelquefois les deux !

en espérant t'avoir été utile,

Saturnien
 Posté le 17/09/2016 à 15:38 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour,

J'ai un site : http://st-florent-meteo-clopiniere.akeonet.com/

Ma page d'accueil (html) comprend fabriqué avec "Kompozer":
1) Un fond uni
2) Des images (une station météo)
3) Des images en forme de boutons (cliquables avec un lien vers une page "html")
4) Des petites images météo cliquables aussi.

Lien vers une image externe

Voici le code de ma page :

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Essais Guy</title>
</head>
<body style="color: white; background-color: rgb(0, 51, 153);"
alink="#33cc00" link="yellow" vlink="#ff0000">
<div style="text-align: center;">
<h1>Météo</h1>
<img style="width: 791px; height: 550px;" alt="Station"
src="Essais/Essai.png"><br>
<br>
<img style="width: 26px; height: 26px;" alt="Horloge"
src="file:///F:/GraphWeather/Stylesheets/Wmr200/Horloge_Station.png">
<img style="width: 14px; height: 22px;" alt="Humidité"
src="file:///F:/GraphWeather/Stylesheets/Wmr200/Humidite.png">
<img style="width: 34px; height: 28px;" alt="Nuage"
src="file:///F:/GraphWeather/Stylesheets/Wmr200/Nuage%20Station.png">
<img style="width: 24px; height: 23px;" alt="Soleil"
src="file:///F:/GraphWeather/Stylesheets/Wmr200/Soleil%20Station.png">
<img style="width: 24px; height: 24px;" alt="Pluie"
src="file:///F:/GraphWeather/Stylesheets/Wmr200/Pluie_Station.png">
<img style="width: 24px; height: 24px;" alt="Terre"
src="file:///F:/GraphWeather/Stylesheets/Wmr200/Terre.png">
<img style="width: 10px; height: 24px;" alt="Temperature"
src="file:///F:/GraphWeather/Stylesheets/Wmr200/Thermom%C3%A8tre%20Station.png">
<img style="width: 28px; height: 20px;" alt="Vent"
src="file:///F:/GraphWeather/Stylesheets/Wmr200/Vent.png">
<img style="width: 21px; height: 25px;" alt="Graphique"
src="file:///F:/Meteo/Meteo_Clopiniere/Essais/Graphique.png"><br>
<br>
</div>
</body>
</html>

Ma question est :

Les petites images que l'on voit sur l'image ci-dessus sont des images cliquables, MAIS, je n'arrive pas à les mettre par-dessus les petites images au bas de la station, comme le modèle ci-dessous.

Lien vers une image externe

Les petites images qui sont ci-dessus ne sont pas cliquables, elles font partie de l'image de la station.

Si vous avez une idée, je suis preneur
Merci de votre aide

Cordialement



Modifié par Saturnien le 17/09/2016 15:41
elle
 Posté le 17/09/2016 à 17:28 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Saturnien
 Posté le 17/09/2016 à 18:27 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour,

Merci de la réponse.

Je ne comprends pas déjà les première ligne.

Je vais essayer

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
7,99 €Lot de 32 piles Philips AA à 7,99 €
Valable jusqu'au 17 Septembre

Fnac fait une promotion sur le lot de 32 piles Philips AA qui passe à 7,99 € au lieu de 15 €.


> Voir l'offre
155,89 €Kit de 32 Go (2x16 Go) de mémoire DDR4 Corsair Vengeance RGB Pro 3600 MHz à 155,89 € livré
Valable jusqu'au 16 Septembre

Amazon Allemagne fait une promotion sur le kit de 32 Go (2x16 Go) de mémoire DDR4 Corsair Vengeance RGB Pro 3600 MT/s CL18 à 151,16 € (avec la TVA ajustée). Comptez 4,73 € pour la livraison en France soit un total de 155,89 € livré alors qu'on le trouve ailleurs autour de 190 €. Vous pourrez personnaliser la palette de couleurs directement depuis le logiciel Corsair iCU.

Vous pouvez utiliser votre compte Amazon France sur Amazon Allemagne et il n'y a pas de douane.


> Voir l'offre
11,99 €Hub 4 ports USB 3.0 Sabrent avec commutateurs à 11,99 €
Valable jusqu'au 16 Septembre

Amazon fait une promotion sur le Hub 4 ports USB 3.0 Sabrent à 11,99 €. On le trouve ailleurs autour de 14 €. 4 commutateurs lumineux vous permettront d'activer ou non chaque port USB 3.0.


> Voir l'offre

Sujets relatifs
images tournantes avec lien
Comment faire avec un lien mailto pour avoir .....
Créer un mail "newletter" en html avec zone cliquable
Codage HTML dans Dreamweaver avec une template Photoshop
Bannière avec images déroulantes
MHT : peut-on en récupérer le HTML et les images
Pas de mail recu avec formulaire html et php
Avoir son site web sans connaissance Html ect...
Obtenir métadonnées dans images avec JavaScript?
lien qui fonctionne avec IE7 et pas avec Firefox
Plus de sujets relatifs à Avoir un lien avec des images sur une feuile html
 > Tous les forums > Forum Forum des Webmasters