WebSite X5Help Center

 
#ABCD WebAgency
#ABCD WebAgency
User

GRADIENT BUTTON, ALTEZZA E LARGHEZZA  it

Autor: #ABCD WebAgency
Visitado 2129, Followers 1, Compartido 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

Publicado en
5 RESPUESTAS
#ABCD WebAgency
#ABCD WebAgency
User
Autor

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

Leer más
Publicado en de #ABCD WebAgency
#ABCD WebAgency
#ABCD WebAgency
User
Autor

per parametri intendo i margini esterni ed interni = a 0

Leer más
Publicado en de #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.

Leer más
Publicado en de Riccardo P.
#ABCD WebAgency
#ABCD WebAgency
User
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.

Leer más
Publicado en de #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.

Leer más
Publicado en de Riccardo P.