css, html pulsanti accanto all’altro

Ho i seguenti due pulsanti:

            <div>
                <input type="button" id="slide_start_button" value="Start">
                <input type="button" id="slide_stop_button"  value="Stop">
            </div>

Vorrei mettere sia l’uno accanto all’altro (per esempio |Start|Stop|). Posso ma devo usare il “position: relative” regola css e un spazio vuoto era al di sotto dei pulsanti che non voglio.
Come faccio a mettere i due pulsanti a fianco di altri portatili modo?

Grazie

Aggiornamento:
Ho abbassato la larghezza di entrambi pulsante per 48px e ora si inseriscono nella posizione corretta. Ma c’è un 2px spazio tra il pulsante non riesco, ho provato a mettere padding: 0 su div, o margin: 0 su pulsanti ma niente.

Aggiornamento: ho trovato una risposta alla mia ultima domanda qui

Perché si desidera utilizzare due pulsanti ? Si può fare con il solo pulsante e modificando dinamicamente il testo.
Ho fatto a giocherellare con il tuo codice, e i pulsanti non vengono visualizzati uno accanto all’altro. Sembra che la loro potrebbe essere qualcos’altro di tuo ambiente causando loro di stack. Forse il tuo div larghezza impostata è troppo bassa?
raddevon, hai ragione. Mi è caduta la larghezza per 40 px per ogni pulsante e ora appaiono uno accanto all’altro. Grazie
Ma non so perché non ci sono 2px a una distanza di circa due pulsanti, come posso eliminarlo? Ho provato padding = 0, ma non funziona.

InformationsquelleAutor willypuzzle | 2013-08-20

One Reply
  1. 2

    Oltre a galleggiante loro sinistra, è possibile modificare le proprietà di visualizzazione sugli ingressi per inline-block.

    #slide_start_button, #slide_stop_button{
       display: inline-block;
       margin-right: 5px;
    }

    InformationsquelleAutor Lucky Pierre

Lascia un commento