HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


[SOLVED] Adding columns

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#84194 (In Topic #17417)
Avatar

Honoured member

I was going to add this onto the end of my other thread, but someone once told me to do seperate threads so they are easier to search.

This is just a quick one. I want to add the dynamic blocks on the welcome zone side by side, so i can have what appears to be a 4 column site. I know its possible because the default theme has them...i just cant work it out.

I thought i could do it by editing the layout of the 'start' area within the welcome zone so that there was no line break / paragraph between dynamic blocks, but couldnt manage to get them side by side.  Am i on the right track, or is there another way round this?


Last edit: by Ollie8557
Back to the top
 
Posted
Rating:
#84203
Avatar

Community saint

Did you mean something like this?



If so, what I did was use comcode surround tags to surround each column's content and then use a div to specify the float (left or right). This is the relevant code just described:

Code

[surround="float_surrounder"]<div class="fp_col_block" style="float: left">

You can then put whatever blocks you want in your column beneath the initial "float" div.

Bob
Back to the top
 
Posted
Rating:
#84235
Avatar

Honoured member

Thanks Bob, really appreciate your help. Its a bit embaressing, but i could do with a bit more of a pointer.

I've tried lots of variations of the code you have given, but cant quite get the two columns to sit next to each other.

Ive tried about 5 different versions of it. Could you show me the layout including where the dynamic blocks fit within it?

Cheers mate
Back to the top
 
Posted
Rating:
#84238
Avatar

Community saint

My blocks don't always align perfectly between the two columns – that would require some manual positioning and work only if the content is static. Is this what yo are trying to accomplish?

Bob
Back to the top
 
Posted
Rating:
#84240
Avatar

Honoured member

Yes this is exactly what im trying to achieve. Essentially i was 4 columns, rather than 3.

Cheers Bob
Back to the top
 
Posted
Rating:
#84242
Avatar

Community saint

Well, you should be able to get the 4 columns. I forgot to mention that you should wrap the whole of the section of code with a Comcode semihtml tag which allows Comcode and html to be freely mixed.

Do you have a link to your site so we can see what you are working on?

Bob
Back to the top
 
Posted
Rating:
#84245
Avatar

Honoured member

ah i missed the html tags.

The site is www.dietjustice.net . Its pretty much out of the box at the moment because my design skills are pittiful (one day i will be able to afford a redesign lol), but it means the code is still pretty standard.
Back to the top
 
Posted
Rating:
#84247
Avatar

Community saint

I'm in the same situation regarding my site design. But thanks to the kindness of a number of forum members, I was able to get some of my challenges sorted.

Bob
Back to the top
 
Posted
Rating:
#84249
Avatar

Community saint

Ollie8557 said

ah i missed the html tags.

The site is www.dietjustice.net . Its pretty much out of the box at the moment because my design skills are pittiful (one day i will be able to afford a redesign lol), but it means the code is still pretty standard.
Make sure to know that you want to use semihtml tags so the Comcode and HTML can be interspersed.

Bob
Back to the top
 
Posted
Rating:
#84251
Avatar

Honoured member

I will give it another go with the semihtml tags, thanks Bob really appreciate your help with this :)
Back to the top
 
Posted
Rating:
#84253
Avatar

Community saint

Are you trying to put the blog in one column and the other blocks into  second? Or were you hoping to have each blog article appear across two columns?

Bob
Back to the top
 
Posted
Rating:
#84255
Avatar

Honoured member

I want to have the blog on one column on the left, and other blocks on the right.

I am struggling to work out how to differentiate between the two columns. Which tags to i close in order to start the next column?

Does that make sense? I have managed to get all the content in one column, with a blank space on the right as the next column, but cant work out which tags to close/open in order to put the content into the next column.

Back to the top
 
Posted
Rating:
#84256
Avatar

Community saint

That is similar to what I have done. Take a look at the code below.

Code

[surround="float_surrounder"]<div class="fp_col_block" style="float: left">
BLOG BLOCK
</div>
<div class="fp_col_block" style="float: right">
YOUR OTHER BLOCKS
</div>[/surround]

Bob
Back to the top
 
Posted
Rating:
#84257
Avatar

Honoured member

It worked, thanks Bob :)

Got a link to your site?
Back to the top
 
Posted
Rating:
#84258
Avatar

Community saint

Glad it's working. I got mine working thanks to the help of others so it's nice to have a chance to help someone.

Check my profile for the link.

Bob
Back to the top
 
Posted
Rating:
#84259
Avatar

Honoured member

I like the way you have text above the columns, i might do something similar :)

Really appreciate the help, theres not many places where help is so quick and efficent. Maybe i will be able to help someone in the future, although my coding skill is pretty terrible!
Back to the top
 
Posted
Rating:
#84260
Avatar

Community saint

Good work, guys!

A small suggestion, Ollie. Since you are using a fixed-width display (Bob is not), you might want to consider moving all the content form the right panel into the left panel (or vice versa), thereby killing off one of the panels to give yourself a bit of extra space in the centre.

Only a thought … !!

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#84261
Avatar

Community saint

Ollie8557 said

I like the way you have text above the columns, i might do something similar :)

Considering my coding and design skills, I consider that high praise.  lol

Really appreciate the help, theres not many places where help is so quick and efficent. Maybe i will be able to help someone in the future, although my coding skill is pretty terrible!
One thing that separates ocPortal from much other software is the truly great support, whether from Chris or Robbie or other community members. You will have your chance to give back someday and it sounds like you will jump at the opportunity.   :thumbs:

Bob
Back to the top
 
Posted
Rating:
#84262
Avatar

Community saint

Fletch said

Good work, guys!

A small suggestion, Ollie. Since you are using a fixed-width display (Bob is not), you might want to consider moving all the content form the right panel into the left panel (or vice versa), thereby killing off one of the panels to give yourself a bit of extra space in the centre.

Only a thought … !!

 :thumbs:

Damn it, Fletch,, what took you so long to jump in? I was hoping you'd join in to rescue my sorry butt.

Bob
Back to the top
 
Posted
Item has a rating of 5 (Liked by sholzy)  
Rating:
#84263
Avatar

Honoured member

BobS said

Ollie8557 said

I like the way you have text above the columns, i might do something similar :)

Considering my coding and design skills, I consider that high praise.  lol

Really appreciate the help, theres not many places where help is so quick and efficent. Maybe i will be able to help someone in the future, although my coding skill is pretty terrible!
One thing that separates ocPortal from much other software is the truly great support, whether from Chris or Robbie or other community members. You will have your chance to give back someday and it sounds like you will jump at the opportunity.   :thumbs:

Bob
Thanks Fletch … just confirm, because im easily confused lol, i should just swap the content from the two columns over?

Bob … i've used a few different platforms over the years and the support for ocPortal is the best ive come across by far!

Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Expand