WebSite X5Help Center

 
Antonio V.
Antonio V.
User

Portare i margini a zero oggetto pulsante  it

Autor: Antonio V.
Visitado 1790, Seguidores 1, Compartilhado 0  

salve,

cortesemente come posso fare per portare i margini a zero dell'oggetto (pulsante) posti sulla stessa riga?

vedi immagine.

Publicado em
38 RESPOSTAS - 4 ÚTEIS
Antonio V.
Antonio V.
User
Autor

lavorando sui margini dei singoli oggetti non è possibile avere un allineamento desidaretao.

Ler mais
Publicado em de Antonio V.
Claudio D.
Claudio D.
Moderator
Usuário do mês IT

intendi l'oggetto animated button ?

ummm... a mio parere , senza provare , ma ad intuito ... poichè ne inserisci uno per cella lui ti dividerà la larghezza della pagina per il numero di colonne...

quindi maggiore è il numero di colonne e più staranno vicini... magari anche facendo "impazzire" la pubblicazione... ai breakpoint inferiori

...secondo me devi cambiare tipo di oggetto ...

cosa lo usi per paginare ?

se si, meglio mettere un oggetto testo con dentro le immagini ... 

così risolvi... potendo metterli vicini quanto vuoi...

Ler mais
Publicado em de Claudio D.
Antonio V.
Antonio V.
User
Autor

Grazie Claudio, ma cosi facendo non ho l'effetto grafico desiderato.

poi avrei problemi con i breakpoint. Uso HOVER BUTTON.

Ler mais
Publicado em de Antonio V.
Claudio D.
Claudio D.
Moderator
Usuário do mês IT
Antonio V.
Uso HOVER BUTTON.

stesso discorso...

provato ora...

proprio come immaginavo...

modalità desktop (12 colonne) :

due breakpoint inferiori i primi si sovrappongono e i secondi si restringono... :

Antonio V.

Grazie Claudio, ma cosi facendo non ho l'effetto grafico desiderato.

capisco...

dubito che con quegli oggetti riuscirai... attendi altri pareri ...

Penso devi andare di codice o rinunciare all'effetto ...

vedi tu se ne vale la pena...wink

io rinuncerei agli effetti... 

Ler mais
Publicado em de Claudio D.
Antonio V.
Antonio V.
User
Autor

Infatti è quello che cerco, ma non sono riuscito a trovare nessun codice di impaginazione

Ler mais
Publicado em de Antonio V.
Claudio D.
Claudio D.
Moderator
Usuário do mês IT
Antonio V.
Infatti è quello che cerco, ma non sono riuscito a trovare nessun codice di impaginazione

intendevo codice in html da inserire nell'oggetto codice html , come ti ha suggerito Giorgio ...

oppure questo per prendere spunto per i pulsanti...

https://www.w3schools.com/tags/tag_button.asp

Ler mais
Publicado em de Claudio D.
Antonio V.
Antonio V.
User
Autor

Ciao Mirko,

Grazie per la tua disponibilità, no non va bene, quello che cerco, deve agire sulle pagine del carrello, avendo molti articoli dello stesso genere, diventerebbe una pagina lunghissima. vedi esempio immagine sottostante. in pratica avendo circa 200 tipi di barre portatutto, puoi immaginare come diventerebbe lunga la pagina. ho creato 10 pagine di cui ogni pagina contiene 20 articoli.

Ler mais
Publicado em de Antonio V.
Antonio V.
Antonio V.
User
Autor

[quote="Antonio V."]

Ciao Mirko,

Grazie per la tua disponibilità, no non va bene, quello che cerco, deve agire sulle pagine del carrello, avendo molti articoli dello stesso genere, diventerebbe una pagina lunghissima. vedi esempio immagine sottostante. in pratica avendo circa 200 tipi di barre portatutto, puoi immaginare come diventerebbe lunga la pagina. ho creato 10 pagine di cui ogni pagina contiene 20 articoli.

vai qui https://www.casadellamarmitta.com/e_commerce/barre-portatutto-auto-p1.html

è il sitoweb che sto ultimando cosi ti rendi conto di cosa vorrei realizzare.

Ler mais
Publicado em de Antonio V.
A. Kris
A. Kris
User

potresti chiedere lo staff, di togliere queste limitazioni su quasi tutti gli oggetti ;-) sarebbe un "piccolo miglioramento" del software?

Ler mais
Publicado em de A. Kris
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Antonio V.
... ... cortesemente come posso fare per portare i margini a zero dell'oggetto (pulsante) posti sulla stessa... ... 

... post il LINK del tuo esempio online contenente questi pulsanti...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Skeggia 12
Skeggia 12
Moderator

vengono in quel modo perchè i pulsanti hanno allineamenti differenti, il primo (START) è posizionato a destra, i due centrali sono al centro e l'ultimo (END) è allineato a sinistra, quindi i due centrali hanno più spazio al centro (il doppio, risultante dai due spazi ai loro lati essendo posizionati al centro rispetto alla cella contenitore) ... se si allineano tutti al centro avranno una spaziatura identica...

