1
IShades
Blocks & Borders in CSS
  • 2004/3/23 18:52

  • IShades

  • Just popping in

  • Posts: 96

  • Since: 2004/2/20


Can anyone tell me how to add a border around each one of my blocks in the style sheet?

I cant seem to get it right and it just doesnt appear.

2
Herko
Re: Blocks & Borders in CSS
  • 2004/3/23 18:59

  • Herko

  • XOOPS is my life!

  • Posts: 4238

  • Since: 2002/2/4 1


Add a class to your block files in the theme folder, and define the border in that class in your CSS file.

Herko

3
IShades
Re: Blocks & Borders in CSS
  • 2004/3/23 19:26

  • IShades

  • Just popping in

  • Posts: 96

  • Since: 2004/2/20


hmmm <---color me stoopid!

Can you give me an example!

4
tjnemez
Re: Blocks & Borders in CSS
  • 2004/3/23 20:11

  • tjnemez

  • Home away from home

  • Posts: 1594

  • Since: 2003/9/21


hey ishades,

this is an example; it may not work for your site, but will give you an idea. the following css and html define my right blocks. the .sidediv is for border and .sidetop is for content. this is by no means any standard; its how i coded my theme. hope it is not confusing.

css:
.sidetop {
padding: 2px 2px 2px 2px;
font-family: Verdana;
font-size: 10px;
height:20px;
font-weight: normal;
border-bottom: 1px solid #999;

.sidediv { width: 145px; padding-left: 3px; padding-top: 3px; padding-right: 3px; padding-bottom: 5px; background-color: #e3e8e0; border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #000; border-right: 1px solid #000; }


html:
<{$block.title}>
<{$block.content}>

<{/foreach}>

5
tjnemez
Re: Blocks & Borders in CSS
  • 2004/3/23 20:28

  • tjnemez

  • Home away from home

  • Posts: 1594

  • Since: 2003/9/21


hey ishades,

the above is probably a little confusing so:

theme.html
your block content


so on css:
.example { border: 1px solid #000; padding: 2px; }

Login

Who's Online

426 user(s) are online (314 user(s) are browsing Support Forums)


Members: 1


Guests: 425


Runeher2,

more...

Donat-O-Meter

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

Latest GitHub Commits