Articolo diviso in 2 colonne di dimensione fissa: come fare?

[MariaDellaRovere]

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

[tomtomeight]

Devi usare i div con bootstrap.

[MariaDellaRovere]

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?

[MariaDellaRovere]

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

[MariaDellaRovere]

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.

[MariaDellaRovere]

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

[tomtomeight]

Non devi usare le tabelle.
Prova questo codice

Codice: [Seleziona]

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

[floyd1616]

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.