Joomla Templates Club 406,261 posts

[dolphinc Friend dolphincJoin date: March 2011Posts: 6Downloads:3Uploads:3 Thanks: 4 Thanked: 1 times in 1 posts]

#176259

Hello Friends,

I need help to realise a specific layout:
3 Modules must be placed under the main content. The width of the row with these three modules must not be the full width, only 75% of the side-width.

Look at the picture:
The red module row (3 Modules) should be placed under the main content within 75% of the pages width. The “right column-space” must not be used.

Could someone please give me the solution (layout/Css) for this problem?

---

Attachments:

1. 

[henrik1782 Friend henrik1782Join date: October 2011Posts: 109Downloads:0Uploads:35 Thanks: 20 Thanked: 5 times in 1 posts]

#449002

Hi …

I think you can just move the red line from the bottom block to the middle block in template layout default. But I am not sure and have not tested.

Default position
<blocks name=”middle” colwidth=”25″ main-inner=”1″>
<block name=”content-mass-top”>content-mass-top</block>
<block name=”content-mass-bottom”>content-mass-bottom</block>
<block name=”inset2″>left</block>
<block name=”right1″>right</block>
</blocks>
<blocks name=”bottom” style=”xhtml”>
<block name=”botsl” type=”spotlight” wrap-inner=”1″>user5,user6,user7,user8</block>
<block name=”botsl1″ type=”spotlight” main-inner=”1″ wrap-inner=”1″>menu-footer</block>
<block name=”botsl2″ type=”spotlight” special=”left” specialwidth=”75″ main-inner=”1″ >foot-left,foot-right</block>
<block name=”footer” type=”footer” ></block>
</blocks>
</layout>

New position
<blocks name=”middle” colwidth=”25″ main-inner=”1″>
<block name=”content-mass-top”>content-mass-top</block>
<block name=”content-mass-bottom”>content-mass-bottom</block>
<block name=”botsl” type=”spotlight” wrap-inner=”1″>user5,user6,user7,user8</block>
<block name=”inset2″>left</block>
<block name=”right1″>right</block>
</blocks>
<blocks name=”bottom” style=”xhtml”>
<block name=”botsl1″ type=”spotlight” main-inner=”1″ wrap-inner=”1″>menu-footer</block>
<block name=”botsl2″ type=”spotlight” special=”left” specialwidth=”75″ main-inner=”1″ >foot-left,foot-right</block>
<block name=”footer” type=”footer” ></block>
</blocks>
</layout>

If you only need three modules then remove user8 from the line or just dont use this position.

1 user says Thank You to henrik1782 for this useful post

1. JA Developer

[dolphinc Friend dolphincJoin date: March 2011Posts: 6Downloads:3Uploads:3 Thanks: 4 Thanked: 1 times in 1 posts]

#449091

Hi henrik1782,

this is what I did, but unfortunatelly it was not the solution.
The CSS-formating for the botsl-block will use the full width of the template. (Even if you put it in the upper place, where all the other positions need only 75% of the width….)
I also removed the botsl-name and changed it to something else, but this didn`t be the right solution, either.

Any tipps?

[henrik1782 Friend henrik1782Join date: October 2011Posts: 109Downloads:0Uploads:35 Thanks: 20 Thanked: 5 times in 1 posts]

#449591

Have you tried to add specialwidth=”75″ to the line.

[Author]

Posts