WebSite X5Help Center

 
#ABCD WebAgency
#ABCD WebAgency
User

GRADIENT BUTTON, ALTEZZA E LARGHEZZA  it

Author: #ABCD WebAgency
Visited 2094, Followers 1, Shared 0  

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

Posted on the
5 ANSWERS
#ABCD WebAgency
#ABCD WebAgency
User
Author

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

Read more
Posted on the from #ABCD WebAgency
#ABCD WebAgency
#ABCD WebAgency
User
Author

per parametri intendo i margini esterni ed interni = a 0

Read more
Posted on the from #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.

Read more
Posted on the from Riccardo P.
#ABCD WebAgency
#ABCD WebAgency
User
Author

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.

Read more
Posted on the from #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.

Read more
Posted on the from Riccardo P.