November 2011
Beginner
513 pages
9h 33m
English
Content preview from HTML & CSS: Design and Build WebsitesBecome an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
Start your free trial
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 109–113
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 ...