> 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
Gratuit3 mois d'abonnement à Amazon Music Unlimited gratuits
Valable jusqu'au 25 Septembre

Amazon vous permet d'essayer son service de streaming musical pendant 3 mois gratuitement. Avec Amazon Music Unlimited, accédez à plus de 50 millions de titres, sans publicité et en illimité sur tous vos appareils : smartphone, tablette, PC/Mac, Fire, Alexa. Vous avez même la possibilité de télécharger vos playlists pour des écoutes hors connexion. A la fin de ces 3 mois, vous pourrez basculer vers l'offre payante à 9,99 € / mois ou bien arrêter sans frais le service. A noter l'existence d'une offre famille à 14,99 € / mois qui permet jusqu'à 6 utilisateurs d'écouter leur musique à tout moment et sur leurs appareils préférés. Vous pouvez annuler l'abonnement à tout moment.


> Voir l'offre
14,90 €Windows 10 Pro 32/64 bits OEM à 14,90 €
Valable jusqu'au 27 Septembre

Le vendeur sérieux LicenSE-ONLine propose sur Amazon la clé d'activation pour Windows 10 professionnel en français 32 bits / 64 bits à 14,90 €. Cette clé livrée par email fonctionne avec l'outil d'installation et de création de support de Microsoft que vous pouvez télécharger ici ou directement avec l'ISO de Windows 10 Pro. De quoi installer légalement Windows 10 Pro sur un PC. Pour en savoir plus sur l'achat et l'installation d'une clé OEM de Windows 10, suivez les indications de notre dossier pratique.


> Voir l'offre
24,99 €Clavier sans fil Logitech Wireless Desktop K400 Plus avec pavé tactile à 24,99 €
Valable jusqu'au 28 Septembre

Amazon fait une promotion sur le clavier sans fil Logitech Wireless Desktop K400 Plus à 24,99 €. Ce clavier sans fil dispose d'un large pavé tactile de 9 cm avec navigation multipoint pour un pointage à un doigt simplifié et un défilement vertical à deux doigts. Idéal pour contrôler votre ordinateur à distance, s'il est connecté à une TV par exemple. On le trouve ailleurs à partir de 40 €. 


> 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