WebSite X5Help Center

 
Pietro F.
Pietro F.
User

Tabella immagine e testo responsive  it

Autor: Pietro F.
Visited 1228, Followers 1, Udostępniony 0  

Ciao,

ho letto tante discussioni sull'argomento ma non riesco ad ottenere un effetto decente.

http://www.vertours.com/home/vertours/

Come posso fare in modo che nelle risoluzioni inferiori (fino a dove ho inserito l'interruzione di riga per andare a capo) le 4 tabelle che ho inserito si adattino e non diano l'effetto che c'è ora.

Grazie mille

Pietro

Posted on the
17 ODPOWIEDZI - 2 USEFUL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... conoscendo il problema delle tabelle, si dovrebbero evitare ed impaginare in modo corretto nelle celle della griglia, come nel secondo link(!)...

... per elasticizzare la tabella hai usto il mio codice, ma appunto per il problema delle tabelle, avresti dovuto evitare le due colonne laterali vuote...

... comunque, stando così le cose, al precedente mio codice, aggiungi questa stringa nel tag style:

table img{width:100% !important;} #imCell_28 *, #imCell_29 *, #imCell_30 *, #imCell_31 *{overflow-x: hidden !important;}

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Pietro F.
Pietro F.
User
Autor

... conoscendo il problema delle tabelle, si dovrebbero evitare ed impaginare in modo corretto nelle celle della griglia, come nel secondo link(!)...

Per impaginare in modo corretto come dici cosa dovrei fare? cioè sono le due colonne vuote che creano problemi?

Grazie KolAsim ;)

Czytaj więcej
Posted on the from Pietro F.
Mirko Boschetti
Mirko Boschetti
Moderator

ma non hai messo 4 oggetti immagine e sotto 4 oggetti testo ?

Czytaj więcej
Posted on the from Mirko Boschetti
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... io attualmente non ho il programma, ma per ottenere lo stesso aspetto o simile, potresti usare quattro oggetti testo...

... hai provato con il codice...?...

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Pietro F.
Pietro F.
User
Autor

Ho provato con il codice sia al link di prima sia al link di seguito in cui ho eliminato i due spazi vuoti ai lati!

http://www.vertours.com/home/vertours/home-page---copia.html

in questo esempio ovviamente gli oggetti risultano tanto distanziati

Mirko Boschetti
ma non hai messo 4 oggetti immagine e sotto 4 oggetti testo ?

in realtà l'avevo impostata come 4 oggetti tabella, ciascuna tabella di tre righe (testo, immagine, testo)

Grazie

Czytaj więcej
Posted on the from Pietro F.
Claudio D.
Claudio D.
Moderator
Najlepszy Użytkownik miesiąca IT

...ma perchè non 4 oggetti testo , come ti ha già suggerito KolAsim...

mi pare la cosa più facile e funzionale...

Czytaj więcej
Posted on the from Claudio D.
Pietro F.
Pietro F.
User
Autor

ho inserito 4 breakpoint e in corrispondenza dei 760 interruzione di riga per dividere i 4 oggetti testo, cosa dici? ci può stare?

Czytaj więcej
Posted on the from Pietro F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... bene, ...molto meglio delle tabelle...

...toglierei gli spazi vuoti all'inizio delle descrizioni...

... se pensi di non far uso delle tabelle, puoi eliminare i miei codici <style> e <script> ...anche se sono innocui ed inerti...

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Pietro F.
Pietro F.
User
Autor

http://www.vertours.com/home/holidays/

riesci a controllare anche questa pagina? non capisco come mai quando scendo di risoluzione ad un certo punto, in corrispondenza delle 4 immagini sotto il titolo "pronto a partire?", le due immagini centrali vengono grandi mentre le due esterne  piccole! anche qui in corrispondenza dei 760 ho inserito interruzione di riga

p.s: header e footer devono ancora essere sistemati nelle varie risoluzioni

Poi ho finito, grazie mille davvero

Czytaj więcej
Posted on the from Pietro F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... avviene da 1200 a 720 pixel ... controlla le impostazioni responsive, ed eventuali  gruppi...

... senza del programma di più non posso immaginare...

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Pietro F.
Pietro F.
User
Autor

cosa intendi quando parli di gruppi?

grazie

poi chiudo la conversazione, sei stato davvero utile!

Czytaj więcej
Posted on the from Pietro F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... gli oggetti possono essere raggruppati in modalità responsive, ma magari non c'entra niente...

... ho visto che hai avviato un nuovo Topic in merito, ed ha fatto bene; ...nel caso ci risentiremo di là...

ciao

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Pietro F.
Pietro F.
User
Autor

intanto ti ringrazio per avermi aiutato nel risolvere tutte queste problematiche!

Ciao

Czytaj więcej
Posted on the from Pietro F.