Autore Topic: [RISOLTO] dimensione foto negli articoli dentro le tabelle piccole  (Letto 136 volte)

Offline Antonello G

  • Nuovo arrivato
  • *
  • Post: 6
    • Mostra profilo
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
« Ultima modifica: 17 Lug 2020, 14:15:53 da Antonello G »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 20199
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:dimensione foto negli articoli dentro le tabelle piccole
« Risposta #1 il: 17 Lug 2020, 12:57:27 »
sbagli ad usare le tabelle che non servono allo scopo. utilizza le funzioni integrate di joomla e di JCE oppure usa html e css
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Limma

  • Abituale
  • ****
  • Post: 1117
  • Sesso: Maschio
    • Mostra profilo
Re:dimensione foto negli articoli dentro le tabelle piccole
« Risposta #2 il: 17 Lug 2020, 13:09:06 »
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...

Offline giusebos

  • Fuori controllo
  • *
  • Post: 20199
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:dimensione foto negli articoli dentro le tabelle piccole
« Risposta #3 il: 17 Lug 2020, 13:12:51 »
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.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Limma

  • Abituale
  • ****
  • Post: 1117
  • Sesso: Maschio
    • Mostra profilo
Re:dimensione foto negli articoli dentro le tabelle piccole
« Risposta #4 il: 17 Lug 2020, 13:37:30 »
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.

Offline Antonello G

  • Nuovo arrivato
  • *
  • Post: 6
    • Mostra profilo
Re:dimensione foto negli articoli dentro le tabelle piccole
« Risposta #5 il: 17 Lug 2020, 14:08:49 »
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

 

Host

Torna su