les boutons liens on/off ne fonctionnent pas

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
kristof
Arias
Messages : 12
Inscription : 14 janv. 2004, 10:14

les boutons liens on/off ne fonctionnent pas

Message par kristof »

Salutations !
Pourquoi Firebird n'affiche pas mes boutons on/off de mes sites quand je passe la souris dessus ?
Explorer le fait et j'aimerai comprendre pourquoi Firebird s'abstiend :wink:
Pourtant les liens sans images eux change bien de couleurs comme je l'ai défini mais dès que j'y mets des images pff plus rien.
Le lien est toujours bon mais on ne voir juste que le bouton OFF.
Quelqu'un a une idée ?
Merci !
Jigho
Iguane
Messages : 637
Inscription : 29 juil. 2003, 08:44

Message par Jigho »

Peux-tu donner l'adresse du site dont tu parles ? ou le code source de la partie incriminée ?

Par ailleurs, je transfère ce message dans la zone "développement web", tu trouveras une audience plus à même de te répondre
Image
kristof
Arias
Messages : 12
Inscription : 14 janv. 2004, 10:14

Message par kristof »

Salut !
Le site incriminé :
http://www.nmskproductions.com
Je suis impatient de savoir ce qui en est la cause...
Merci !
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

Tu parles du menu sur la gauche? Chez moi ça fonctionne très bien, es-tu sûr d'être resté assez longtemps avec ta souris dessus pour que l'image soit chargée complètement?
PsyDk
Lézard à collerette
Messages : 317
Inscription : 23 sept. 2003, 09:41

Message par PsyDk »

Phiew, j'ai mis trois siècles à comprendre le sens de « bouton on off » mais je crois pouvoir dire sans me tromper qu'il s'agit des infobulles « entrer sur le site » :)

Pour faire des infobulles, il suffit d'utiliser l'attribut « title » de l'élément html de ton choix.

Par exemple sur ton site :

<img src="./images/mh/cdzin3.jpg" width="50" height="50" alt="logo3" title="entrer sur le site" border="0">

On peut appliquer « title » à d'autres éléments :
<a href="http://www.google.fr/" title="Cliquez-ici pour faire une recherche">google</a>

<abbr title="Organisme Génétiquement Modifié">OGM</abbr>

L'attribut « alt » n'est fait que pour les éléments « img » et sert uniquement dans le cas où l'image ne serait pas chargé (à noter qu'il est obligatoire de le mettre selon le standard html). Le fait que Internet Explorer l'affiche comme une info-bulle n'a rien de standard, c'est leur choix, mais ce n'est pas le but du « alt ».

Conclusion : pour une infobulle, utiliser l'attribut « title ».
PsyDk
Lézard à collerette
Messages : 317
Inscription : 23 sept. 2003, 09:41

Message par PsyDk »

Pourtant les liens sans images eux change bien de couleurs comme je l'ai défini mais dès que j'y mets des images pff plus rien.
Heum...

En fait si, je crois que je me suis trompé de problème :/

Je vois toujours pas...

Bon, je vais y passer un siècle de plus :)
PsyDk
Lézard à collerette
Messages : 317
Inscription : 23 sept. 2003, 09:41

Message par PsyDk »

Bon, voilà les différences que j'ai remarquées :
Sous Firebird, quand on passe la souris sur les boutons du menu « news / infos concerts, namaskaar, fabien lo cicero, ... » le texte se met en bleu. Sous IE il ne se passe rien. Enfin bref, je suis dans le flou. kristof, excuse-nous, mais tu vas devoir être beaucoup plus précis dans l'explication de ton problème :)
qq1

ça fontionne sur firebire (proposition alternative)

Message par qq1 »

avec firebird 0.7 chez moi, ça fonctionne mais faut le temps pour que les images se chargent => tu devrait revoir le préload :wink:

:idea: perso j'aurais utilisé une image de fond et du texte pour faire ce menu avec un peu de css du genre

Code : Tout sélectionner

html:
<a class="menu" target="body" href="news.html">news / infos concerts</a>

css:
a.menu{ color: yellow; }
a.menu:hover{ color: cyan; }
Tu obtiens le même résultat et ça bouffe moins de bande passante => bref accélère le site :!: :roll:
kristof
Arias
Messages : 12
Inscription : 14 janv. 2004, 10:14

Message par kristof »

Salut !
Il semble que cela fonctionne très bien chez vous.
Mais pourquoi pas chez moi ?!
C'est dingue ça ??!! :shock:
Je suis carrément surpris et j'aimerai savoir comment ça se fait.
J'en reviens pas !!
Que faire ??
Monique
Lézard à collerette
Messages : 476
Inscription : 05 janv. 2004, 23:21

Message par Monique »

Bonjour,

Avec Mozilla 1.4 le changement de couleur au passage de la souris a été immédiat après l'affichage de la page.
Avec IE 6 j'ai dû attendre plusieurs minutes... j'allais refermer IE et venir dire que cela ne fonctionnais pas :o

Mais pourquoi du JavaScript alors qu'une feuille de style ferait aussi bien ?
Bouton CSS
Amicalement,
Monique
Mozilla-Belgium | OpenWeb | Opquast
Romuald
Gecko
Messages : 88
Inscription : 03 sept. 2003, 23:55

Message par Romuald »

Pour faire un préchargement d'image, tu peux utiliser:

Code : Tout sélectionner

<div class="precharge"></div>
Avec dans ta feuille de style:

Code : Tout sélectionner

.precharge {
  background-image: url('url/img.ext');
  display: none;
}

Et comme dit plus haut, l'utilité des images et javascipt pour cela est vraiment trop archaïque comparé a un changement de couleur au passage du curseur dessus via "a:hover".
Nul besoin d'être comme son voisin pour l'apprécier, c'est la différence qui fait que le monde est intéressant.
Voyons plus loin que le bout de notre nez.
kristof
Arias
Messages : 12
Inscription : 14 janv. 2004, 10:14

Message par kristof »

Darken a écrit :Bon, voilà les différences que j'ai remarquées :
Sous Firebird, quand on passe la souris sur les boutons du menu « news / infos concerts, namaskaar, fabien lo cicero, ... » le texte se met en bleu. Sous IE il ne se passe rien. Enfin bref, je suis dans le flou. kristof, excuse-nous, mais tu vas devoir être beaucoup plus précis dans l'explication de ton problème :)
Salut !
Ce qui est dingue c'est que chez moi c'est l'inverse.
Sous IE le texte change mais pas sous Firebird... :?:
LezeuS
Lézard vert
Messages : 158
Inscription : 29 juil. 2003, 19:00

Message par LezeuS »

En fait, le :hover n'est pas supporté par IE. Il n'est d'ailleurs pas supporté par Opera non plus.

Sur le site de nmsk, il est plutôt utilisé un onmouseover et un onmouseout.
Et ces deux fonctions marche sous Firebird0.7 ( viens de faire le test ).
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

LezeuS a écrit :En fait, le :hover n'est pas supporté par IE. Il n'est d'ailleurs pas supporté par Opera non plus.
Si si, par Opera aussi. Il y a juste que dans IE c'est uniquement sur les éléments "a" (les liens donc), mais donc une image dans un lien ça pourrait marcher.
LezeuS
Lézard vert
Messages : 158
Inscription : 29 juil. 2003, 19:00

Message par LezeuS »

Désolé Benoît, j'ai un exemple à l'appui :
http://perso.wanadoo.fr/lezeus/concert/navrecent.htm
http://perso.wanadoo.fr/lezeus/concert/navrecent.css
( en même temps, je me fais un peu de pub, pour tous ceux qui ne font rien le 24 janvier ;) )

Je ne pense pas avoir fait de fautes dans le codages de la page, Opera fait n'importe quoi, IE je n'en parle pas. Seul Firebird affiche ce que j'ai voulu en créant cette page.
Et pourtant, il n'y a pas d'élément " a "
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 10 invités