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
.boxborder{padding:5px 5px 5px 5px;border:1px 1px 1px 1px solid black;}
.boxborder{padding:5px 5px 5px 5px;border:1px solid #000;}
<div class="boxborder"> This text will have a box around it. </div>
.quote{font-size:90%;font-style:normal;margin:auto;padding-left:10px; padding-right:10px;letter-spacing:.08em;}
<div class="quote"> Text to be indented for quoting. </div>
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”.
Enjoy!
