WebSite X5Help Center

 
Pietro F.
Pietro F.
User

Tabella immagine e testo responsive  it

Autor: Pietro F.
Visitado 1229, Seguidores 1, Compartilhado 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

Publicado em
17 RESPOSTAS - 2 ÚTEIS
 ‪ 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;}

.

Ler mais
Publicado em de  ‪ 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 ;)

Ler mais
Publicado em de Pietro F.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Ler mais
Publicado em de 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...?...

.

Ler mais
Publicado em de  ‪ 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

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

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

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

Ler mais
Publicado em de 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?

Ler mais
Publicado em de 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...

.

Ler mais
Publicado em de  ‪ 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

Ler mais
Publicado em de 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...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Pietro F.
Pietro F.
User
Autor

cosa intendi quando parli di gruppi?

grazie

poi chiudo la conversazione, sei stato davvero utile!

Ler mais
Publicado em de 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

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Pietro F.
Pietro F.
User
Autor

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

Ciao

Ler mais
Publicado em de Pietro F.