WebSite X5Help Center

 
#ABCD WebAgency
#ABCD WebAgency
User

GRADIENT BUTTON, ALTEZZA E LARGHEZZA  it

Автор: #ABCD WebAgency
Просмотрено 1891, Подписчики 1, Размещенный 0  
Тэги: 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

Размещено
5 Ответы
#ABCD WebAgency
#ABCD WebAgency
User
Автор

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

Читать больше
Размещено От #ABCD WebAgency
#ABCD WebAgency
#ABCD WebAgency
User
Автор

per parametri intendo i margini esterni ed interni = a 0

Читать больше
Размещено От #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.

Читать больше
Размещено От Riccardo P.
#ABCD WebAgency
#ABCD WebAgency
User
Автор

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.

Читать больше
Размещено От #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.

Читать больше
Размещено От Riccardo P.