pre {
overflow: auto;
border: solid 1px #9AACAE;
font-family: courier,Georgia,Serif;
color: $(body.text.color);
background: #EFEFEF;
margin: 5px;
padding: 5px;
}
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.
Subscribe to:
Post Comments (Atom)
4 comments:
Those are indeed the fundamental of pre-CSS. If done right, the rest will be easy.
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.
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.
Thank you so much! I am using your < pre > CSS style on my forum now, just what I was looking for.
Post a Comment