jump to navigation

NOTE: The spam filter is being unusually aggressive. If you comment does not immediately appear, it has simply been placed in moderation and I will approve it as quickly as possible. Thank you for your patience.

"Murphy was an optimist!"

Incorrect CSS! February 13, 2004 10:55 am

Posted by djuggler in : Daily Life
, trackback
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”.


Comments after advertisement


no comments yet - be the first?