Ako vytvorím 2 stĺpce v článku

Pozdravujem. Riešim problém ako vložím do článku 2 stĺpce. Píšem napríklad článok pár odsekov na celú šírku, potom by som chcel vložiť nejaké informácie, napr. rôzne 4 riadkové adresy, ale vypadalo by to dosť blbo, keby som to hádzal pod seba, všetko na ľavej strane a strašne dlhé, takže by som chcel aby sa stále dve adresy zobrazovali vedľa seba. Nechcem používať taluľky a najlepšie keby to riešenie bolo aj responzívne. Máte niekto jednoduchý nápad? Vopred ďakujem.

CSS vlastnost float vám nevyhovuje?

To znie výborne. Ja však neviem ako to technicky praviť. Kde mám konkrétne v Joomla dať css kód? Ďakujem.

Tak som vytvoril podla tohto navodu nove css a vlozil kod

<style>
#menu {width: 50%; float: left}
#hlavni {width: 50%; float: right}
</style>

V clanku som zase text ohranicil div id

<div id="menu">text</div>
<div id="hlavni">text</div>

Ziadna zmena.

Je to skusobny clanok: www.slovak.ch/reklama/345-peter.html

css kod som vlozil do template-blue.css

Zelena a aqua farba odstavcov by mala byt vedla seba. Nic sa vsak nestalo. Ked si vsak otvorim pri clanku zdrojak, tak sa ani tento css style pri danom odseku nezobrazuje, aj ked je v kode html nahodeny. Asi to zadavam do zleho suboru css.

Já tam tedy dva sloupce vidím.

Hm. Teraz som si to otvoril na Chrome a naozaj tie dva stlpce tam su. Na Safari, ktore pouzivam neboli. Vymazal som historiu a naozaj tam aj na Safari su. Perfektne riesenie a velmi pekne dakujem.

Práve som to nahodil na konkrétny článok. Urobím síce 2 stĺpce, ale všetkko čo medzi nimi chcem dať v pôvodnom stave, tak mi to tiež zaraďuje do stĺpcov. Kde vidíte problém? Ďakujem.
www.slovak.ch/vzdelavanie-vo-svajciarsku...v-berne-a-okoli.html

Zabalte ty dva sloupce ještě do jednoho DIVu a nebo těm dvěma sloupcům nastavte šířku 50%.

Vlozenie dalsich DIVov nepomohlo, ale ta sirka zafungovala. Banner "Prečítajte si aj" sa vlozil pod dva stlpce. To sa vsak nepodarilo pri Paticke clanku kde su odkazy na hodnotenie. Ta cast je stale akoby v druhom pravom stlpci.

Je potřeba ještě ukončit to obtékání. Jelikož šablona používá Bootstrap, tak stačí za ten druhý DIV napsat kód

případně zkuste css Column-count
www.jakpsatweb.cz/css/column-count.html
www.w3schools.com/cssref/css3_pr_column-count.asp

Myslím, že je to mnohem jednodušší

Super. Velmi pomohlo. Dakujem pekne.

Teraz som si všimol, že to na mobilných zariadenia nevyzerá dobre, keď sú na takom malom priestore 2 sĺpce. Vedel by mi niekto poradiť, čo urobiť, aby to bolo responzívne? Čiže aby sa 2 stĺpce v článku na mobilnom zariadení zobrazovali iba v jednom na celú šírku obrazovky? Ďakujem.