Bouton en css : doivent rester sur la même ligne ( et non l'un en dessous de l'autre)

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Bouton en css : doivent rester sur la même ligne ( et non l'un en dessous de l'autre)

Message par Oïa Mer 29 Avr 2015 - 8:39

Détails techniques

Version du forum : phpBB2
Poste 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
Oïa

Oïa
*

Messages : 48
Inscrit(e) le : 27/10/2014

https://forum.forumactif.com/
Oïa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton en css : doivent rester sur la même ligne ( et non l'un en dessous de l'autre)

Message par FANCH 56 Mer 29 Avr 2015 - 10:03

Bonjour

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
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton en css : doivent rester sur la même ligne ( et non l'un en dessous de l'autre)

Message par Oïa Mer 29 Avr 2015 - 12:29

Bonjour, 

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
Oïa

Oïa
*

Messages : 48
Inscrit(e) le : 27/10/2014

https://forum.forumactif.com/
Oïa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton en css : doivent rester sur la même ligne ( et non l'un en dessous de l'autre)

Message par FANCH 56 Mer 29 Avr 2015 - 13:42

le a n'est pas séparé de href.
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton en css : doivent rester sur la même ligne ( et non l'un en dessous de l'autre)

Message par Oïa Mer 29 Avr 2015 - 14:20

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
Oïa

Oïa
*

Messages : 48
Inscrit(e) le : 27/10/2014

https://forum.forumactif.com/
Oïa a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum