Font size of "Code snippet" is too small! - My Forums

Re: Font size of "Code snippet" is too small!

zombiemx — Sep 18, 2005, 11:41 AM

It look nice in both FF and IE.

It is frustruating to get CSS to work right for both but in this case it works.

I am going to read this article more closely to see how it was done!

Thanks

Re: Font size of "Code snippet" is too small!

sottwell — Sep 18, 2005, 11:17 AM

I never went to school past high school, nobody taught me, I learned from some great books (Peter Norton, Jeff Duntemann, Gary Cornell, Tom Swan), then later articles on the Internet, and it took me years before I could read an article and know what they were talking about. I remember how it was then, and try to explain things as I wished somebody would explain it to me back then.

Yeah, CSS is like magic. I love working with it. I just wish IE were more compliant! This is gorgeous, but it doesn’t work in IE because IE doesn’t comply with standards.

http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html

Re: Font size of "Code snippet" is too small!

zombiemx — Sep 18, 2005, 10:43 AM

Susan,

You are most helpful!

So that is the magic trick!

Thanks

Re: Font size of "Code snippet" is too small!

sottwell — Sep 18, 2005, 10:12 AM

That’s just a CSS file. If you look at the "page source" for the forum page, you’ll see that all the quote and code blocks are wrapped in a

 tag.  So by specifying the css for "pre" elements, and using the ! important expression, you override whatever usual formatting there is for all "pre" tags.



If you are not familiar with CSS, I have a number of links on my site to tutorials and articles about it.

Re: Font size of "Code snippet" is too small!

zombiemx — Sep 18, 2005, 09:24 AM

Susan,

I followed the sample in the usercontent.css like below but did not work until I put your "pre" in front of if then it works. What is the trick?

  {
    font-size: 11pt !important
  }

Thanks

Re: Font size of "Code snippet" is too small!

sottwell — Sep 18, 2005, 02:30 AM

A bit small and low-contrast for me as well, although it is better in Safari than Firefox.

Hee hee...it occurred to me that I’m supposed to be a hot-shot Web developer so I just added this to my userContent.css file (in the Chrome folder):

pre {
    font-size:1.2em ! important;
    color:black ! important;
    }

Perfect!

Re: Font size of "Code snippet" is too small!

zaigham — Sep 17, 2005, 02:54 PM

actually, it is ok in IE and IE clones but too little in Firefox !

Don’t know how it looks in Safari or Mac versions of IE ... (bcz Ryan is on Mac )

regards,

zi

Re: Font size of "Code snippet" is too small!

zombiemx — Sep 17, 2005, 12:08 PM

Yes!

Re: Font size of "Code snippet" is too small!

MARKSVIRTUALDESK — Sep 17, 2005, 11:48 AM

You mean within the text area?

Re: Font size of "Code snippet" is too small!

zombiemx — Sep 17, 2005, 11:46 AM

Here is an example:

// --------------------
// Snippet: ListMenuX
// --------------------
// Version: 1.2
// Date: 2005.05.31
// [email protected]
//

Either the font is too small or the background color distort the text.

I can hardly read the code without make it a little bigger!