Problems organizing sliders?

[Rasmus7700]

Hello.
When i set up two sliders like this:

	<div class="block">
		<div class="ui-bar-c ui-li-divider ui-corner-top">Lys</div>
		<div class="ui-fixed ui-body-a ui-corner-bottom">
		
		<h4>Spots Indhak </h4>
		{{ device.dimmer('dimmer220', '', 'outside.light.spots_on_off', 'outside.light.spots_dim_absolute', '0', '100', '0.5') }}	
		
		<h4>Timer udvendigt lys (hverdage) </h4>
		<h6> Tænd: (time:minut)</h6>
		{{ basic.slider('slider220', 'timer1_on_hour_weekday', 0, 23, 1, 'bottomup') }}
		{{ basic.slider('slider221', 'timer1_on_minute_weekday', 0, 59, 1, 'bottomup') }}
		</div>
	</div>

I get a result like attached in the picture. How do i order them, so they are placed beside each other like in the documentation:
smartVISU Documentation v2.7

Greetings

[2ndsky]

You should lern the basics of HTML and CSS

<div style="height: 180px; width: 100px; display: inline-block;">
{{ basic.slider('slider220', 'timer1_on_hour_weekday', 0, 23, 1, 'bottomup') }}
</div>
<div style="height: 180px; width: 100px; display: inline-block;">
{{ basic.slider('slider221', 'timer1_on_minute_weekday', 0, 59, 1, 'bottomup') }}
</div>

[Rasmus7700]

Thanks a lot
Yes I know, but it's not that easy to search on - when you don't know what to search for

[2ndsky]

That's right... therefore it is better to learn HTML and CSS from the scratch a bit (unrelated to the smartVISU) so that you later know what you are looking for.