1
whitedragon
Blocks & background color

How to make an empty space between 2 blocks (lets say 2 left blocks)? Cellspacing/cellpadding doesn’t work because my blocks are made out from 3 images. 1st is the title, 2nd is the background & 3rd is the bottom image. If I use cellspacing/cellpadding images just go up/down/left/right for the amount of pixels set for cellspacing or cellpadding. Maybe I’m just using wrong command because I’m still a newbie but any help is appreciated.
Also, is it possible to add a gradient effect to background color of the whole skin?
Thanks!

2
whitedragon
Re: Blocks & background color

OK, no one doesn’t seem to know this, but I tried also with padding (top, bottom, right, left) and again I get the distortion of images. Is there an easier way? Please.

3
whitedragon
Re: Blocks & background color

OK, I found it on my own! Who ever is in a problem like I have been, use command “<br>”. Put it in main theme.html just before the “<{/foreach}>”. Every block (left, right, ccenter, lcenter, rcenter) has an command like “<{foreach item=block from=$xoops_lblocks}>” which ends with “<{/foreach}>”. Well, put that “<br>” just before that “<{/foreach}>” and your problems are gone.
Cheers!

4
davidl2
Re: Blocks & background color
  • 2005/5/8 20:13

  • davidl2

  • XOOPS is my life!

  • Posts: 4843

  • Since: 2003/5/26


Glad you sorted this one out.

5
LazyBadger
Re: Blocks & background color

Quote:

whitedragon wrote:
OK, I found it on my own! Who ever is in a problem like I have been, use command “<br>”.

It will work, but it's not most elegant solution, I suppose. I'm not CSS-HTML guru in any case, but... I solved it two way
1. Wrap block tables into div with special class, smth.like
<div class='spacer'>
    <
table cellpadding='0' cellspacing='0'> <!--Block header part -->
     </
table>
    <
table cellpadding='0' cellspacing='0'> <!--Med.shadow part below header-->
    </
table>
    <
table cellpadding='0' cellspacing='0'> <!-- Content of block -->
    </
table>
    <
table cellpadding='0' cellspacing='0'> <!-- Bottom of block-->
    </
table>
</
div>

where "spacer" class defined as
.spacer{
    
padding2px 0px 2px 0px;

2. For bottom-block table (if you use more than 1 table per block) use (again..) special class
<table class="bottomtable" cellpadding="0" cellspacing="0"> <!-- Block bottom table--> 
...
</
table>
<!-- 
End of block-->

and define bottomtable approx. as (in my theme)
.bottomtable {margin-bottom9px;}

Login

Who's Online

278 user(s) are online (194 user(s) are browsing Support Forums)


Members: 0


Guests: 278


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits