Joomla.it Forum

Joomla! 3 => Joomla! 3 => : MariaDellaRovere 22 Feb 2019, 20:52:19

: Articolo diviso in 2 colonne di dimensione fissa: come fare?
: MariaDellaRovere 22 Feb 2019, 20:52:19

Ciao a tutti :)
Utilizzo Joomla nella version 3 ed uso un Template già fatto :)
Ho però l'esigenza di dividere la larghezza dell'articolo in due colonne di dimensioni fisse.
Ho provato utilizzando:
<td style='display: block; width: 200px; height: 200px; overflow: auto'>
ma quando inserisco i contenuti le due colonne cambiano automaticamente la larghezza.
Come posso definire una e volta e per sempre che lo spazio di ogni articolo lo voglio diviso in due parti distinte e separate?
Devo toccare il CSM?
Grazie :)

: Re:Articolo diviso in 2 colonne di dimensione fissa: come fare?
: tomtomeight 22 Feb 2019, 21:03:43

Devi usare i div con bootstrap.

: Re:Articolo diviso in 2 colonne di dimensione fissa: come fare?
: MariaDellaRovere 22 Feb 2019, 21:15:59

Cosa sono i bootstrap? :( Mi mandi qualche qualche link?
Ad esempio vedevo un sito cheha due colonne. In una, quella più grande c'è l'articolo principale ed è chiamata:
<div id="page" class="content>
La colonna a lato si chiama:<div id="sidebar" style="overflow:initial;height=13929px">
E' quello che dicevi tu?

: Re:Articolo diviso in 2 colonne di dimensione fissa: come fare?
: MariaDellaRovere 23 Feb 2019, 11:56:38

Ragazzi qualcuno mi aiuta?
Ho provato ad inserire:
<link rel=”stylesheet” href=”/media/jui/css/bootstrap.css” type=”text/css”>
tra gli "head" nel file index.php del mio template, ma non funziona...
Qualcuno saprebbe darmi una dritta? Magari postandomi qualche esempio dal quale prendere spunto :)
Grazie :)

: Re:Articolo diviso in 2 colonne di dimensione fissa: come fare?
: MariaDellaRovere 23 Feb 2019, 12:05:28

News and update.
Ho scoperto che il template che utilizzo ha una cartella CSS nella quale c'è già un file chiamato bootstrap.min.css ed altri file.
Probabilmente è per questo che non riesco a fare 2 colonne di larghezza fissa, perché c'è qualche comando che implicitamente definisce le colonne per come ha voluto l'autore del template.

Quello che vorrei fare è poter inserire nell'articolo una tabella di due colonne, dove una colonna ha larghezza doppia dell'altra. Mi potete cortesemente aiutare?

Grazie.

: Re:Articolo diviso in 2 colonne di dimensione fissa: come fare?
: MariaDellaRovere 23 Feb 2019, 12:21:59

Non capisco... ma io scrivo il codice:
<table style="height: 300px;" border="1" width="150" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="50">
<p><strong><span style="text-decoration: underline;">Community Summary</span></strong></p>
</td>
<td valign="top" width="50">
<p><strong>75228, TX</strong></p>
</td>
<td valign="top" width="50">
<p><strong>DALLAS, TX</strong></p>
</td>
</tr>
</tbody>
</table>

nel backend dell'articolo compare bene. Ma quando lo vedo sul frontend... la tabella ha dimensioni "aggiustate da sé"... non capisco... helpatemi :(

: Re:Articolo diviso in 2 colonne di dimensione fissa: come fare?
: tomtomeight 23 Feb 2019, 12:48:27

Non devi usare le tabelle.
Prova questo codice

:

<div class="container-fluid">
    <div class="row">
    <div class="col" ">Testo colonna sinistra</div>
    <div class="col">testo colonna destra</div>
 
  </div>
</div>

: Re:Articolo diviso in 2 colonne di dimensione fissa: come fare?
: floyd1616 25 Feb 2019, 12:03:09

Ciao MariaDellaRovere,
buongiorno a tutti

Ti sconsiglio vivamente l'uso delle tabelle. Credo ci saranno problemi per leggere l'articolo in versione mobile.

Potresti provare a leggere ,e mettere in pratica, questo articolo:

https://www.extrowebsite.com/blog/css3-multi-column-layout-module-impaginare-contenuti-in-colonne

Spero ti sia utile

Saluti.