Divs naast elkaar in Joomla artikel

Frank01
Onderwerp Auteur
Gebruiker
website-portal met toeristische links in de kop van Noord-Holland

Lees meer

20 sep 2017 21:52 #14910 door Frank01

Divs naast elkaar in Joomla artikel werd gestart door Frank01

Hallo allemaal,
Ik heb een probleem met mijn joomla website, ik probeer namelijk twee modules naast elkaar in één pagina te laden....
Door de modules met in twee tabelcellen met loadposition aan te roepen; werkt niet goed als de website responsive moet zijn!
Door 2 div's naast elkaar te zetten en de modules daarin aan te roepen met loadposition, zou dat wel lukken, .... maar hoe zet ik 2 div's in een joomla artikel nu naast elkaar???

Weet iemand de oplossing hiervoor? Dan zou ik dat graag ook willen weten...
Bij voorbaat dank voor de hulp!

Met vriendelijke groet,

Frank01

Discussie gesloten.

Patrick
Gebruiker
Joomla Enthousiasteling

Lees meer

21 sep 2017 20:08 #14965 door Patrick

Beantwoord door Patrick in topic Divs naast elkaar in Joomla artikel

Maak een module met custom html:

Code:

<div id="container">
<div class="left">tekst left</div>
<div class="right">tekst right</div>
</div>

Vervolgens volgende css gebruiken:

Code:

#container {
    width: 100%;
    height: 100%;
    position:relative;
}

.left {
    background-color:blue;
    width: 50%; 
    height: 150px;
    float:left;
}

.right {
    background-color:red;
    width: 50%; 
    height: 150px;
    float:left;
}

Eventueel voor mobiel (dit zet de div's naast elkaar bij een width van minder dan 480), ook in de css natuurlijk

Code:

 @media only screen and (max-width: 480px)  {
.left {
    width: 100%; 
}
.right {
    width: 100%; 
}
}

.left en .right kun je wijzigen in elke naam die je wil, alleen moet je dit zowel in de module als in de css doorvoeren.

Hoor graag of het lukt.

Discussie gesloten.

Frank01
Onderwerp Auteur
Gebruiker
website-portal met toeristische links in de kop van Noord-Holland

Lees meer

25 sep 2017 19:10 #15009 door Frank01

Beantwoord door Frank01 in topic Divs naast elkaar in Joomla artikel

Hallo Patrick,

Bedankt voor je antwoord, door jouw advies is het gelukt om op één pagina twee modules naast elkaar te laden!

Vriendelijke groet,
Frank

Discussie gesloten.

Patrick
Gebruiker
Joomla Enthousiasteling

Lees meer

26 sep 2017 04:42 #15014 door Patrick

Beantwoord door Patrick in topic Divs naast elkaar in Joomla artikel

Fijn, wil je de topic op opgelost zetten?

Discussie gesloten.

Gemaakt door Kunena