WebSite X5Help Center

 
#ABCD WebAgency
#ABCD WebAgency
User

GRADIENT BUTTON, ALTEZZA E LARGHEZZA  it

Autore: #ABCD WebAgency
Visite 1876, Followers 1, Condiviso 0  
Parole Chiave: button,gradient

ho 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

Postato il
5 RISPOSTE
#ABCD WebAgency
#ABCD WebAgency
User
Autore

ovviamente impostando anche i parametri delle 3 celle o colonne a 0

Leggi di più
Postato il da #ABCD WebAgency
#ABCD WebAgency
#ABCD WebAgency
User
Autore

per parametri intendo i margini esterni ed interni = a 0

Leggi di più
Postato il da #ABCD WebAgency
Incomedia
Riccardo P.
Incomedia

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.

Leggi di più
Postato il da Riccardo P.
#ABCD WebAgency
#ABCD WebAgency
User
Autore

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.

Leggi di più
Postato il da #ABCD WebAgency
Incomedia
Riccardo P.
Incomedia

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

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */     -moz-box-sizing: border-box;    /* Firefox, other Gecko */     box-sizing: border-box;         /* Opera/IE 8+ */
per togliere il padding, però se deve ridimensionare anche l'altezza. Tieni presente che nel caso il sito sia visualizzato da un browser che non supporta il css3 risulterebbe visualizzato non correttamente.

Una soluzione più veloce è quella di diminuire la lunghezza anche se non corrisponde come somma del valore delle colonne.

Leggi di più
Postato il da Riccardo P.