Script liens avec 2 photos
Résolu/Fermé
kyhak
Messages postés
16
Date d'inscription
dimanche 17 juin 2007
Statut
Membre
Dernière intervention
16 mai 2008
-
17 juin 2007 à 19:03
Scriptiz - 19 juin 2007 à 16:59
Scriptiz - 19 juin 2007 à 16:59
A voir également:
- Script liens avec 2 photos
- Créer un lien pour partager des photos - Guide
- Script vidéo youtube - Guide
- Toutes mes photos - Guide
- 2 comptes whatsapp - Guide
- Doublons photos - Guide
20 réponses
RAD ZONE
Messages postés
5224
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
22 mars 2024
1 353
17 juin 2007 à 21:55
17 juin 2007 à 21:55
2 liens
1 resizer d image http://www.easypict.org/
1 optimiser d image : http://tools.dynamicdrive.com/imageoptimizer/
RAD
1 resizer d image http://www.easypict.org/
1 optimiser d image : http://tools.dynamicdrive.com/imageoptimizer/
RAD
Je n'ai pas très bien compris ce que tu voulais mais voici un exemple, rajoute ceci avant la fin de ton body ( </body> )
<table width="200" border="1"> <tr> <td><a href="image1.jpg"><img src="image1.jpg" border="0" /><br /> Texte1</a></td> <td><a href="image2.jpg"><img src="image2.jpg" border="0" /><br /> Texte2</a></td> </tr> </table>
kyhak
Messages postés
16
Date d'inscription
dimanche 17 juin 2007
Statut
Membre
Dernière intervention
16 mai 2008
17 juin 2007 à 19:19
17 juin 2007 à 19:19
Merci pour ce script mais je vais mieux m'exprimer ;-).
Voilà je voudrais mettre 2 photos (l'une à côté de l'autre).
Sur chaque photo, je veux mettre un titre en bas à l'intérieur de la photo.
Enfin je veux que quand on clique sur une ou l'autre des photos, on tombe sur une autre page de mon site (en fait les deux photos auraient deux liens distincts de mon site).
C'est un site d'athlétisme, on veut mettre sur notre page d'accueil nos deux organisations de course et quand on cliquera sur l'une ou l'autre des photos on tombe sur les détails d'organisation de chacune d'elles.
Je précise une dernière chose, j'utilise le logiciel toweb (pour la création de site) et je ne peux pas mettre 2 photos côte à côte mais par contre j'ai la possibilité de mettre des scripts.
Merci pour la rapidité de la réponse
Voilà je voudrais mettre 2 photos (l'une à côté de l'autre).
Sur chaque photo, je veux mettre un titre en bas à l'intérieur de la photo.
Enfin je veux que quand on clique sur une ou l'autre des photos, on tombe sur une autre page de mon site (en fait les deux photos auraient deux liens distincts de mon site).
C'est un site d'athlétisme, on veut mettre sur notre page d'accueil nos deux organisations de course et quand on cliquera sur l'une ou l'autre des photos on tombe sur les détails d'organisation de chacune d'elles.
Je précise une dernière chose, j'utilise le logiciel toweb (pour la création de site) et je ne peux pas mettre 2 photos côte à côte mais par contre j'ai la possibilité de mettre des scripts.
Merci pour la rapidité de la réponse
kyhak
Messages postés
16
Date d'inscription
dimanche 17 juin 2007
Statut
Membre
Dernière intervention
16 mai 2008
17 juin 2007 à 19:32
17 juin 2007 à 19:32
Je précise enfin que mes photos ne sont pas sur mon disque dur mais chez un hébergeur donc j'ai des liens à copier.
Vraiment désolé de ne l'avoir dit que maintenant
Vraiment désolé de ne l'avoir dit que maintenant
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
17 juin 2007 à 19:56
17 juin 2007 à 19:56
salut,
peux-tu agir sur le html ?
et les css ?
peux-tu agir sur le html ?
et les css ?
kyhak
Messages postés
16
Date d'inscription
dimanche 17 juin 2007
Statut
Membre
Dernière intervention
16 mai 2008
17 juin 2007 à 20:24
17 juin 2007 à 20:24
Oui, oui pas de problème je peux agir sur le HTML, css par contre je ne sais pas (je pense que oui)
Essaye d'afficher un calque flottant au centre avec le tableaux que j'ai donné plus haut :)
voici le code du calque flottant :
Pour en changer la position il te suffit de changer left: 200px; top: 150px; c'est la position par rapport au coin supérieur gauche de la page :)
voici le code du calque flottant :
<div id="accueil" style="position:absolute; left:200px; top:150px; width:100px; height: 100px; z-index:1; overflow: visible;"> <table width="200" border="1"> <tr> <td><a href="image1.jpg"><img src="image1.jpg" border="0" /><br /> Texte1</a></td> <td><a href="image2.jpg"><img src="image2.jpg" border="0" /><br /> Texte2</a></td> </tr> </table> </div>
Pour en changer la position il te suffit de changer left: 200px; top: 150px; c'est la position par rapport au coin supérieur gauche de la page :)
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
17 juin 2007 à 21:01
17 juin 2007 à 21:01
re,
ou en version accessible et conforme tu peux tout simplement mettre en forme tes liens.
pour ça deux <a> suffisent comme dans cet exemple. je les ai mis dans un <div> pour me faciliter le ciblage.
html
css
ou en version accessible et conforme tu peux tout simplement mettre en forme tes liens.
pour ça deux <a> suffisent comme dans cet exemple. je les ai mis dans un <div> pour me faciliter le ciblage.
html
<div> <a id="gauche" href="https://www.commentcamarche.net/">Une ébauche d'essaim.</a> <a id="droite" href="https://forums.commentcamarche.net/forum/">Une belle couleuvre.</a> </div>
css
div a{ display:block; float:left; width:240px; padding-top:180px; border:1px solid #666; background-repeat:no-repeat; background-position:top left; } #gauche{ background-image:url(ressources/image_gauche.jpg); margin-right:1em; } #droite{ background-image:url(ressources/image_droite.jpg); }
RAD ZONE
Messages postés
5224
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
22 mars 2024
1 353
17 juin 2007 à 21:36
17 juin 2007 à 21:36
ET bien comme cela il verra comment faire !!!
et je suis loin d etre sur qu il comprenne mieux les calques flottants !!
la solution de la mise en forme des liens est tout de meme plus logique et bien plus simple, a mon avis !!!!
et je suis loin d etre sur qu il comprenne mieux les calques flottants !!
la solution de la mise en forme des liens est tout de meme plus logique et bien plus simple, a mon avis !!!!
kyhak
Messages postés
16
Date d'inscription
dimanche 17 juin 2007
Statut
Membre
Dernière intervention
16 mai 2008
17 juin 2007 à 21:47
17 juin 2007 à 21:47
Alors merci pour vos solutions et je suis assez fier de moi ;-))) car voici le résultat :
www.leblancathletisme.fr
(ce sont les 2 photos qui s'appellent : trail d'azay le ferron et course des 2 viaducs)
J'ai inséré ce script grâce à votre aide :
<table width="200" border="1">
<tr>
<td><a href="lien de mon site" ><img src="lien donné par l'hébergeur" border="0" </a> <br />
Trail d'Azay-Le-Ferron</a></td>
<td><a href="lien 2 de mon site" ><img src="lien 2 donné par l'hébergeur" border="0" </a> <br />
Course des 2 Viaducs</a></td>
</tr>
</table>
J'ai été obligé de passer par un hébergeur car sinon les photos originales prenaient une place trop importante. Y-a-t-il un moyen de mettre les photos originales mais les mettre un peu plus petites?
Deuxième question : serait-il possible de les centrer sur ma page?
Merci beaucoup
www.leblancathletisme.fr
(ce sont les 2 photos qui s'appellent : trail d'azay le ferron et course des 2 viaducs)
J'ai inséré ce script grâce à votre aide :
<table width="200" border="1">
<tr>
<td><a href="lien de mon site" ><img src="lien donné par l'hébergeur" border="0" </a> <br />
Trail d'Azay-Le-Ferron</a></td>
<td><a href="lien 2 de mon site" ><img src="lien 2 donné par l'hébergeur" border="0" </a> <br />
Course des 2 Viaducs</a></td>
</tr>
</table>
J'ai été obligé de passer par un hébergeur car sinon les photos originales prenaient une place trop importante. Y-a-t-il un moyen de mettre les photos originales mais les mettre un peu plus petites?
Deuxième question : serait-il possible de les centrer sur ma page?
Merci beaucoup
kyhak
Messages postés
16
Date d'inscription
dimanche 17 juin 2007
Statut
Membre
Dernière intervention
16 mai 2008
17 juin 2007 à 22:12
17 juin 2007 à 22:12
Désolé Dalida,
Mais je n'arrive pas avec le script html + CSS. Je ne dois pas faire comme il faut c'est pour cela que j'ai fait l'autre script, il me manque plus qu'à centrer et le tour sera joué.
Merci pour vos aides respectives
Mais je n'arrive pas avec le script html + CSS. Je ne dois pas faire comme il faut c'est pour cela que j'ai fait l'autre script, il me manque plus qu'à centrer et le tour sera joué.
Merci pour vos aides respectives
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
17 juin 2007 à 22:43
17 juin 2007 à 22:43
c'est pas grave, dans une page comme la tienne mieux continuer avec les tableaux !
en gros, il y a deux écoles : les css ou les tableaux.
c'est un peu caricatural mais bon…
je ne suis pas de la même école !
en gros, il y a deux écoles : les css ou les tableaux.
c'est un peu caricatural mais bon…
je ne suis pas de la même école !
Scriptiz
>
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
17 juin 2007 à 23:18
17 juin 2007 à 23:18
Je suis sure que tu as commencée avec des tableaux toi aussi :)
Il faut un début à tout, la voie de l'apprentissage est longue, courage à tous ceux qui marchent dessus :)
Il faut un début à tout, la voie de l'apprentissage est longue, courage à tous ceux qui marchent dessus :)
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
>
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
18 juin 2007 à 00:40
18 juin 2007 à 00:40
certainement pas !
j'ai commencé il y a peu avec xhtml/css, valide et autant que possible accessible. donc les tableaux non merci !
j'ai commencé il y a peu avec xhtml/css, valide et autant que possible accessible. donc les tableaux non merci !
RAD ZONE
Messages postés
5224
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
22 mars 2024
1 353
17 juin 2007 à 22:21
17 juin 2007 à 22:21
cela fonctionne aussi , c est sur ! mais en cela vas vite transformer ta page en usine a gaz bien moins facile a gerer si tu ajoute beaucoup de photo !!
kyhak
Messages postés
16
Date d'inscription
dimanche 17 juin 2007
Statut
Membre
Dernière intervention
16 mai 2008
18 juin 2007 à 06:54
18 juin 2007 à 06:54
Merci,
Je verrai bien à la longue s'il faut que je me mette au css. Mais il va falloir que j'apprenne petit à petit.
Par contre, personne pour me dire comment centrer mes photos?
A+
Je verrai bien à la longue s'il faut que je me mette au css. Mais il va falloir que j'apprenne petit à petit.
Par contre, personne pour me dire comment centrer mes photos?
A+
gryzzly
Messages postés
4608
Date d'inscription
lundi 7 novembre 2005
Statut
Contributeur
Dernière intervention
24 octobre 2020
1 329
18 juin 2007 à 08:11
18 juin 2007 à 08:11
ajoute la propriété align="center" a ta table:
<table align="center" ></table>
<table align="center" ></table>
kyhak
Messages postés
16
Date d'inscription
dimanche 17 juin 2007
Statut
Membre
Dernière intervention
16 mai 2008
18 juin 2007 à 14:14
18 juin 2007 à 14:14
Je le mets où par contre le align="center"? avant ou après width="200" border="1"? Je l'insère comme ça :
<table align="center" >
<table width="200" border="1">
<tr>
<td><a href="lien de mon site" ><img src="lien donné par l'hébergeur" border="0" </a> <br />
Trail d'Azay-Le-Ferron</a></td>
<td><a href="lien 2 de mon site" ><img src="lien 2 donné par l'hébergeur" border="0" </a> <br />
Course des 2 Viaducs</a></td>
</tr>
</table>
</table>
Merci pour tout
<table align="center" >
<table width="200" border="1">
<tr>
<td><a href="lien de mon site" ><img src="lien donné par l'hébergeur" border="0" </a> <br />
Trail d'Azay-Le-Ferron</a></td>
<td><a href="lien 2 de mon site" ><img src="lien 2 donné par l'hébergeur" border="0" </a> <br />
Course des 2 Viaducs</a></td>
</tr>
</table>
</table>
Merci pour tout
kyhak
Messages postés
16
Date d'inscription
dimanche 17 juin 2007
Statut
Membre
Dernière intervention
16 mai 2008
18 juin 2007 à 20:59
18 juin 2007 à 20:59
Merci ça marche impec'
<table width="200" border="1" align="center">
<tr>
<td><a href="lien de mon site" ><img src="lien donné par l'hébergeur" border="0" </a> <br />
Trail d'Azay-Le-Ferron</a></td>
<td><a href="lien 2 de mon site" ><img src="lien 2 donné par l'hébergeur" border="0" </a> <br />
Course des 2 Viaducs</a></td>
</tr>
</table>
tu peut mettre plusieurs attributs pour la balise tableau, l'ordre n'a pas d'importance
<tr>
<td><a href="lien de mon site" ><img src="lien donné par l'hébergeur" border="0" </a> <br />
Trail d'Azay-Le-Ferron</a></td>
<td><a href="lien 2 de mon site" ><img src="lien 2 donné par l'hébergeur" border="0" </a> <br />
Course des 2 Viaducs</a></td>
</tr>
</table>
tu peut mettre plusieurs attributs pour la balise tableau, l'ordre n'a pas d'importance