Je créé actuellement un menu pour une page HTML mais je rencontre un problème. En effet il y a un espacement non désiré entre les liens, je vous mets un screen (C'est entouré en rouge) :
J'aimerai savoir comment remédier à cela, j'ai beau mettre un margin à 0px sur les éléments <a> l'espace reste. Je vous donne le code:
après test de ton code, il y a bien un espace dû au padding mais pas de trait blanc comme sur ton screen. Cette bordure est ailleurs que dans le code que tu nous donnes.
Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
L'autre partie du code modifie le header, je n'ai fais que ça pour le moment. Serait-ce nécessaire que je te donne l'autre partie du code dont le javascript ? (Ne t'en fais pas il est court et commenté) Ou peut-être que cela viendrai de mon navigateur ? (Mozilla Firefox, une version récente)
$(document).ready(function(){
// Animation quand la souris passe sur le logo
//Entrée de la souris
$('.logo').on('mouseenter', function(){
$('.logo').css('box-shadow', '10px 10px 5px #9EA5B3');
$('.logo').css('height', '85px');
$('.logo').css('padding-top', '5px');
});
//Sortie de la souris
$('.logo').on('mouseleave', function(){
$('.logo').css('box-shadow', 'none');
$('.logo').css('height', '100px');
$('.logo').css('padding-top', '0px');
});
// Ombre quand la souris passe sur le texte de l'entête
//Entrée de la souris
$('.sentence-header').on('mouseenter', function(){
$('.sentence-header').css('text-shadow', '5px 5px 5px #9EA5B3');
});
//Sortie de la souris
$('.sentence-header').on('mouseleave', function(){
$('.sentence-header').css('text-shadow', 'none');
});
})
Et en effet cela ne vient pas du navigateur, j'ai essayé sur Google chrome. :/
C'est bizarre.. Le main.js fait les animations dans le header. C'est la partie javascript que j'ai posté au dessus, et je ne pense pas qu'il ai de l'influence sur le menu. :/
Je ne comprend pas, vous êtes sûr de ne pas avoir de traits blanc ? Essayez de mettre des bordures sur les liens et regardez si il y'a un espace entre eux.
C'est dû au retour à la ligne et à l'indentation. Soit utilise une autre méthode de positionnement, soit mets les liens à la suite (mais c'est moche dans le code), soit fais comme je t'indique en mettant les espaces en commentaire !
C'est dû au retour à la ligne et à l'indentation. Soit utilise une autre méthode de positionnement, soit mets les liens à la suite (mais c'est moche dans le code), soit fais comme je t'indique en mettant les espaces en commentaire !
Salut Ivaalo, Qu'est-ce qui explique que je n'ai pas le problème quand je teste le code ? Ce dont tu parle c'est l'espace quand on met les élément en inline-block et ici ce n'est pas le cas. Et le problème n'est pas un espace mais un trait blanc vertical.
Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
C'est dû au retour à la ligne et à l'indentation. Soit utilise une autre méthode de positionnement, soit mets les liens à la suite (mais c'est moche dans le code), soit fais comme je t'indique en mettant les espaces en commentaire !
Salut Ivaalo, Qu'est-ce qui explique que je n'ai pas le problème quand je teste le code ? Ce dont tu parle c'est l'espace quand on met les élément en inline-block et ici ce n'est pas le cas. Et le problème n'est pas un espace mais un trait blanc vertical.
C'est ce que je me demande Frogweb, car là ça a marché. Je me demande donc si ça viendrai de mon éditeur de texte qui mettrai des espaces quand j'indente ou passe à la ligne.
C'est dû au retour à la ligne et à l'indentation. Soit utilise une autre méthode de positionnement, soit mets les liens à la suite (mais c'est moche dans le code), soit fais comme je t'indique en mettant les espaces en commentaire !
Salut Ivaalo, Qu'est-ce qui explique que je n'ai pas le problème quand je teste le code ? Ce dont tu parle c'est l'espace quand on met les élément en inline-block et ici ce n'est pas le cas. Et le problème n'est pas un espace mais un trait blanc vertical.
C'est ce que je me demande Frogweb, car là ça a marché. Je me demande donc si ça viendrai de mon éditeur de texte qui mettrai des espaces quand j'indente ou passe à la ligne.
Dingue... Change tout de suite d'éditeur Un espace encore je comprendrait mais un trait blanc...
Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
Non, c'est le navigateur qui interprète des tabs et retours à la ligne comme des espaces entre les inline et inline-block. Quand tu écris :
<div>
<span>foo</span>
<span>bar</span>
</div>
le navigateur va t'afficher "foo bar" et non pas "foobar". Là, c'est le même problème !
En fait, JordanLie ne l'a pas expliqué, mais ce n'est pas un trait blanc vertical, le problème : il a surligné le contenu de son site. (Qui est par défaut soit blanc, soit bleu selon le navigateur et la couleur de fond)
Non, c'est le navigateur qui interprète des tabs et retours à la ligne comme des espaces entre les inline et inline-block. Quand tu écris :
<span>foo</span>
<span>bar</span>
le navigateur va t'afficher "foo bar" et non pas "foobar". Là, c'est le même problème !
En fait, JordanLie ne l'a pas expliqué, mais ce n'est pas un trait blanc vertical, le problème : il a surligné le contenu de son site. (Qui est par défaut soit blanc, soit bleu selon le navigateur et la couleur de fond)
Tout s'explique et j’aurai dû penser... Merci Ivaalo.
Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
Oh mince, je pensais que ça serai visible que j'avais surligné --' Je me sens bête Désolé pour le temps que ça a pris, et merci de votre patience à tous ! :/
Oh mince, je pensais que ça serai visible que j'avais surligné --' Je me sens bête Désolé pour le temps que ça a pris, et merci de votre patience à tous ! :/
Pas de soucis, c'est moi qui suis une buse, c'est visible que c'est surligné.
Bonne continuation.
Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Le secret du SEO. Merci !
Le secret du SEO. Merci !
Le secret du SEO. Merci !