TROUBLESHOOTING

Here are a few problems that beginners commonly face, along with the pages where you can find solutions to them.

STARTING OUT

The browser shows the markup typed in (not the result page).

Check the file extension is .html and not .txt. p 30, 32

Bold text, italics, headings, or link text are extending longer than expected.

Check you have closed the relevant tag e.g. </a>. p 21, 22

The page I linked to is not found.

Check the relative URL. p 83, 84

IMAGES

Images are not showing up.

Check the relative URL. p 83, 84

Images are looking blurry.

Check that you have saved your images in the right format and at the size you want to show them at. p 109113

Border images are not showing.

This only works with latest browsers. (Also, check the relative URL). p 319, 21, 22

GIFs that were resized now look grainy or have jagged edges.

Check the color space in your image editing program. It should be RGB (not indexed color).

TEXT

Some text flashes up before showing the correct font.

You have a Flash Of Unstyled Content. p 278

When copying text from word processors, lots of extra tags are added to the markup.

Copy the text into a plain text editor (to remove formatting) then paste it into your HTML editor. p 49

The text looks bigger/smaller on some screens.

This is usually due to variances in screen resolutions. Also, check the type scale is set for the <body> element. p 377, 276

The font size is wrong in IE when I use ems.

See above. p 276

The font I specified is not showing in some ...

Get HTML & CSS: Design and Build Websites now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.