J'ai un problème avec CSS

Résolu/Fermé

senpaii Messages postés 6 Date d'inscription samedi 28 octobre 2017 Statut Membre Dernière intervention 29 octobre 2017 - Modifié le 28 oct. 2017 à 16:24
senpaii Messages postés 6 Date d'inscription samedi 28 octobre 2017 Statut Membre Dernière intervention 29 octobre 2017 - 29 oct. 2017 à 01:12

J'ai un problème, quand je veux déplacer par exemple : Clique ici
(<a href="#" rel="nofollow noopener noreferrer" target="_blank" class="cliqueici">Clique ici</a>)
Sa se déplace si je fait a gauche ou droite:
.cliqueici {
margin-left: 10px; ou margin-right: 10px;
}
Mais si je fais margin-bottom ou margin-top sa ne se déplace ni vers le haut ni vers le bas, et sa, sa me le fait que avec la commande <a></a> (je suis avec le logiciel notepad++)

(et aussi un autre truc: quand je valide ce message la,sa rajoute rel="nofollow noopener noreferrer" (en haut de message) donc si pouvais m'expliquer en même temps à quoi sa sert )

A voir également:

J'ai un problème avec CSS
Enlever couleur lien css ✓ - Forum CSS
Css exposant ✓ - Forum CSS
Css download - Télécharger - HTML
Css retour à la ligne ✓ - Forum CSS
Saut de lignes sans <br/> ✓ - Forum Webmastering

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38306 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 23 novembre 2024 4 705
29 oct. 2017 à 00:36

Bonjour,

Tu t'obstines à ne nous montrer qu'une partie de ton code....
Dans ces conditions.. comment espères tu que nous puissions t'aider ??

Sachant que ton code actuel donne ceci :

On distingue parfaitement le margin left et le bottom....
Donc.. quel est le problème au juste ??

senpaii Messages postés 6 Date d'inscription samedi 28 octobre 2017 Statut Membre Dernière intervention 29 octobre 2017
29 oct. 2017 à 00:56

Avez-vous reçus mon code ?

senpaii Messages postés 6 Date d'inscription samedi 28 octobre 2017 Statut Membre Dernière intervention 29 octobre 2017
Modifié le 29 oct. 2017 à 01:12

Après une journée à essayer de régler le problème je viens de finir d'y arriver
Je crois que

class=""

il ne faut pas le mettre dans les balises

<a></a>

mais faire plutôt comme sa :

<div class="">
<a href="">...</a>
</div>

Réponse 2 / 3

jordane45 Messages postés 38306 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 23 novembre 2024 4 705
28 oct. 2017 à 22:58

Bonjour,

Déjà:

et aussi un autre truc: quand je valide ce message la,sa rajoute rel="nofollow noopener noreferrer" (en haut de message) donc si pouvais m'expliquer en même temps à quoi sa sert

C'est un bug du site ccm .. n'en tiens pas compte.

Ensuite.. pour ce qui est de ton souci...
1- Sans voir ton code HTML ni la totalité de ton CSS .. difficile de te répondre
2 - Pour poster du code sur le forum.. il faut le coller directement en utilisant les balises de code : https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

.

Réponse 3 / 3

senpaii Messages postés 6 Date d'inscription samedi 28 octobre 2017 Statut Membre Dernière intervention 29 octobre 2017
Modifié le 29 oct. 2017 à 00:10

C'est vrai que j'ai mit de brev code.
La je prend l'exemple du EN SAVOIR +

Je sais pas si sa te convient :/
Donc ducoup c'est le margin-bottom/top qui ne marchent pas, mais margin-right/left fonctionnent très bien

Grandasse_ Messages postés 924 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 27 avril 2023 594
Modifié le 29 oct. 2017 à 00:12

(tu veux pas faire un copier-coller du code plutôt ? là on est obligé de recopier de notre coté pour proposer un code potable c'est assez contraignant.)

senpaii Messages postés 6 Date d'inscription samedi 28 octobre 2017 Statut Membre Dernière intervention 29 octobre 2017
Modifié le 29 oct. 2017 à 00:26

<div class="open-serveur"> 
<a class="sous-titre-news" href="#" rel="nofollow noopener noreferrer" target="_blank">Information - 28 octobre 2017</a>
<a class="ensavoir" href="#" rel="nofollow noopener noreferrer" target="_blank">EN SAVOIR +</a>
</div>

ensavoir {
 margin-bottom: 50px;
 font-size: 14px;
 margin-left: 50px;
}

Excusez-moi

Discussions similaires

trait horizontal avec du css

Enlever le soulignement sous les liens en HTML/CSS

[CSS] Forcé retour à la ligne

HTML - définir taille bouton

[CSS] Mettre un objet au premier plan