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,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
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 ...
Become 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,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.