Ler mais
Publicado em de Skeggia 12
Claudio D.
Claudio D.
Moderator
Usuário do mês IT

...si @Skeggia... vero...

ma penso che lui intenda che li vuole tutti vicini-vicini wink

se ho capito bene...

Ler mais
Publicado em de Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... grazie Claudio, ...io penso che andrebbero sistemati in una propria riga, e forse ancora meglio, in una tabella...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Antonio V.
Antonio V.
User
Autor

Grazie per il vostro interesamento, effettivamente li vorrei tutti molto più vicini, ma visto che non è possibile e onde evitare che l'area dei pulsanti ci sia troppo spazio tra loro, ho ritenuto opportuno allinearli in questo modo.

confido nei programmatori di incomedia di darci la possibilità di creare una sorte di impaginazione e/o un sistema, magari un oggetto, che ci permetta di tener più uniti i pulsanti.

aspetto ancora quelche giorno, poi chiudo il post come non risolto.

Ler mais
Publicado em de Antonio V.
Incomedia
Riccardo P.
Incomedia

Buongiorno Antonio,

quello che vuoi realizzare è molto particolare, tuttavia puoi provare, come ti è stato consigliato, ad agire sui margini e sull'impaginazione.

Per esempio puoi agire sull'allineamento per avvicinare gli oggetti esterni a quello centrale riducendo i margini, così:

creando più colonne sempre mantenendo gli oggetti potrai avvicinarli di più, per esempio:

Per molti più oggetti dovrai settarli tutti con allineamento al centro e usare due oggetti vuoi ai lati così che si posizionino tutti nella stessa posizione. Inoltre potrai usare le interruzioni di riga per sistemare anche il mobile.

Così facendo li puoi posizionare come preferisci.

Questi oggetti però non sono indicati per usarli come pulsanti per impaginazione perchè nella visualizzazione mobile vengono posizionati tutti incolonnati.

Puoi agire creado tramite codice l'impaginazione o  usare l'oggetto menu in tutte le pagine in modo che visualizzi il livello con le pagine, così:

Spero di esserti stato utile.

Ler mais
Publicado em de Riccardo P.
Giorgio C.
Giorgio C.
User

Potresti fare in questo modo:

Crei un livello nascosto, con tanti sottolivelli quante sono le pagine da linkare. Metti l'oggetto menù nelle pagina desiderata al posto dei pulsanti e lo regoli in modo che si vedano le voci solo a partire da quel livello nascosto.

Inserisci poi i link per ogni pagina in ogni livello utilizzando la proprietà del livello stesso

Ler mais
Publicado em de Giorgio C.
Antonio V.
Antonio V.
User
Autor

siete gentilissimi e per questo vi ringraio. il progetto in questione è un e_commerce. con l'oggetto menù non va bene, o meglio andrebbe bene se parliamo di pochissime pagine, qui invece sono circa 20 pagine per tanto diventebbe ingestibile.

Ciao Riccardo, sei sempre anche tu gentilisimo, ma il tuo consiglio non va bene, le celle sono gia al massimo che si possono inserire. ho risolto cosi:

 

Ripeto per i programmatori di website, eliminate queste stupide limitazioni (sempre se possibile) mi chiedo a cosa servono i margini a 0 quando a 0 non arrivano?

Ler mais
Publicado em de Antonio V.
Giorgio C.
Giorgio C.
User

Risolto? Ma i margini a zero??

Ler mais
Publicado em de Giorgio C.
Claudio D.
Claudio D.
Moderator
Usuário do mês IT
Claudio D.
intendevo codice in html da inserire nell'oggetto codice html , come ti ha suggerito Giorgio ... oppure questo per prendere spunto per i pulsanti... https://www.w3schools.com/tags/tag_button.asp

a mio parere, e io resto di quell'idea, con un oggetto codice html e il link che ti avevo già suggerito ... si ottiene un ottimo risultato e volendo anche con degli effetti carini ...

https://www.w3schools.com/howto/howto_css_animate_buttons.asp

Ler mais
Publicado em de Claudio D.
Giorgio C.
Giorgio C.
User

ma non più facile del menù ... wink

Ler mais
Publicado em de Giorgio C.
Antonio V.
Antonio V.
User
Autor

Ciaoa a tutti

l'idea di Claudio mi piace, mi dici come hai fatto ad azzerare i margini?

questo è il codice

<button onclick="myFunction()">Click Me!</button>

<script>
function myFunction() {
var x = document.getElementById("demo");
x.style.fontSize = "25px";
x.style.color = "red";
}
</script>

Ler mais
Publicado em de Antonio V.
Claudio D.
Claudio D.
Moderator
Usuário do mês IT

Ora non riesco a postare il mio codice perché sono al cellulare...  comunque ho messo tutti i bottoni in un unico oggetto codice html

Ler mais
Publicado em de Claudio D.
Antonio V.
Antonio V.
User
Autor

