GRADIENT BUTTON, ALTEZZA E LARGHEZZA
Autor: #ABCD WebAgencyho notato che il gradient button non è mai visualizzato correttamente nella cella che vado a creare, viene sempre tagliato.
Se vado a creare uno stage del sito di 960 px e divido tale stage in 12 colonne ognuna delle quali di 80 px (80 per 12 = 960) e vorrei inserire usando il HTML E WIDGETS, il gradient button adattandolo a 3 celle o colonne, quindi (80 per 3 = 240) - inserendo i parametri nel gradient button (togliendo il bordo) di LARGHEZZA 240 e ALTEZZA 20, tale gradient button viene sempre tagliato!
il problema secondo me e che nel momento in cui si va a creare il pulsante, il backoffice del programma permette solo di eliminare il bordo e non le varie ombre; come si evince dal codice che va a creare:
padding: .5em 2em .55em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
width:240px;
height:20px;
allego immagine
Autor
ovviamente impostando anche i parametri delle 3 celle o colonne a 0
Autor
per parametri intendo i margini esterni ed interni = a 0
Buongiorno Dan,
se la colonna è larga 80 e il widget è largo 240, il pulsante verrà tagliato, imposta l'oggeto widgets lungo come tutta la pagina.
Autor
la colonna o cella è 80 px, ora moltiplicato per 3, in quanto è appoggiato su 3 colonne o celle è 240 px. il pulsante è 240 px! ma viene tagliato lo stesso.
Salve Dan,
devi tenre contro che il pulsante ha del padding, e la lunghezza che imposti è del pulsante.
Prova a usare questo codice per Css3
Una soluzione più veloce è quella di diminuire la lunghezza anche se non corrisponde come somma del valore delle colonne.