Lien du menu vers une image ds la même page?
Résolu
sophusu
-
sophusu -
sophusu -
Bonjour,
Ma question me semble simple et pourtant je galère:
Mon site est divisé en 2 parties (2 div/ colonnes): l'une menu et l'autre contenu.
Je souhaite simplement faire un lien ( par exemple: projet) depuis mon menu vers une image(dans un div) dans l'autre colonne mais qui est dans la même page html.
tout en sachant que le contenu change selon chaque bouton du menu évidement.
ceci pour éviter de re-loader une nouvelle page entière juste pour image.
je ne sais pas si je m'exprime bien...
Est ce que quelqu'un peut m'aider???
merci d'avance
sophie
Ma question me semble simple et pourtant je galère:
Mon site est divisé en 2 parties (2 div/ colonnes): l'une menu et l'autre contenu.
Je souhaite simplement faire un lien ( par exemple: projet) depuis mon menu vers une image(dans un div) dans l'autre colonne mais qui est dans la même page html.
tout en sachant que le contenu change selon chaque bouton du menu évidement.
ceci pour éviter de re-loader une nouvelle page entière juste pour image.
je ne sais pas si je m'exprime bien...
Est ce que quelqu'un peut m'aider???
merci d'avance
sophie
A voir également:
- Lien du menu vers une image ds la même page?
- Supprimer une page word - Guide
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Menu déroulant excel - Guide
- Lien copié ✓ - Forum Google Chrome
8 réponses
Salut,
Dans la balise img, rajoute l'attribut suivant :
Ensuite, dans ton menu tu auras :
Enfait, le lien aura pour adresse l'objet d'id "le_nom_que_tu_veux"
Dans ce cas, il ne faut pas oublier de rajouter un dièse juste avant le nom, et ce, uniquement dans le lien.
En espérant avoir répondu à ta question
Cordialement
Dans la balise img, rajoute l'attribut suivant :
id="le_nom_que_tu_veux"
Ensuite, dans ton menu tu auras :
<a href="#le_nom_que_tu_veux">Projets</a>
Enfait, le lien aura pour adresse l'objet d'id "le_nom_que_tu_veux"
Dans ce cas, il ne faut pas oublier de rajouter un dièse juste avant le nom, et ce, uniquement dans le lien.
En espérant avoir répondu à ta question
Cordialement
La réponse est déjà donnée. Néanmoins, quel est l'intérêt d'utiliser deux liens du menu pour une même page ?
Certes, mais pour cela il faut pas mal de contenu. Et ils ne sont jamais dans le menu type. Sauf, j'ai bien dit sauf, si tout le contenu du site tient dans une seule page. ;)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Complètement ...
Je me souviens l'avoir fait sur un site pour la page des mentions légales où quand tu cliquais sur un lien de la table des matières, il t'amenait au paragraphe concerné. (Le document initial Word faisait un 50aine de pages !) donc c'était bien pratique ...
Et puis si les deux éléments du menu sont assez proches comme "News" et "Evènements" on peut faire deux éléments du menu et mettre le tout sur une seule et même page. Pourquoi pas ...
Je me souviens l'avoir fait sur un site pour la page des mentions légales où quand tu cliquais sur un lien de la table des matières, il t'amenait au paragraphe concerné. (Le document initial Word faisait un 50aine de pages !) donc c'était bien pratique ...
Et puis si les deux éléments du menu sont assez proches comme "News" et "Evènements" on peut faire deux éléments du menu et mettre le tout sur une seule et même page. Pourquoi pas ...
@sophusu =>
Dans le cas où comme tu le dis : " le site prévu tiendra en une seule page ". Effectivement c'est intéressant de faire des liens d'évitements, c'est même primordial.
Alors que dans le cas du lien, c'est bien un chargement de contenu différent, les pages sont dans /identites/ , /illustrations/ , etc.. Là les liens d'évitements sont superflus. Donc ce n'est pas un chargement d'images statiques mais de pages différentes.
Quand je parle de lien d'évitements superflus, je ne tiens pas compte des trois principaux : contenu, recherche et menu !
Effectivement, je pense que tu as tords, car un chargement d'images uniquement donnera un mauvais référencement, puisqu'il n'y a aucun contenu. !!
[ Je ne crois pas que ce soit un débat bonnenfant comme le dit a70m, je pense simplement que l'on essaie le plus possible d'orienter les personnes vers les moyens/techniques qui semblent les mieux. ] Bon courage. ;)
Dans le cas où comme tu le dis : " le site prévu tiendra en une seule page ". Effectivement c'est intéressant de faire des liens d'évitements, c'est même primordial.
Alors que dans le cas du lien, c'est bien un chargement de contenu différent, les pages sont dans /identites/ , /illustrations/ , etc.. Là les liens d'évitements sont superflus. Donc ce n'est pas un chargement d'images statiques mais de pages différentes.
Quand je parle de lien d'évitements superflus, je ne tiens pas compte des trois principaux : contenu, recherche et menu !
Effectivement, je pense que tu as tords, car un chargement d'images uniquement donnera un mauvais référencement, puisqu'il n'y a aucun contenu. !!
[ Je ne crois pas que ce soit un débat bonnenfant comme le dit a70m, je pense simplement que l'on essaie le plus possible d'orienter les personnes vers les moyens/techniques qui semblent les mieux. ] Bon courage. ;)
Ok merci je vais tenir compte de ton avis. Disons que j'ai aussi plusieurs sous menu, est ce que la meilleure façon de faire serait de créer une page pour chaque sous menu et ensuite charger toutes mes images dans cette même page ( ex: sous menu= "posters"; qui contient "jazz", "nouvel an", etc) ou ça ne change rien et je peux créer une nouvelle page pour chaque élément de mon menu?
merci pour les infos et pour le courage ;)
merci pour les infos et pour le courage ;)
Le mieux est de créer une page pour chaque contenu distinct, au niveau du référencement je pense.
Si tu veux tu peux poster un lien vers ton adresse url de site internet, je te dirais ce que j'en pense, au niveau des liens !
Si tu veux tu peux poster un lien vers ton adresse url de site internet, je te dirais ce que j'en pense, au niveau des liens !
je n'ai pas encore transférer mon site sur le serveur.
Je peux te montrer le code d'une de mes pages en construction.
</head>
<body>
<div id="enveloppe">
<div id="barre_menu">
<div id="titre"><span class="vert">S</span>op<span class="vert">h</span>i<span class="vert">e</span> U<span class="vert">su</span>w<span class="vert">i</span>el.<br/>
<span class="vert">graphic</span>.design.<span class="vert">web</span>.design</div>
<div id="box1">
<ul>
<li><a href="watercloset.html">Water closet</a></li>
<li><a href="Jazz.html">Jazz flyer & poster</a></li>
<li><a href="ballerine.html">Ballerine</a></li>
<li><a href="newyear.html">New years</a></li>
<li><a href="animalclothes.html">Animal clothes</a></li>
<li><a href="boxes.html">Boxes</a></li>
<li><a href="website.html">WebSites</a></li>
<li></li>
</ul>
</div>
</div>
<!-- TemplateBeginEditable name="EditRegionContenu" -->
<div id="contenu"></div>
<!-- TemplateEndEditable --></div>
</body>
</html>
Qu'en penses tu?
Tant que je suis là, j'ai une autre question si quelqu'un peut m'aider:))
Toujours dans ce même site, je souhaiterais que mon contenu scroll mais que mon menu reste fixe, comment faire sachant qu'ils sont tous 2 ( mes div) en position absolue??
encore encore merci
Je peux te montrer le code d'une de mes pages en construction.
</head>
<body>
<div id="enveloppe">
<div id="barre_menu">
<div id="titre"><span class="vert">S</span>op<span class="vert">h</span>i<span class="vert">e</span> U<span class="vert">su</span>w<span class="vert">i</span>el.<br/>
<span class="vert">graphic</span>.design.<span class="vert">web</span>.design</div>
<div id="box1">
<ul>
<li><a href="watercloset.html">Water closet</a></li>
<li><a href="Jazz.html">Jazz flyer & poster</a></li>
<li><a href="ballerine.html">Ballerine</a></li>
<li><a href="newyear.html">New years</a></li>
<li><a href="animalclothes.html">Animal clothes</a></li>
<li><a href="boxes.html">Boxes</a></li>
<li><a href="website.html">WebSites</a></li>
<li></li>
</ul>
</div>
</div>
<!-- TemplateBeginEditable name="EditRegionContenu" -->
<div id="contenu"></div>
<!-- TemplateEndEditable --></div>
</body>
</html>
Qu'en penses tu?
Tant que je suis là, j'ai une autre question si quelqu'un peut m'aider:))
Toujours dans ce même site, je souhaiterais que mon contenu scroll mais que mon menu reste fixe, comment faire sachant qu'ils sont tous 2 ( mes div) en position absolue??
encore encore merci
ah mais je me rend compte qu'on ne voit rien parce que c'est le code de mon template
déso
voila:
<!-- InstanceBeginEditable name="EditRegionContenu" -->
<div id="contenu"><img src="images/illu3.jpg" alt="ballerine3" width="782" height="550" /><img src="images/illu2.png" width="782" height="550" /><br/></div>
<!-- InstanceEndEditable --></div>
déso
voila:
<!-- InstanceBeginEditable name="EditRegionContenu" -->
<div id="contenu"><img src="images/illu3.jpg" alt="ballerine3" width="782" height="550" /><img src="images/illu2.png" width="782" height="550" /><br/></div>
<!-- InstanceEndEditable --></div>
ca fonctionne parfaitement!
pour le reste, je vous laisse débattre sur la bonne ou mauvais conception du site. éé
Pour répondre à LelLex, le site prévu tiendra en une seule page. Juste un site basique qui présenterais mes projets du genre: http://www.delphinedupont.com/
J'ai pas été voir comment ce site étais construis mais ça me parait plus simple de ne pas charger une nouvelle page à chaque clic mais plutôt juste une image ( le contenu)
J'ai tord?
avant tout, merci à tous les 2 pour vos réponses!
sophie
N'hésite pas à repasser sur le forum si tu as des soucis.
Cordialement