WebSite X5Help Center

 
Pietro F.
Pietro F.
User

Tabella immagine e testo responsive  it

Автор: Pietro F.
Просмотрено 1210, Подписчики 1, Размещенный 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

Размещено
17 Ответы - 2 Полезно
Pietro F.
Pietro F.
User
Автор

https://www.viaggierbacci.it/

l'effetto desiderato è questo nelle varie risoluzioni

Grazie

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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Pietro F.
Pietro F.
User
Автор

... 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 ;)

Читать больше
Размещено От Pietro F.
Mirko Boschetti
Mirko Boschetti
Moderator

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

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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Pietro F.
Pietro F.
User
Автор

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

Читать больше
Размещено От Pietro F.
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца IT

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

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

Читать больше
Размещено От Claudio D.
Pietro F.
Pietro F.
User
Автор

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

ho provato con 4 ogg testo, ho fatto una cosa veloce quindi ho copiato e incollato lo stesso! cosa dite?(nelle diverse risoluzioni)

Grazie

Читать больше
Размещено От Pietro F.
Pietro F.
Pietro F.
User
Автор

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

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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Pietro F.
Pietro F.
User
Автор

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

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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Pietro F.
Pietro F.
User
Автор

cosa intendi quando parli di gruppi?

grazie

poi chiudo la conversazione, sei stato davvero utile!

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

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Pietro F.
Pietro F.
User
Автор

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

Ciao

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