Problems with my markup

Get Started
1

Hi,

I’ve been working with the book “Build your own website the right way usinng html & css” by Ian Lloyd.
I’m on pages 35-36 building a list - almost everything turns out ok except that I do not get a bulleted list nor am I getting a numbered list on the webpage - this is what i get:

Lists - an introduction

Here’s a paragraph. A lovely, concise little paragraph.

Here comes comes another one, followed by a subheading.

A subheading here

And now for a list or two:

This is a bulleted list

No order applied

Just a bunch of points we want to make

And here’s an ordered list:

This is the first item

Followed by this one

And one more for luck

I’ve checked my markup several times for errors but couldn’t find any, here it is as shown on p. 35 of the book:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<title>Lists - an introduction</title>
<meta http-equiv=“Content-Type”
content=“text/html; charset=utf-8”/>
</head>
<body>
<h1>Lists - an introduction </h1>
<p>Here’s a paragraph. A lovely, concise little paragraph.</p>
<p>Here comes comes another one, followed by a subheading.</p>
<h2>A subheading here</h2>
<p>And now for a list or two:</p>
<u1>
<li>This is a bulleted list</li>
<li>No order applied</li>
<li>Just a bunch of points we want to make</li>
</u1>
<p>And here’s an ordered list:</p>
<o1>
<li>This is the first item</li>
<li>Followed by this one</li>
<li>And one more for luck</li>
</o1>
</body>
</html>

By the way, the browser i used for this is FireFox on a MacBook Pro.

Can you tell what is wrong with this markup? Thank you for your attention,

cheers!

2

Hello,
right, no spaces between dashes,
I’ll check out the HTML reference,

thanks! and

cheers!

3

Hello everybody,
got a problem with another one of my markups. This one having to do with commentingout text using the “< - -” characters.
As I may have explained already, I’ve been working with Ian lloyd’s book “Build your own web site the right way using html & CSS”. I’m on pages 38 - 39 the sections titled: “Using Comments to Hide Markup from Browsers Temporarily”. I copied the markup on page 38:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<title>Commenting out XHTML</title>
<meta http-equiv=“Content-Type”
content=“text/html; charset=utf-8”/>
</head>
<body>
<h1>Current Stock</h1>
<p>The following items are available for order:</p>

&lt;ul&gt;
  &lt;li&gt;Dark Smoke Window Tinting&lt;/li&gt;
  &lt;li&gt;Bronze Window Tinting&lt;/li&gt;
  &lt;!- - &lt;li&gt;Spray mount&lt;/li&gt; 
  &lt;li&gt;Craft knife (pack of 5)&lt;/li&gt; - - &gt;
&lt;/ul&gt;

</body>

</html>

but i get this on the page (in firefox):

Current Stock

The following items are available for order:

* Dark Smoke Window Tinting
* Bronze Window Tinting
* Spray mount Craft knife (pack of 5)
  - - &gt;

The last two lines should be hidden (also without bullets).

I put the mark up in the Validator and it tells me there are three errors. The problem seems to be with the <! - - - - > characters used to comment stuff out as shown in the book (see pp. 38 - 39). The validator tells me that:

  1. in line 16, column 7, the “<” character is the first character of a delimiter but occurs as data.
  2. line 16, column 7, character data is not allowed here - “here” being what? column 7?
  3. line 17, column 40, character data is not allowed here - the character being the fist dash of “- - >” the comment closer.
  4. line 16, column 7: start tag: invalid element name.

I’ve tried moving these characters to other columns and lines but to no avail - I checked everything several times but can’t find what’s wrong.

Can anybody shed some light on this?

Thank you for your attention,

cheers!

4

<!-- This is a comment –>

No spaces between the dashes. :slight_smile:

You might find the sitepoint HTML reference useful. It’s worth looking things up, you might find the answer without having to wait for someone to help you on the forum.

5

Hey, thanks a lot, I’ll check it out ad see if that does the trick! thank you for your help,

cheers!

6

It’s a simple typo. :slight_smile: It’s ul and ol with an “L”, not a “one” (but h1 is correct because it’s a “first” heading, followed by h2, h3, h4, h5 and h6).

You can check your markup at the W3C validator, which would have picked up errors like these, and anything else that might be wrong.