WebSite X5Help Center

 
#ABCD WebAgency
#ABCD WebAgency
User

GRADIENT BUTTON, ALTEZZA E LARGHEZZA  it

Auteur : #ABCD WebAgency
Visité 2130, Followers 1, Partagé 0  
Mots-clés :: 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

Posté le
5 RéPONSES
#ABCD WebAgency
#ABCD WebAgency
User
Auteur

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

Lire plus
Posté le de #ABCD WebAgency
#ABCD WebAgency
#ABCD WebAgency
User
Auteur

per parametri intendo i margini esterni ed interni = a 0

Lire plus
Posté le 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.

Lire plus
Posté le de Riccardo P.
#ABCD WebAgency
#ABCD WebAgency
User
Auteur

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.

Lire plus
Posté le 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.

Lire plus
Posté le de Riccardo P.