Mettre un bouton cliquable vers une nouvelle page en hover
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Mettre un bouton cliquable vers une nouvelle page en hover
Bonjour,
Je souhaiterais mettre un bouton cliquable sur mon forum qui ouvrirait une nouvelle page et qui changerais de couleur au survol.
Pour ceci j'ai donc créer deux image et fait un hover dans ma fiche de style mais je ne sais pourquoi, quelque chose m'échappe cela ne fonctionne pas.
Voila mes deux image
Normal et Survolé :
Et voila ma feuille de style, au du moins mon petit code arrangé :
et je vous souhaite une agréable et douce nuit
Tendrement, Offrande.
Je souhaiterais mettre un bouton cliquable sur mon forum qui ouvrirait une nouvelle page et qui changerais de couleur au survol.
Pour ceci j'ai donc créer deux image et fait un hover dans ma fiche de style mais je ne sais pourquoi, quelque chose m'échappe cela ne fonctionne pas.
Voila mes deux image
Normal et Survolé :
Et voila ma feuille de style, au du moins mon petit code arrangé :
- Code:
.bouton_havre1 {
height: 31px;
width: 38px;
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/coolte10.png);
}
.bouton_havre1:hover {
height: 31px;
width: 38px;
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/coolte11.png);
}
- Code:
<div class=bouton_havre1><img src="http://i56.servimg.com/u/f56/17/99/16/25/coolte11.png" alt="Go!"/> </div>
et je vous souhaite une agréable et douce nuit
Tendrement, Offrande.
Dernière édition par Offrande le Ven 8 Nov 2013 - 22:53, édité 1 fois
Re: Mettre un bouton cliquable vers une nouvelle page en hover
Bonsoir .
Le mieux serait de ce passer de CSS et de remplacer tout cela par les évenements onmouseover et onmouseout qui donne:
Cordialment ^^.
Le mieux serait de ce passer de CSS et de remplacer tout cela par les évenements onmouseover et onmouseout qui donne:
- Code:
<a href="#" onmouseover="document.getElementById('go').src='http://i56.servimg.com/u/f56/17/99/16/25/coolte11.png';" onmouseout="document.getElementById('go').src='http://i56.servimg.com/u/f56/17/99/16/25/coolte10.png';" target="_blank"><img id="go" src="http://i56.servimg.com/u/f56/17/99/16/25/coolte10.png" alt="Go!"/></a>
Cordialment ^^.
Re: Mettre un bouton cliquable vers une nouvelle page en hover
Bonsoir
Merci beaucoup, cela fonctionne mais le soucis est que, mon forum a une CSS sur les liens et les liens au survol et je croit que cela bloque ton code :/
Voila ma page avec le bouton en bas du sujet.
Il faudrait peut être que je mette des "important!" quelque parts avec du CSS s'il n'y as pas le choix :/
Merci beaucoup, cela fonctionne mais le soucis est que, mon forum a une CSS sur les liens et les liens au survol et je croit que cela bloque ton code :/
Voila ma page avec le bouton en bas du sujet.
Il faudrait peut être que je mette des "important!" quelque parts avec du CSS s'il n'y as pas le choix :/
Re: Mettre un bouton cliquable vers une nouvelle page en hover
Bonjour Offrande .
C'est à dire que non, on pourrais appliquer un style au lien ça ne changera rien je pense.
Cependant, je ne vois pas très bien ou ça bloque .
Cordialement ^^.
C'est à dire que non, on pourrais appliquer un style au lien ça ne changera rien je pense.
Cependant, je ne vois pas très bien ou ça bloque .
Cordialement ^^.
Re: Mettre un bouton cliquable vers une nouvelle page en hover
Bonjour,
Aucun changement d'image sur survol car le CSS (lignes 1 et 7) du premier message est prévue pour la classe «bouton_havre1» alors que le code fourni utilise le id «go».
À votre CSS, remplacer «.bouton_havre1» par «#go» aux lignes 1 et 7 et tout devrait fonctionner.
Aucun changement d'image sur survol car le CSS (lignes 1 et 7) du premier message est prévue pour la classe «bouton_havre1» alors que le code fourni utilise le id «go».
À votre CSS, remplacer «.bouton_havre1» par «#go» aux lignes 1 et 7 et tout devrait fonctionner.
Re: Mettre un bouton cliquable vers une nouvelle page en hover
Bonjour .
La cause du problème n'est pas le CSS , il n'y en a d'ailleur pas besoin avec le code que j'ai fournis.
C'est encore ce fameux éditeur de messages qui nous embête.
vous pouvez voir que si vous placez ce code partout sauf dans un message cela fonctionne, dès lorsque l'on essai de l'écrire dans un message cela ne fonctionne plus .
Cordialement .
La cause du problème n'est pas le CSS , il n'y en a d'ailleur pas besoin avec le code que j'ai fournis.
C'est encore ce fameux éditeur de messages qui nous embête.
vous pouvez voir que si vous placez ce code partout sauf dans un message cela fonctionne, dès lorsque l'on essai de l'écrire dans un message cela ne fonctionne plus .
Cordialement .
Re: Mettre un bouton cliquable vers une nouvelle page en hover
Bonjour,
Merci beaucoup de vos réponses.
Donc le meilleurs serais d'appliquer un bouton simple sens style, puis quand l'éditeurs sera réparé car apparemment il y as énormément de bug en ce moment même au niveaux des tableaux qui laissent des espace énormes au dessus d'eux bien je placerai un style?
Merci beaucoup de votre aide,
Je vous souhaite une agréable soirée
Merci beaucoup de vos réponses.
Donc le meilleurs serais d'appliquer un bouton simple sens style, puis quand l'éditeurs sera réparé car apparemment il y as énormément de bug en ce moment même au niveaux des tableaux qui laissent des espace énormes au dessus d'eux bien je placerai un style?
Merci beaucoup de votre aide,
Je vous souhaite une agréable soirée
Re: Mettre un bouton cliquable vers une nouvelle page en hover
Bonsoir Offrande .
je n'ai pas tester dans un message mais par le CSS cela pourrait, il faudrait juste allonger le lien avec des espaces insécables.
essayez de reprendre votre code CSS et de le placé dans la feuille de style, puis pour créer le bouton avec le HTML:
Il faudra peut être plus de &.nbsp; et ce n'est pas la meilleur des solution, mais ça peut fonctionner .
Cordialement ^^.
je n'ai pas tester dans un message mais par le CSS cela pourrait, il faudrait juste allonger le lien avec des espaces insécables.
essayez de reprendre votre code CSS et de le placé dans la feuille de style, puis pour créer le bouton avec le HTML:
- Code:
<div class=bouton_havre1>
<a href="VOTRE LIEN">&.nbsp;&.nbsp;&.nbsp;&.nbsp;&.nbsp;&.nbsp;&.nbsp;&.nbsp;&.nbsp;&.nbsp;&.nbsp;</a>
</div>
Il faudra peut être plus de &.nbsp; et ce n'est pas la meilleur des solution, mais ça peut fonctionner .
Cordialement ^^.
Re: Mettre un bouton cliquable vers une nouvelle page en hover
Bonsoir et merci beaucoup SeLfde4Th7 mais je ne comprend pas à quoi ces espaces me serviront dans la mise en forme de mon bouton ? :no
Re: Mettre un bouton cliquable vers une nouvelle page en hover
Bonjour .
De rien, et bien si vous mettez un seul des ces espaces, le lien ne remplira qu'une petite partie de l'image à gauche qu'il faudra chercher pendant des heures pour cliquer dessus .
Cordialement .
De rien, et bien si vous mettez un seul des ces espaces, le lien ne remplira qu'une petite partie de l'image à gauche qu'il faudra chercher pendant des heures pour cliquer dessus .
Cordialement .
Re: Mettre un bouton cliquable vers une nouvelle page en hover
D'accord, mais c'est à cause du bug des message et sujet qu'il y as en ce moment sur forumactif ou bien ces simplement une valeurs que je doit mettre ?
Re: Mettre un bouton cliquable vers une nouvelle page en hover
Bonsoir Offrande .
Non cette fois c'est une logique du html.
Si on met un espace c'est cet espace qui servira de lien et l'espace n'est pas plus grand qu'un espace , donc le lien non plus n'est pas plus grand qu'un espace .
Cordialement .
Non cette fois c'est une logique du html.
Si on met un espace c'est cet espace qui servira de lien et l'espace n'est pas plus grand qu'un espace , donc le lien non plus n'est pas plus grand qu'un espace .
Cordialement .
Re: Mettre un bouton cliquable vers une nouvelle page en hover
Bonsoir,
D'accord j'ai compris, merci beaucoup pour cette indications.
Donc du tout je met quelle code? Puis-je a présent faire un hover sur mon bouton si le bug as été réparé?
Merci beaucoup je t'embrasse,
et te souhaite une très bonne journée
D'accord j'ai compris, merci beaucoup pour cette indications.
Donc du tout je met quelle code? Puis-je a présent faire un hover sur mon bouton si le bug as été réparé?
Merci beaucoup je t'embrasse,
et te souhaite une très bonne journée
Re: Mettre un bouton cliquable vers une nouvelle page en hover
Bonjour Offrande .
Et bien il faut mettre dans ta feuille de style CSS le code donné dans le premier message :
Et bien il faut mettre dans ta feuille de style CSS le code donné dans le premier message :
- Code:
.bouton_havre1 {
height: 31px;
width: 38px;
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/coolte10.png);
}
.bouton_havre1:hover {
height: 31px;
width: 38px;
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/coolte11.png);
}
- Code:
<div class=bouton_havre1>
<a href="VOTRE LIEN">&.nbsp;&.nbsp;&.nbsp;&.nbsp;&.nbsp;&.nbsp;&.nbsp;&.nbsp;&.nbsp;&.nbsp;&.nbsp;</a>
</div>
Re: Mettre un bouton cliquable vers une nouvelle page en hover
Bonsoir, j'ai essayer avec un bouton comme ceci :
Merci beaucoup de m'avoir aider, je met le sujet en résolus
et vous souhaite une agréable soirée
- Code:
<div class=bouton_havre1>
<a href="VOTRE LIEN"></a>
</div>
Merci beaucoup de m'avoir aider, je met le sujet en résolus
et vous souhaite une agréable soirée
Sujets similaires
» Script qui repère le bouton nouveau sujet et envoie vers page web
» Lien vers nouvelle page peu visible
» Liens vers d'autres sites ouvrant une nouvelle page
» Mettre une nouvelle page d'accueil principal
» Un bouton qui redirige vers une autre page
» Lien vers nouvelle page peu visible
» Liens vers d'autres sites ouvrant une nouvelle page
» Mettre une nouvelle page d'accueil principal
» Un bouton qui redirige vers une autre page
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum