Bonjour,

Voila je rencontre un petit problème avec mon code ( je suis un débutant dans le codage). Je dois rendre un travail pour rentrer dans une formation sur un site qui s'appel codepen afin de faire du html et css.
J'ai envoyé plusieurs fois mon travail car pour moi c'etait bien fait mais il y a toujours un probleme sur des lien qui ne s'ouvre pas.
Pouvez-vous m'aider.
Voilà le message qu'on me dit de corriger:

"Désolé Guiton mais je ne vois aucune amélioration sur les points que je t'avais demandé de retravailler:
liens SoloSearn et France.ioi
changer la forme du curseur lorsqu'on passe la souris sur le bouton d'envoi du message
enlever les balises BR qui servent à séparer les champs de saisie dur formulaire"

voici mon code sur codepen:
https://codepen.io/guiton/pen/vpWEQw

5 réponses


Salut à toi,

Tu as pas mal de bugs encore. Déjà tu as un élément qui est mal positionné en X. En ce qu'il concerne le fait de changer la forme du curseur il faut que tu utilises un button à la place d'un input. Ensuite pour le survol il faut que tu utilises le pseudo élément :hover qui te permet de modifier l'élément séléctionné dès lors que tu passes la souris dessus.

<button type="submit" name="connexion">Submit</button>
<style>
button:hover {
    cursor:pointer;
}
</style>
guiton
Auteur

Salut Killianvlt,
Peux tu me dire les bugs que j'ai encore car je ne vois pas tout?
Merci pour la solution du bouton mais avec input cela marchait bien pour moi avec le survol mais je vais prendre ta solution.
Par contre peux tu me dire pourquoi mes liens (france_IOI et SoloLearn ) ne marche pas.

Au niveau de ton bug de lien, je te conseille de mettre d'utiliser le target="_blank".
Par exemple :

<a href="http://www.france-ioi.org/user/perso.php?sLogin=guiton" target="_blank">France</a>
<a href="https://www.sololearn.com/Profile/7369394" target="_blank">sololearn</a>

Enfaîte Codepen gère mal les liens en interne. Donc je te conseille d'utiliser ce que je t'ai dit dès lors que tu cliques sur un lien.

guiton
Auteur

Merci Killianvlt, j'ai fais ce que tu m'as dit et ça marche bien.

Pas de problèmes !