<em>@ristovic 123051 wrote:</em><blockquote>How to create a space between the modules (user11 – mod_globalnews, user10 – mod_gk_news_image_3 and user ja-news – mod_janews_fp)?
See picture…
Website: http://www.crnahronika.rs/
Note – user10 and user11 new module are position and do not know how to define in CSS …
Thanks!</blockquote>
Hi ristovic,
Just create a new wrapper:, for example, ch_wrap1 to user 11
<div id="ch_wrap1">
<jdoc:include type="modules" name="user11" style="xhtml" />
</div>
Then add to the template.css
#ch_wrap1
{
margin: 10px 0px 10px 0px;
padding: 0;
}
You can call the CSS tag anything you want do, provided what appears in the php script and the CSS file, are the same.
You can adjust the values for the margin or the padding to adjust the spacing..
margin: 10px 0px 10px 0px;
where the first value is “top“, 2nd is “right“, 3rd is “bottom” and 4th is “left“
the same is true for the padding. Note: when you place numbers in the margin and padding — especially the “left” and “right” values, be sure you deduct the total values of the left and right from the maximum width allowed for the position content (e..g., size of your images), as well as the CSS tags specifications for your content.. Then reduce it a few px more.
If you break the max, either your image will not show, it may overflow to the next column or worse, it will break the layout of the page.
Cornelio
ristovic 15 years, 7 months ago.
