Tabella immagine e testo responsive
Auteur : Pietro F.
Visité 1226,
Followers 1,
Partagé 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
Posté le
Auteur
https://www.viaggierbacci.it/
l'effetto desiderato è questo nelle varie risoluzioni
Grazie
... 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;}
.
Auteur
... 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 ;)
ma non hai messo 4 oggetti immagine e sotto 4 oggetti testo ?
... io attualmente non ho il programma, ma per ottenere lo stesso aspetto o simile, potresti usare quattro oggetti testo...
... hai provato con il codice...?...
.
Auteur
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
in realtà l'avevo impostata come 4 oggetti tabella, ciascuna tabella di tre righe (testo, immagine, testo)
Grazie
...ma perchè non 4 oggetti testo , come ti ha già suggerito KolAsim...
mi pare la cosa più facile e funzionale...
Auteur
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
... direi molto bene ...
.
Auteur
ho inserito 4 breakpoint e in corrispondenza dei 760 interruzione di riga per dividere i 4 oggetti testo, cosa dici? ci può stare?
Auteur
http://www.vertours.com/home/vertours
Questo il link corretto
Grazie
... 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...
.
Auteur
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
... avviene da 1200 a 720 pixel ... controlla le impostazioni responsive, ed eventuali gruppi...
... senza del programma di più non posso immaginare...
.
Auteur
cosa intendi quando parli di gruppi?
grazie
poi chiudo la conversazione, sei stato davvero utile!
... 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
Auteur
intanto ti ringrazio per avermi aiutato nel risolvere tutte queste problematiche!
Ciao