[RISOLTO] dimensione foto negli articoli dentro le tabelle piccole

[Antonello G]

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>&nbsp;</h3>
&nbsp;</th><th style="vertical-align: middle; text-align: left;">&nbsp;<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&amp;To Ferramenta troverai una vasta gamma di fissaggi leggeri quali tasselli in nylon,&nbsp;tasselli in metallo&nbsp;e ancorette&nbsp;per le applicazioni di carichi medio-leggeri su&nbsp;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

[giusebos]

sbagli ad usare le tabelle che non servono allo scopo. utilizza le funzioni integrate di joomla e di JCE oppure usa html e css

[Limma]

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:

Codice: [Seleziona]

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

[giusebos]

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.

[Limma]

Ho preso spunto dall'ultima immagine allegata da AntonelloG per fare questo esempio.

E' una strada (ci ho messo 5 minuti a farla), ma ce ne sono altre, naturalmente.

[Antonello G]

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:

Codice: [Seleziona]

<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