bonjour,
je suis nouveau ici, alors une courte présentation avant ma question :
je suis webmaster s'un site de e-commerce (tout jardin direct, un peu de pub au passage). ma formation est initialement du design pur et dur (je précise pour ceux qui vont trouver ma question d'une simplicité à pleurer) et je ne suis pas né avec internet installé par défaut dans mon berceau ( ça c'est pour les jeunots qui vont me trouver vieux et rouillé).
pour ce qui est du code je suis essentiellement un autodidacte "problemophobe", c'est a dire que je me forme à un nouveau truc au travers des problemes rencontrés dans mon boulot et accepte trés difficillement ma défaite face à la machine ....
voilà pour faire court.
la question maintenant :
nous allons lancé pour optimiser notre référencement et notre visibilité un site que j'appelerai satellite de notre activité sur lequel nous souhaitons heberger des fiches techniques. Sur les conseils d'une entreprise de e-marketing j'ai appliqué à tout le texte de cette page (http://www.fontaine-de-jardin.com) les balises h1 et h2 que j'ai "forcé" avec des css pour faire une mise en page correcte.
jusque là aucun probleme, j'ai trouvé comment ne pas faire les sauts de lignes obligatoires avec les balise h, le texte en petit, etc...
maintenant, si vous allez sur la page vous le verrez, j'ai fait de liens sur certains mots. et la commence le blème :
j'ai créer dans un fichier .css attaché des style a:link, a:visited et a:hover correspondant a differents etats de mes liens. si j'attache cette classe à mes liens comme je fait pour le reste du texte (en faisant <h1 class="menu"> par exemple).
ce c.... me remet un saut de ligne avant et apres les mots ! alors que le style contient bien display: inline.
pour info voici le code que j'aimerai attacher :
.menu a:link {
color: black ; text-decoration: none; font-family: verdana; font-size: 10px; font-weight: normal; display: inline
}
.menu a:visited {
color: black ; text-decoration: none; font-family: verdana; font-size: 10px; font-weight: normal; display: inline
}
.menu a:hover {
color: #556f00 ; text-decoration: underline; font-family: verdana; font-size: 10px; font-weight: normal; display: inline
}
si quelqu'un connait la solution pour forcer h1 dans une taille particulière ET lui appliquer un lien avec roll-over SANS qu'il y ait un saut de ligne.
je suis preneur.
au passage pub perso, mon site d'illustration et de design : www.mikegraphic.com
