> 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
2,18 €Câble RJ45 Cat5e PremiumCord 5 m, Gigabit/LAN à 2,18 €
9,99 € -78%

Amazon fait une belle promotion sur le câble RJ45 Cat5e PremiumCord d'une longueur de 5 mètres, Gigabit/LAN à 2,18 € seulement. Câble compatible Gigabit (1000 Mbit/s) et jusqu'à Multi-G (2.5 et 5 Gbit/s). D'autres longueurs de câbles sont également en promotion : 1 mètre à 0,83 €, 3 mètres à 1,62 € et 10 mètres à 4,05 €.


Voir l'offre
109,99 €Sega Mega Drive Mini 2 avec 60 jeux à 109,99 €

Amazon propose en précommande la nouvelle Sega Mega Drive Mini 2 qui sortira le 27 octobre prochain à 109,99 €. Cette nouvelle réplique miniature de la célèbre console de SEGA est plus puissante que la précédente, est accompagnée d'une manette à 6 boutons, comporte désormais des titres Mega CD. Elle peut être branchée sur une TV moderne via HDMI et intègre 60 jeux mythiques.


Voir l'offre
75,05 €SSD SanDisk Plus 1 To à 75,05 € € livré
90 € -17%

Amazon Allemagne propose actuellement le SSD SanDisk Plus 1 To à 70,49 € (avec la TVA ajustée). Comptez 4,56 € pour la livraison en France soit un total de 75,05 € livré. Une bonne affaire pour ce SSD très fiable et performant qui offre des débits de 530 Mo/s en lecture et 445 Mo/s en écriture. Il est garanti 3 ans. On le trouve ailleurs à partir de 90 €. 

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


Voir l'offre
261,88 €Ecran PC 34 pouces Samsung ultralarge (WQHD 3440x1440, 4 ms, 75Hz) à 261,88 €
339 € -23%

Cdiscount fait une promotion sur l'écran PC 34 pouces Samsung LS34J550WQRXEN ultralarge qui passe à 301,88 € au lieu de 339 €. Or Samsung rembourse actuellement 40 € pour l'achat de cet écran qui vous reviendra à 261,88 € après remboursement.

Cet écran possède une dalle VA de résolution 3440x1440 à 75 Hz (compatible FreeSync). La fonction Picture-by-Picture intégrée (PBP) permet l'affichage de deux sources différentes côte à côté à leur résolution native. Entrées HDMI et DP.


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