line numbers in code

The PEAR text_highlighter package has some options to show your code with line numbers. Chroder’s code highlighter doesn’t seem to implement this option. When I changed the code to implement it, I found that the numbers don’t line up, depending on the theme in use. I have discovered before that some wordpress themes have trouble with tables. I am testing out the web developer extension in firefox to help debug this problem. here is a screenshot of the extension in use. You can see that the extension puts nice colored boxes around all the page elements. And you can see that the numbers column is offset a little, ruining the effect of having line numbers.

**Update** solved the problem! The web developers extension is indispensable! I used it to edit the CSS of the document ‘on the fly’. That is, I can change the stylesheet in a side browser window and watch my web page change. Here is the result:

I just added the line:

.hl-gutter pre { margin: 0; padding: 0; }

to the .css file

Related Posts

  1. Aardvark firefox extension
  2. Code Highlighting
  3. Firefox Auto Pager extention
  4. How can I corrupt my guest OS?
  5. Setting up new computer. Pt. 1 – fixing the browsers

About Tim

Minneapolis Blogger
This entry was posted in Computers, General, firefox, wordpress. Bookmark the permalink.

One Response to line numbers in code

  1. poopMaster says:

    what the %@(*&#$ are you talking about ?