Bouton en css : doivent rester sur la même ligne ( et non l'un en dessous de l'autre)
2 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
Bouton en css : doivent rester sur la même ligne ( et non l'un en dessous de l'autre)
Détails techniques
Version du forum : phpBB2Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : hier
Lien du forum : (lien masqué, vous devez poster pour le voir)
Description du problème
Bonjour,j'ai installé des boutons en css que j'ai mis dans index-box.
J'ai essayé plusieurs solutions mais je n'arrive pas à les aligner, ils se mettent
l'un en dessous de l'autre.
Sauriez vous comment faire pour qu'ils s'alignent tous ? ( pour l'instant j'en ai mis que deux)
Merci par avance
voila les codes utilisés :
dans index_box :
- Code:
<br>
<hr />
<div id="ANNONCESaccueil">
∞ Bienvenue sur le forum MacadaM .. <br>∞ Ouverture du forum courant mai<br>
∞ On recrute ! inscrivez vous et faites partie de l'équipe !
</div><hr>
<br>
<hr>
<div id="ANNONCESaccueil">
<div class=bouton_MacadaM1><a href="http://macadam.pixforum.net/register" class="lien"> Inscription</a></div>
<div class=bouton_MacadaM1><a href="http://macadam.pixforum.net/login?logout" class="lien">On/Off</a></div>
</div>
<hr>
<hr><br>
dans le CSS :
- Code:
.bouton_MacadaM1 {
height: 34px;
width: 83px;
background-image: url(http://i19.servimg.com/u/f19/19/19/81/12/bouton11.png);
background-repeat: no-repeat;
background-position: center center;
font-size: 13px;
text-align:center;
height: 34px;
color: #717171;
text-shadow: 1px 1px 0 #FFF;
line-height: 34px;
}
.bouton_MacadaM1:hover {
height: 34px;
width: 83px;
background-image: url(http://i19.servimg.com/u/f19/19/19/81/12/bouton12.png);
background-repeat: no-repeat;
background-position: center center;
font-size: 13px;
text-align:center;
height: 34px;
color: #717171;
text-shadow: 1px 1px 0 #FFF;
line-height: 34px;
}
Dernière édition par Oïa le Mer 29 Avr 2015 - 14:23, édité 1 fois
Re: Bouton en css : doivent rester sur la même ligne ( et non l'un en dessous de l'autre)
Bonjour
Comme elle est à la fin du premier code non fermée, cela te créé un retour à la ligne
- Code:
La balise <br> doit s'écrire <br />
Comme elle est à la fin du premier code non fermée, cela te créé un retour à la ligne
Re: Bouton en css : doivent rester sur la même ligne ( et non l'un en dessous de l'autre)
Bonjour,
mes deux boutons sont sur cette ligne :
Il n'y a aucun <br> entre les deux boutons, les <br> sont entre des <hr> ( des lignes pour séparer une annonce écrite de mes boutons).
merci a vous
mes deux boutons sont sur cette ligne :
- Code:
<div class=bouton_MacadaM1><ahref="http://macadam.pixforum.net/register" class="lien"> Inscription</a></div> <div class=bouton_MacadaM1><ahref="http://macadam.pixforum.net/login?logout" class="lien">On/Off</a></div>
Il n'y a aucun <br> entre les deux boutons, les <br> sont entre des <hr> ( des lignes pour séparer une annonce écrite de mes boutons).
merci a vous
Re: Bouton en css : doivent rester sur la même ligne ( et non l'un en dessous de l'autre)
le a n'est pas séparé de href.
Re: Bouton en css : doivent rester sur la même ligne ( et non l'un en dessous de l'autre)
oui c'est exact mais visiblement mes boutons s'affichent quand même et ils sont cliquable;
merci a vous mais si vous n'avez pas de vrai solution inutile de décortiquer ce code
cordialement,
édit :
il manquait float:left; dans mon css
résolu
merci a vous mais si vous n'avez pas de vrai solution inutile de décortiquer ce code
cordialement,
édit :
il manquait float:left; dans mon css
résolu
Sujets similaires
» Bouton en ligne et hors ligne on disparus
» Bouton En ligne et Hors ligne AIDE :)
» Bouton En ligne et Hors ligne , mal placer !
» Bouton en ligne
» Bouton En Ligne
» Bouton En ligne et Hors ligne AIDE :)
» Bouton En ligne et Hors ligne , mal placer !
» Bouton en ligne
» Bouton En Ligne
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