October 21
In HTML, il "<tasto>" tag crea pulsanti all'interno o all'esterno di moduli Web. I pulsanti possono andare in qualsiasi punto di una pagina, e fintanto che non vi è abbastanza spazio per loro di mostrare fianco a fianco, si disporsi in quel modo. Manipolazione pulsanti in fila per toccare anche i lati con l'altro è più di una sfida, perché i browser applicano stili di default per formare controlli che non si può sempre ignorare, come ad esempio i margini intorno pulsanti. È anche possibile impostare il proprio stile di bordo alla riga tasto per rendere i pulsanti cadere la maggior parte del loro stile di default.
1 Aprire la pagina Web in un editor - Notepad farà se non avete editor di codice installato - e aggiungere un div in cui si vuole fare la fila di pulsanti:
<Div id = "bottoni">
</ Div>
Dare il div un nome ID di "pulsanti" in modo da poter stile in CSS.
2 Aprire il foglio di stile per la pagina Web o aggiungere codice CSS tra i "<style>" tag:
<Style type = "text / css">
</ Style>
Aggiungere questo codice, se non è già tra i "<head>" tag.
3 Scrivi una regola di stile di influenzare tutti i pulsanti:
Pulsante pulsanti {
}
4 Fare tutti i pulsanti di linea senza spazi tra di loro impostando il margine pari a negativi quattro pixel:
Pulsante pulsanti {
margin-right: -4px;
}
Questo funziona in tutti i browser su Windows, tranne che in Opera, dove appare un bug sul bordo destro lato l'ultimo pulsante. Avete bisogno di un margine negativo, perché ci saranno ancora spazi tra i tasti se si imposta i margini a zero.
5 Impostare il confine a uno "0" o uno stile di bordo della tua scelta:
Pulsante pulsanti {
margin-right: -4px;
border: 1px nero solido;
}
La disattivazione dei confini farà sì che il browser di abbandonare il suo stile predefinito del pulsante. È quindi possibile progettare il pulsante come più vi piace.