-
AuthorPosts
-
novinfard Friend
novinfard
- Join date:
- April 2012
- Posts:
- 6
- Downloads:
- 0
- Uploads:
- 0
- Thanked:
- 1 times in 1 posts
May 1, 2012 at 9:25 pm #176639hi,
I want to add different width for every block, but I can only use same width with this code:
<blocks name="middle" colwidth="33">
<block name="right1" style="jaxhtml">home1</block>
<block name="right2" style="jaxhtml">right</block>
<block name="left2" style="jaxhtml">main</block>
</blocks>How can I add colwidth for every block element?!
for example 20% for home1, 40% for main, 20% for right position
Pirooz bashid
Best Regards,
Novinfardnovinfard Friendnovinfard
- Join date:
- April 2012
- Posts:
- 6
- Downloads:
- 0
- Uploads:
- 0
- Thanked:
- 1 times in 1 posts
May 2, 2012 at 5:00 pm #451083Please help, I can’t migrate to other template framework because of this small issue, please help your framework users. :((
Winchester FriendWinchester
- Join date:
- February 2011
- Posts:
- 32
- Downloads:
- 24
- Uploads:
- 3
- Thanks:
- 2
- Thanked:
- 19 times in 6 posts
May 6, 2012 at 7:46 pm #451702I’m curious about this also. I tried to see if I could set different sizes to each column, but it just won’t work from the layout.
Anyways, this can be done using CSS.
One question though. With your layout, you’re expecting to have 4 columns, right?
| RIGHT1 | RIGHT2 | MAIN CONTENT | LEFT2 |
Is this correct?
Best regards,
H. Winchester Lyonnovinfard Friendnovinfard
- Join date:
- April 2012
- Posts:
- 6
- Downloads:
- 0
- Uploads:
- 0
- Thanked:
- 1 times in 1 posts
May 6, 2012 at 8:48 pm #451713Thanks
yes, that’s right.
Can you help me by explain some more details about this issue?Winchester FriendWinchester
- Join date:
- February 2011
- Posts:
- 32
- Downloads:
- 24
- Uploads:
- 3
- Thanks:
- 2
- Thanked:
- 19 times in 6 posts
May 9, 2012 at 5:23 am #452161<em>@novinfard 318022 wrote:</em><blockquote>Thanks
yes, that’s right.
Can you help me by explain some more details about this issue?</blockquote>Ok.. First of all the layout needs fixing. The style should be xhtml and not jaxhtml.
<blocks name=”middle” colwidth=”20″>
<block name=”right1″ style=”xhtml”>home1</block>
<block name=”right2″ style=”xhtml”>right</block>
<block name=”left2″ style=”xhtml”>main</block>
</blocks>The HTML this output should look like this
<div id=”ja-container”>
<div class=”main”>
<div id=”ja-mainbody”>
<div id=”ja-main”></div> <!– Main Content Area –>
<div id=”ja-left2″></div> <!– Left Column (left2) Area –>
</div><div id=”ja-right”>
<div id=”ja-right1″></div> <!– Right Column (right1) Area –>
<div id=”ja-right2″></div> <!– Right Column (right2) Area –>
</div></div>
</div>Once you’ve done this you can set the styling for them in your css file.
#ja-mainbody {width: 60% !important;} /* Holds the content area and left area */
#ja-right {width: 40% !important;} /* Holds both right areas */#ja-main {width: 66.66% !important;} /* This is for the content area */
#ja-left {width: 33.33% !important;} /* Holds both left areas */#ja-left2 {width: 100% !important;} /* This is for the left2 area */
#ja-right1 {width: 20% !important;} /* This is for the right1 area */
#ja-right2 {width: 20% !important;} /* This is for the right2 area */
It going to look like this:
| LEFT2 | MAIN CONTENT | RIGHT1 | RIGHT2 |
You might have to do some adjustments to the percentages depending on your styling, but this should do the trick.
I hope this helps,
Winchester
Best regards,
H. Winchester Lyon -
AuthorPosts
This topic contains 5 replies, has 2 voices, and was last updated by Winchester 12 years, 7 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum