Problème <a href... class"button"> ... [Résolu]

Signaler
-
 Elie -
Bonjour,

Je suis débutant en html5 et CSS et j'ai rencontré un problème qui est le suivant :

---------------------------
html :

<!DOCTYPE html>
<html>
<head>
<ul class="menu">
<li>
<a href="ok.html">Forum</a>
</li>
</ul>
<div class="conteneur">
</div>
<title>Accueil</title>
<h1><center><font color="white">Accueil</font></center></h1>
<link rel="stylesheet" href="Accueil Css.css">
<br>
<a href="Contact.html" class="button-contact"> <font color="white">Contactez nous !</font></a>
</head>
<body>
</body>
</html>

------------------------
CSS :

a. button-contact{

text-align: right;
}
-----------------------

Mon but est de mettre le lien qui est en forme "Contactez nous !" et de le positionner à droite mais je n'y arrive pas ...

Merci d'avance

5 réponses

Réponse 1 / 5
Messages postés
32410
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
11 mai 2021
 3 477
Bonjour
Tu as mis un espace entre le point et le nom de ta class
Réponse 2 / 5

Bonjour
J’ai déjà essayé mais cela ne marche pas ...

Merci
Réponse 3 / 5
Messages postés
32410
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
11 mai 2021
 3 477
Alors, je viens de regarder ton code plus attentivement...
Tu as mal placé une partie de celui-ci.

Dans les balises <head> tu ne dois avoir que les meta et le title.
Eventuellement les fichiers js et css (quoi que, pour le js, je te recommande de les placer juste avant la fin de ton body ( avant le </body> )

Ensuite,
Entre les balises <body> tu places ton code html

Tu noteras également que ton fichier css contient deux fois le .css ... étrange ....

Et enfin, si c'est le lien que tu veux placer à droite, penche toi sur la proprité float ( tu trouveras sur le net )
Réponse 4 / 5

Merci beaucoup
Je regarderai ce soir et je vous tiendrai au courant si je réussi merci encore et bonne soirée
Réponse 5 / 5

Bonjour,
pour ton information, center est déprécié.
Contrôler dans : https://caniuse.com/
Répondre Posez votre question