What is up with Fire Fox 3?

What the blazes is up with Fire Fox 3???

Everything is off by 1 pixel. What a pain in the neck!

Notice in the image above, that the segment seems to overlap to the right?

Notice in the image above, that the segment seems to indent to the right?

Now I've got to go and change EVERY SITE I EVER DESIGNED!

Notice how in the images a section is off by 1 px to the left?

I did fix this by going:

html {
height:100%;
background-color: #ffffff;
background-image: url('../images/container.jpg');
background-repeat: repeat-y;
background-position: center top;
margin:0px -1px 0px 0px;
padding:0px 0px 0px 0px;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
}

Shouldn't have to do this though, and it adds a stupid scroll-bar to the bottom of FF3 browser window. *Sigh*

I really hope it's just a bug that will be fixed in the next update... *hopeful fluttering of eyes*

XHTML structure

Had a question the other day, by a friend of mine who is learning basic HTML, on WHAT each of the parts of an XHTML page mean, and where they come through in a browser.

I did these two diagrams - yes very simple, but in plain language, to explain how HTML works.

The first diagram is the WHOLE XHTML document, and what each of the bits mean.
The second diagram is how the browser interprets the code.

If you are an educator, feel free to use it. Just acknowledge where you got these diagrams from.

And if you see any errors, or can think of anything to add on, let me know! ;)

Changing bullet colour in Open Office.org Writer (a quick tutorial)

For some Tutorials I write, for a quick and easy PDF, I will often use Open Office.org Writer (here on in, I'll just refer to it as 'Writer') .

I wanted to have nice coloured bullets, to go with the colour scheme I used for the headings, not the default black ones. I didn't want to use image bullets, I just wanted to use simple round coloured disc bullets.

It really doesn't take too much to change the colour of the bullets in Writer.

Note: I like to have Nonprinting Characters showing when I use Writer, because I am less likely to miss empty paragraphs, wreck styles, etc.

Step One: Open up Writer, create a simple list

• Kind of
  
• like
  
• this
• one
  

Step Two: Left click your mouse to the Left (in the margin). See the little "I" beam? - I'm just holding the mouse to the left so you can see where I clicked.
When you have actually clicked, the bullet fields will actually show up. The cursor will blink on the left of the bullet. (You can see the cursor is next to the word 'here')

Step Two: Right click your mouse to bring up the context menu, and then select "Character"
This will bring up this window:
Step Three: Click on "Font Color", and choose a nice colour. I chose a customised colour that I had created to suit myself:
Step Four: Click on "Ok":

Notice the cursor is still on the left of the bullet? And the bullet fields are still selected? To deselect (get away from) the bullet fields, click somewhere to the right.
Step Five: Enjoy making your nice, different coloured bullets!
This also works for numbering too!