Posted on

Incorrect CSS!

Hello All! I have given a few of you a class description to add to your templates to create the boxed border around things you want highlighted. My css was incorrect. It worked in IE but not Mozilla

The old css looked like this:

.boxborder{padding:5px 5px 5px 5px;border:1px 1px 1px 1px solid black;}

To correct the problem and make the borders visible in mozilla, the new css should look like this:

.boxborder{padding:5px 5px 5px 5px;border:1px solid #000;}

If this is new to you, you can add the class to the <style> section of your blogger template then when you want a box around some text simply put the following into your post:

<div class="boxborder"> This text will have a box around it. </div>

When I quote a news article or person, I use another class I’ve added called “quote.” It looks like this:

.quote{font-size:90%;font-style:normal;margin:auto;padding-left:10px; padding-right:10px;letter-spacing:.08em;}

To use it type the following:

<div class="quote"> Text to be indented for quoting. </div>

Note that in the class definition a period preceeds the name but in the usage the period is excluded. So in your div you would used class=”quote” rather than class=”.quote”.


Leave a Reply