ok aspetterò che rientri, anche io ho messo tutto in un unico oggetto html, ma mi viene uno sopra e l'atro sotto.

Ler mais
Publicado em de Antonio V.
Antonio V.
Antonio V.
User
Autor

ok aspetterò che rientri, anche io ho messo tutto in un unico oggetto html, ma mi viene uno sopra e l'atro sotto.

no scusa volevo dire che non riesco a fare i collegamenti

Ler mais
Publicado em de Antonio V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Antonio V.
... ...   no scusa volevo dire che non riesco a fare i collegamenti

... se hai di queste difficoltà, potresti fare come suggerito prima da Giorgio, semplicemente cliccando, anche per i link...

... ed ancora più semplice ed immediato, usando il semplicissimo Oggetto Testo...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Antonio V.
Antonio V.
User
Autor

Ok ci sono questo e l'effetto che desideravo, post il codice potrebbe servire a qualcuno.

<!DOCTYPE html>
<html>
<head>
<style>
.pagination {
display: inline-block;
}

.pagination a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
}

.pagination a.active {
background-color: #4CAF50;
color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}
</style>
</head>
<body>

<h2>Active and Hoverable Pagination</h2>
<p>Move the mouse over the numbers.</p>

<div class="pagination">
<a href="#">&laquo;</a>
<a class="active" href="#">1</a>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">&raquo;</a>
</div>

</body>
</html>

c'è solo un problema, mi sono perso nei collegamenti o meglio, inserire link delle relative pagine. 

HELP MY PLEASE

Ler mais
Publicado em de Antonio V.
Claudio D.
Claudio D.
Moderator
Usuário do mês IT
Antonio V.
c'è solo un problema, mi sono perso nei collegamenti o meglio, inserire link delle relative pagine.  HELP MY PLEASE

a vederlo , il tuo codice  ...direi che se sostituisci ai # gli indirizzi con i link delle pagine dovrebbe funzionare

ad esempio:

<a href="http://www.google.com">1</a>

Ler mais
Publicado em de Claudio D.
Antonio V.
Antonio V.
User
Autor

si quello lo so, ma e nelll'effetto grafico che mi smarrito.

Ler mais
Publicado em de Antonio V.
Claudio D.
Claudio D.
Moderator
Usuário do mês IT
Antonio V.
si quello lo so, ma e nelll'effetto grafico che mi smarrito.

non capisco cosa intendi ... e/o che effetto vuoi ottenere...

il codice che hai postato tu funziona perfettamente...

ma a questo punto... se anche il mio codice non ti va bene... vale quanto già detto:

‪ KolAsim ‪ ‪
... se hai di queste difficoltà, potresti fare come suggerito prima da Giorgio, semplicemente cliccando, anche per i link... ... ed ancora più semplice ed immediato, usando il semplicissimo Oggetto Testo...
Ler mais
Publicado em de Claudio D.
Esse Di
Esse Di
User
Antonio V.
ok aspetterò che rientri, anche io ho messo tutto in un unico oggetto html, ma mi viene uno sopra e l'atro sotto.
Antonio V.

ok aspetterò che rientri, anche io ho messo tutto in un unico oggetto html, ma mi viene uno sopra e l'atro sotto.

no scusa volevo dire che non riesco a fare i collegamenti

Antonio V.

c'è solo un problema, mi sono perso nei collegamenti o meglio, inserire link delle relative pagine. 

HELP MY PLEASE

Antonio V.

si quello lo so, ma e nelll'effetto grafico che mi smarrito.

??????????????????????????????????????

Ler mais
Publicado em de Esse Di
Antonio V.
Antonio V.
User
Autor

hahah vero mi sono espresso con i piedi, scusami. post il link dei pulsanti d'impaginazione di cui sono interessato.

in pratica al passaggio del mause si attiva il pulsante. nelle prove che ho fatto io, perdevo questo tipo di effetto.

https://www.w3schools.com/css/tryit.asp?filename=trycss_ex_pagination_active

le pagine da inserire sono le seguenti:

https://www.casadellamarmitta.com/e_commerce/barre-portatutto-auto-p1.html

https://www.casadellamarmitta.com/e_commerce/barre-portatutto-auto-p2.html

in calce alle pagine trovi altri collegamenti.

Grazie

Ler mais
Publicado em de Antonio V.
Esse Di
Esse Di
User

Personalmente continuo a non capire.

Dici che hai effettuato delle prove ma non hai ottenuto l'effetto desiderato.

Pubblica una delle tue prove e, forse, qualcuno riuscirà a scoprire l'errore o gli errori commessi (questo difetto vale per la maggior parte delle persone che chiedono aiuto su Helpcenter).

Il tutto potrebbe risolversi in due o tre post. Ora siamo arrivati a circa quaranta e nessuno ha ancora capito bene il tuo problema.

Ler mais
Publicado em de Esse Di
Antonio V.
Antonio V.
User
Autor

eccomi scusate il ritardo causa operazione al crociato, a brevi descrivo meglio il problema.

Ler mais
Publicado em de Antonio V.