Joomla.it Forum
Joomla! 3 => Joomla! 3 => : Antonello G 17 Jul 2020, 12:14:47
-
Buongiorno,Joomla! 3.9.20template jd cichago
editor JCEho creato una tabella a tre colonne su una riga, per poter inserirci il testo affaicato all'immagine.inserisco la foto e ha una dimensione, poi come inserisco il testo, l'immagine si rimpicciolisce all'allungarsi del testo.non riesco a capire come fare.
<table class="responsive" >
<thead>
<tr><th style="text-align: center; vertical-align: middle;"><span style="font-size: 12pt;"><img src="images/marchi/fisher.png" alt="fisher" /></span>
<h3> </h3>
</th><th style="vertical-align: middle; text-align: left;"> <span style="font-family: helvetica; font-size: 14pt;">Da oltre 70 anni Fischer progetta e produce sistemi di fissaggio per muratura, cartongesso, calcestruzzo e molti altri supporti.Da Ma&To Ferramenta troverai una vasta gamma di fissaggi leggeri quali tasselli in nylon, tasselli in metallo e ancorette per le applicazioni di carichi medio-leggeri su muri, lastre e soffitti, con la qualitā del marchio Fischer.</span></th></tr>
</thead>
</table>
poi se provo a ridimensionare la foto con il mouse la foto prende delle dimensioni non pių in proporzione, si schiaccia...
in allegato ho messo la grafica da realizzare, la foto si ingrandisce solo se metto del testo sopra...non posso presentare un sito del genere
non so se sbaglio qualcosa o č proprio cosėse avete soluzioni vi ringrazio anticipatamente
-
sbagli ad usare le tabelle che non servono allo scopo. utilizza le funzioni integrate di joomla e di JCE oppure usa html e css
-
Preceduto da giusebos, per cui sulle tabelle non aggiungo nulla, se non che a leggere l'html mi viene il mal di testa...
Il tuo template usa il vecchiotto Bootstrap 3, ma puoi facilissimamente risolvere il tuo problema con la "griglia" nativa di Bootstrap.
Tipo:
<div class="row">
<div class="col-md-4">qui l'immagine</div>
<div class="col-md-8">qui il testo</div>
</div>Per l'allineamento verticale e/o orizzontale di testo e immagine basta poi un pizzico di css flexbox.
Va da sč che un minimo di html e css lo devi masticare...
-
Perō se deve mettere un immagine con testo contornato che si sposta in base alla risoluzione basterebbe usare lo spazio apposito per l'immagine.
Credo che usare l'HTML si sempre la strada migliore per chi conosce HTML e CSS,
ma se non si conosce questi basici linguaggi sarebbe meglio usare le opzioni native del software.
-
Ho preso spunto dall'ultima immagine allegata da AntonelloG per fare questo esempio (https://disegnareilweb.it/index.php/carousel).
E' una strada (ci ho messo 5 minuti a farla), ma ce ne sono altre, naturalmente.
-
Preceduto da giusebos, per cui sulle tabelle non aggiungo nulla, se non che a leggere l'html mi viene il mal di testa...
Il tuo template usa il vecchiotto Bootstrap 3, ma puoi facilissimamente risolvere il tuo problema con la "griglia" nativa di Bootstrap.
Tipo:
<div class="row">
<div class="col-md-4">qui l'immagine</div>
<div class="col-md-8">qui il testo</div>
</div>Per l'allineamento verticale e/o orizzontale di testo e immagine basta poi un pizzico di css flexbox.
Va da sč che un minimo di html e css lo devi masticare...
Perfetto questo codice... non sai quanto mi sei stato di aiuto,putroppo non ho studiato la programmazione web e non ne ho idea di quello che sbaglio.
adesso ho risolto.
Grazie veramente