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.


hspace and vpsace around block

Login / Search

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

Community saint

Hi guys I have the following question,

How do i get some vertical and horizontal space around a block? So that text get arond this block.

see my attachment what I mean…

thanks harry





http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#72005
Avatar

Community saint

Hi Harry!

There are several ways to do this with different levels of difficulty and control from the simple use of WYSIWYG tables to set your space boxes and fill them with text, images or blocks. You can also use the  Box comcode with parameters to enclose your text and blocks in pre-formatted spaces.

Disabling the WYSIWYG will allow for more control and the use of HTML tags and Comcode
You can add containers for your blocks formatted with padding in your global.css
Or an easy way to add style to a section of your page (a division/div) is to simply declare it inside an HTML tag.

For instance, you can divide the space in two like this:

PHP code

<div style="float: left; padding: 10px; width: 47%"><p>Your text here followed by a couple of line break and your block<br /><br />[block]your block here[/block]
</
P></div>

<
div style="float:right; padding: 10px; width: 47%">[block]your block here[/block]
</
div>

Make adjustments to the above values as needed to control the output.

Make sure your page start and end the page with the semihtml comcode
Back to the top
 
Posted
Rating:
#72012
Avatar

Community saint

Jean thanks,
In old days I know this  :)
I have to learn this code again.  

 :thumbs:


http://digiflash.nl Photo community  (dutch)
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: