Discussion :

[gFrancqu]

Bonjour !

Alors voila, je vous explique mon problème !

Sur mon menu je dois faire une lueur qui s'active au passage de la souris !

Mes liens <a> sont contenu dans un paragraphe d'id #nav :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<p id="nav">
   <a>Accueil</a>
   <a>Votre magasin</a>
   <a>Nos conseils</a>
   <a>Nous contacter</a>
</p>

Enfin, dans mon css j'ajoute :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
#nav>a{
	color : #ffffff;
	font-size:130%;
	margin-left:5%;
	font-family : Eras;
}
#nav>a:hover{
	text-shadow: -1px -1px 1px #555;
}

Seulement il ne se passe strictement rien...
Quand j'utilise la propriété box-shadow, ça fonctionne mais l'ombre ne se fait pas sur le texte mais sur la boite du lien et me laisse donc un rectangle sans ombre autour du lien... Je ne sais pas si je suis très clair...

Merci de votre aide !

Cordialement,
Guillaume

[Bovino]

Tu testes sur quel navigateur ?

[gFrancqu]

chrome et firefox, ça ne fonctionne sur aucun des deux ^^

[Bovino]

Alors il n'y a pas de raison que ça ne fonctionne pas...
Peut-être un fichier mal inclus, un conflit de règles, une faute de frappe...

[rodolphebrd]

Bonjour,

peut-être qu'avec le reste du code ou une page en ligne..
Comme le dit Bovino, il n'y a pas de raison que cela ne fonctionne pas http://codepen.io/anon/pen/cKIiJ

[gFrancqu]

tout semble correct étant donné que la formule avec le box shadow marche parfaitement, vous pouvez jeter un coup d’œil ici !

j'ai laissé le box shadow pour que vous ayez un aperçu du résultat que je ne veux pas avoir ^^

[Bovino]

Désolé, mais au bout de 2min de chargement de la page, j'ai abandonné !

Ta priorité devrait être d'alléger considérablement les images avant de penser à la cosmétique...

[gFrancqu]

oui je sais je prévois de mettre une barre de chargement c'est juste que la la site est en cours de dévelloppement alors pour l'instant c'est pas ça le problème ^^'

[Bovino]

Tu as de drôles de priorités quand même... tu préfères faire le peaufinage plutôt que de régler les gros problèmes ?

Parce qu'avec une page un peu plus optimisée, ça pourrait peut-être donner envie de se pencher sur ton code pour détecter le problème...

Dernière chose : ton text-shadow, il n'apparait vraiment pas ou il est juste trop peu visible ? Essaye peut-être avec une couleur plus marquée pour vérifier...

[gFrancqu]

une barre de chargement c'est du peaufinage..
je peux pas changer les images, c'est un site vitrine le visuel est plus important que le reste, une fois que les images sont chargés le site reste fluide (d'ailleurs beaucoup plus fluide sous firefox que sur chrome)

[gFrancqu]

sinon bien joué pour le coup du "trop peu visible effectivement c'est ce qui poser problème, je me sens bête d'avoir posté ce message pour si peu maintenant.. les joies de la prog.. on peut passer des heures sur des faute d'inattention ou de vulgaires coquilles...

[Bovino]

Euh... je crois que tu comprends mal le problème.
J'ai quitté ta page au bout de deux minutes et quelques et il y avait quasiment 6 Mo pour une quinzaine d'images ! Tu n'as pas besoin d'avoir des images HD en 1200dpi même pour un site vitrine. Déjà une centaine de ko c'est beaucoup ! Tu peux très bien optimiser tes images tout en ayant un aspect correct !
Donc ta solution ne passe en aucun cas par une barre de chargement, ça passe par du travail sur le poids des images.

Pour rappel, un internaute moyen ne reste pas plus de 3 secondes sur une page s'il ne trouve pas d'info qui lui semble intéressante, donc ça va pas te servir d'avoir des images que tu juges excellentes si personne ne reste pour les voir, d'autant qu'un écran est limité pour les afficher, donc tu peux les réduire sans perte.

Et encore une fois, cet aspect est beaucoup plus important que tes décorations de texte !

[gFrancqu]

merci de tes conseils

[twixer]

17 Mo de contenu tout de même ... ça fait beaucoup

[Bovino]

Oui... et après une rapide analyse (j'ai un peu de temps à perdre...), des images en 3200x1800 px et 300dpi (un écran, c'est 72dpi...)