HAPPY 2007
Thank you.
This has been very useful.
It is simple to implement.
Enhances information design
drashok
Hi, I'm trying to make a css class from this, and my code is:
div.float-right{
float:right;
width: 15em;
padding: 0em 1em;
margin: 0em 0em 1em 1em;
border-left: solid #888888 1px;
background-color: #FFFFFF;
}
To use it:
[[div class="float-right"]] ... [[/div]]
But something weird happends. No box.
P.D.: Sorry if it's a very css basic question, I'm start learning.
Sorry about the example. This works ok. The problem is with a float box on the left:
div.float-left{
float: left;
witdth: 15em;
padding: 0em 1em;
margin: 0em 1em 0em 1em;
border-right:solid #888888 1px;
background-color: #FFFFFF;
}
The border is in the left, and the text extends along the entire line. What is happening?
So how does one add the style to a page? Normally I would put the CSS in a stylesheet. Where does one put the CSS information that applies to a page (as opposed to inline styles).
I know this is a late response, but it seems that shepster's question was never answered.
Do the same as the first example, but instead of using style=, use class=. Then copy kaizen's css into your template stylesheet. I've not tried this yet, but I think that would work. Make sure to change witdth to width.
[[div class="float-left"]]
++ Side content
In fact you can put almost anything in the side bar. E.g. an imported RSS feed or recent forum posts, members of your site. Like below ....
[[module Members showSince="no"]]
[[/div]]
Dr. Greg Waddell
Director of Institutional Improvement — Mid-South Christian College
My Blog | Contact | About Me | Twitter | Facebook