Rollover+lien [Résolu]

Hawky59 27Messages postés 17 juillet 2008Date d'inscription - Dernière réponse le 21 juil. 2008 à 08:54

Bonjour,
J'ai bien réussi à créer mes rollover sur ma page d'accueil
Maintenant, je voudrais utiliser le bouton rollover comme lien. C'est à dire que ces rollover sont des drapeaux et je veux que lorsqu'on clique dessus on puisse accéder aux pages dans la langue choisie.
Mes pages sont pretes, je cherche juste à les lier via le bouton rollover
Merci pour vos réponses

Rollover+lien »

Suggestions

Rollover+lien
Rollover + lien javascript » Forum
Html/css rollover image+lien (Résolu) » Forum
Ouvrir le lien d' une image rollover dans une (Résolu) » Forum
Cadre autour d'image avec lien et rollover... » Forum
Lien sur un rollover distant. Comment ? » Forum
Lien html » Articles
Lien image html (Résolu) » Forum
Le point d'entrée de procédure est introuvable dans la bibliothèque de liens dynamiques (Résolu) » Forum
Créer un lien html (Résolu) » Forum

Plus

Réponse

Hawky59 27Messages postés 17 juillet 2008Date d'inscription 17 juil. 2008 à 13:39

j'ai compris (enfin je crois) qu'il faut mettre une commande genre <a href.....> <a/>
mais laquelle au juste? Ca par exemple
<a href="http://www.lesotlylaisse-lille.fr\home"> <img src=" enter_over.png "> </a>
et je la place où?
juste après le code de mon rollovover?

Ajouter un commentaire

Réponse

macgawel 671Messages postés 7 mai 2008Date d'inscription 17 juil. 2008 à 13:43

Bonjour.

Comment gères-tu tes rollovers ?

Ce serait bien de nous donner le source de ce que tu as déjà fait, parce que là, pour t'aider c'est un peu chaud !

Ajouter un commentaire

Afficher les 6 commentaires

macgawel - 17 juil. 2008 à 18:06

Arrrgh !

1. Pourquoi utiliser un tableau ?
2. Passe le chemin de tes images en "relatif" (per rapport au chemin du fichier qui les appelle)
3. Profite-en pour "normaliser" les noms (caractères alphanumériques, sans accents, sans espaces. Dans ton cas, par exemple : enter_out.png)

En fait, ce que tu veux, si je comprends bien, c'est un lien avec une image en fond, image qui change quand tu survoles le lien. C'est bien ça ?

=>
Utilise le CSS.
Par exemple (en décrivant tes styles dans la page, mais c'est mieux d'utiliser une feuille de style externe, que tu pourras appeler dans chaque page) :

<head>
<style type="text/css">
.rollover a {
   width: 266px;
   height: 56px;
   background-image:url(<le chemin relatif>/enter_out.png);
   background-repeat:no-repeat;
   display:block;
}
.rollover a:hover {
   background-image:url(<le chemin relatif>/enter_over.png);
   background-repeat:no-repeat;
}
</style>
</head>
<body>
...
<p class="rollover"><a href="http://www.lesotlylaisse-lille.fr/">Le sot l'y laisse</a></p>
</body>

Hawky59 - 17 juil. 2008 à 22:56

Merci pour ces infos, j'avais bien utilisé alphanumérique sans accent pour mes noms de fichiers ms zappé les espaces! merci de l'info. J'essaie de développer mon 1er site web.
Sinon pour en revenir à ce que je veux faire , c'est pas tt à fait ça! Etant novice, je peine à expliquer clairement (et aussi à assimiler rapidement la langage HTML, même si ça commence à rentrer). Désolé

Grosso modo : pr ma page d'accueil, j'ai fait un tableau avec, dans 3 cellules des boutons rollover, dans mon editeur (Nvu), ca fonctionne, ca réait qd je passe la souris dessus.
Je veux maintenant attribuer un lien à l'image "over" : soit pouvoir accéder à une autre page lorsqu'on clic ac bouton gauche de la souris.

Est il possible d'attribuer une image "background" à un tableau et d'attribuer d'autres images pour les boutons (que j'ai réalisé) à certaines cellules?

J'commence à peine à comprendre le HTML, pas encore le CSS. Quel est l'intéret des feuilles CSS? Est ce plus léger? Est ce plus rapide? ... ou tout simplement plus simple à programmer?

Merci pour tes conseils qui m'intéressent beaucoup

macgawel - 18 juil. 2008 à 13:20

Si tu veux éviter de tout reprendre à zéro (ce que je comprendrais), il te suffit de faire

<td style="width: 266px; height: 56px;" align="center"
valign="center"><a href="http://www.lesotlylaisse-lille.fr/home">
<img style="width: 193px; height: 62px;"
alt="Enter"
src="./enter%20out.png"
onmouseover="this.src='./enter%20over.png'"
onmouseout="this.src='./enter%20out.png'" /></a>
<br />
</td>

(J'ai rajouté un "/" à la fin de tes balises imget br pour respecter le XHTML, mais ce n'est pas indispensable...)

Quel est l'intéret des feuilles CSS?
Est ce plus léger?
Oui.
Est ce plus rapide? ...
Oui.
ou tout simplement plus simple à programmer
A programmer, pas forcément.
Mais à maintenir, oui.

En fait, ça dépend de quel point de vue on se place :

Pour le dévelppeur de site, c'est plus simple puisque toutes les informations de mise en page et de présentation sont regroupées dans un même fichier.
Pour le visiteur c'est plus léger (et donc plus rapide), puisqu'il télécharge une fois pour toutes les informations de mise en page.
Parce que, mine de rien, un <td> au lieu de <td style="width: 266px; height: 56px;" align="center">, répété plusieurs fois par page, dans plusieurs pages, ça finit par chiffrer...

Pour la maintenance, imagine que tu veuilles transformer ton site pour noël (en passant en rouge et blanc, avec des images style sapin etc.).
Si tu mets les informations de présentation dans tes pages html, il va falloir éplucher tes X pages, chercher les informations de couleur et les modifier une par une (au risque d'n oublier).
Si tu as utilisé une feuille de style, il te suffit de modifier deux ou trois informations dans la feuille de style.

Il vaut mieux éviter de faire ta mise en page avec des tableaux.
Si tu as du temps (et le courage) je te conseille d'aller voir ces sites :
Alsacreations, qui a pas mal de tutoriels (dont Créer un design CSS en 5 étapes.
[www.pompage.net Pompage.net], bien aussi, avec un "tutoriel" en quinze parties.

Hawky59 - 18 juil. 2008 à 22:46

Encore merci pour ces précisions et informations!! t'es un bon prof ;)
J'en ai le courage et la volonté, j'veux faire un joli site, donc j'irai voir tes liens (déjà enregistrer dans mes favoris!).
Encore une question, je sais je t'embete avec mes questions... Existe t il une manip, un code pour protéger les images de mon site? Je m'explique : sur mes pages il y a des créations perso (fresque et logo notamment). Puis je empecher le "clic droit+enregistrer sous" et le téléchargement de ces images?
Enocre un grand MERCI pour tes éclaircissements

macgawel - 21 juil. 2008 à 08:54

Réponse.

Il n'y a malheureusement aucun moyen pour protéger complètement tes images...
Mais il y a toujours le dtoir d'auteur, et quelques astuces pour te progtéger.

Répondre au sujet

Posez votre question

Dossier à la une

5 extensions si vous voulez revenir à l'ancien Facebook

5 extensions si vous voulez revenir à l'ancien Facebook

Vous n'aimez pas le lifting de Facebook ? Le site Mashable propose cinq étapes pour revenir à l'ancienne présentation du réseau social.

Les interviews exclusives

Financer un projet innovant grâce au crowdfunding

Toutes les interviews

Collection CommentÇaMarche.net

Jean-François Pillou

Tout sur les systèmes d’information : Grandes, moyennes et petites entreprises

Plus de livres

Rollover+lien [Résolu]

Rollover+lien »

5 extensions si vous voulez revenir à l'ancien Facebook

"un outil vraiment simple à la portée de tous"

Tout sur les systèmes d’information : Grandes, moyennes et petites entreprises

Tout sur les e-outils pour les TPE - PME

Tout sur le hardware PC (2e édition) : Comprendre avant de s’équiper, Faire évoluer son PC

Tout pour bien utiliser Powerpoint 2010

Tout pour bien utiliser Outlook 2010