Back to top

Autore Topic: sul cellulare le tabelle non si visualizzano correttamente...  (Letto 1401 volte)

Offline lauram

  • Esploratore
  • **
  • Post: 175
  • Sesso: Femmina
    • Mostra profilo
Salve a tutti,
in questa pagina
http://www.mentesociale.it/chi-siamo.html
ho creato delle tabelle che correttamente si visualizzano su pc, ma su cellulare la colonna di destra di ogni tabella si perde e il risultato è che immagini e scritte non si ritrovano piu.
Come mai secondo voi? E come posso risolvere?
Grazie!

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:sul cellulare le tabelle non si visualizzano correttamente...
« Risposta #1 il: 05 Lug 2019, 15:27:21 »
Non dovresti utilizzare le tabelle ma div con bootstrap. Quelle si restringono ma non passeranno mai sotto.

Offline lauram

  • Esploratore
  • **
  • Post: 175
  • Sesso: Femmina
    • Mostra profilo
Re:sul cellulare le tabelle non si visualizzano correttamente...
« Risposta #2 il: 07 Lug 2019, 09:17:02 »
Scusami, sono autodidatta... non so cosa devo fare nel concreto, mi aiuti? grazie ::)

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:sul cellulare le tabelle non si visualizzano correttamente...
« Risposta #3 il: 07 Lug 2019, 10:11:29 »
...Nel concreto, per aiutarti, prova questo (ammesso e non concesso che il tuo template utilizzi Bootstrap2).
Nell'articolo (visualizzazione codice) inserisci questo:
Codice: [Seleziona]
<div class="row-fluid">
      <div class="span6">...</div>
      <div class="span6">...</div>
</div>
Al posto dei puntini inserisci tutto l'html che hai messo nella "cella" di un collaboratore (questa è la prima della tua tabella):
Codice: [Seleziona]
<p><a href="index.php?option=com_content&amp;view=article&amp;id=1024:dr-ssa-laura-catalli&amp;catid=56"><img style="vertical-align: top; margin: 5px auto; display: block;" src="images/staff_e_coll/laura.png" alt="laura" width="255" height="255" /></a></p>
<p style="text-align: center;">&nbsp;<em><strong><em><span style="color: #800080; font-size: 12pt;">DR.SSA LAURA CATALLI&nbsp; &nbsp;</span></em></strong></em></p>
<p style="text-align: center;"><em><span style="color: #99cc00;"><strong><em>Psicologa Psicoterapeuta sistemico-relazionale<br />Consulente Sessuale e di Coppia<br />Psicologo Scolastico<br />Presidente&nbsp; di MenteSociale&nbsp;</em></strong></span></em></p>
Fai lo stesso con un altro collaboratore e vedi quello che succede...
Puoi vedere il risultato qui (con altre immagini, ma il resto è il tuo codice) e vedilo da cellulare.

 



Web Design Bolzano Kreatif