Wednesday, May 25, 2011

<code> and <pre> CSS Style

After long time without update, I just realize that Blogger pushed out a new template design. In my opinion, it looks better, so I've changed my template without hesitation. The problem is I used custom style for <pre> and <code> tag to represent a program code. When I've applied the template, I forgot to back up the old style. I had to spend some time find the correct style for it although, it is very easy CSS code. So, I will blog it as my backup.

pre {
  overflow: auto;
  border: solid 1px #9AACAE;
  font-family: courier,Georgia,Serif;
  color: $(body.text.color);
  background: #EFEFEF;
  margin: 5px;
  padding: 5px;


web design perth said...

Those are indeed the fundamental of pre-CSS. If done right, the rest will be easy.

George Schneider said...

I also love the new template design of blogger. It made my website more compelling. By the way, pre and code tag to represent a program code is very important in the world of web design.

Wilma Ellis said...

Coding are usually important to a corporation especially when, it involves data and system security. One requirement for this is the assurance of learning the know hows of everything when it comes to programming and data encoding.

sb56637 said...

Thank you so much! I am using your < pre > CSS style on my forum now, just what I was looking for.