chrometweaks.org

Which iPage web host enables links to products?

Click Here To View All Answers...


First question I got is Which iPage web host enables links to products? Thanks in advance for any answer or 2. My 2nd question... I tried to create a nested list for iPage site navigation, but when I try to validate the code, the W3C validator gives me guff about the placement of my <ul> tags. Am I just missing something stupid?.

Http://validator.w3.org/check?uri=ht...kettering.html..

Comments (6)

Good question... I dunno what is the answer to that question. I'll do some research in Google and get back to you if I find an decent answer. You should email the people at iPage as they probably could give you an answer..

Comment #1

That does, indeed, work. The page becomes valid. The problem is, I would then need to do some crazy CSS magic to remove the extra bullet from in front of the first items in the sub lists..

Kevin, while your solutions technically work, they are not correct structurally. I look at the menu as a list of main topics with a list of subtopics under each main topic, which requires nesting. I realize that this is a rather niggling point, but I'm a big proponent of structural integrity as well as code integrity..

I discovered that removing the closing </li> tags works, so I end up with this:.

I don't really like leaving out closing tags, but I know that it is acceptable in HTML 4.01. I'm going to play around with XHTML 1.1 and see how it takes nested lists...

Comment #2

XHTML will require the ending tags for sure..

Perhaps try putting the nested list inside the previous LI area instead of having it in it's own LI area?.

<div id="leftnav">.

<ul>.

<li>Information For.

<ul>.

<li><a href="#">Alumni & Friends</a></li>.

<li><a href="#">Current Students</a></li>.

<li><a href="#">Co-op Employers</a></li>.

<li><a href="#">Faculty & Staff</a></li>.

<li><a href="#">Prospective Students</a></li>.

</ul></li>.

<li>Information About.

<ul>.

<li><a href="#">Admissions</a></li>.

<li><a href="#">Continuing Education</a></li>.

<li><a href="#">Employment Opportunities</a></li>.

<li><a href="#">Giving</a></li>.

<li><a href="#">Graduate Programs</a></li>.

<li><a href="#">International Programs</a></li>.

<li><a href="#">Kettering University</a></li>.

<li><a href="#">Professional Co-Op Education</a></li>.

<li><a href="#">Research</a></li>.

<li><a href="#">Undergraduate Programs</a></li>.

</ul></li>.

</ul>.

</div>.

That may do the trick now...

Comment #3

That is, in fact, what I had to do. It seems a rather strange way to implement it, though. That doesn't seem structurally sound to me..

Nested list using valid XHTML 1.1.

EDIT.

After thinking about it, I realized that the above implementation actually does make sense. The second level list is technically a part of first level list element. So there you go..

/EDIT..

Comment #4

Giz explained to me exactly how to make a nested list validate and with closing unorderly listitem tags. I can't recall exactly how it was done since it has been a few months ago and I barely understood it then. It has something to do with thinking of a nested list as a table. I'm going to look and see if I can find the original postings...

Comment #5

Here is an old thread describing the same problem..

Http://www.htmlforums.com/showthread...threadid=22120..

Comment #6

You nest a.

<ul> ... </ul>.

List inside the.

<li> ... </li>.

Tags of a higher order list in.

Exactly.

The same way that you nest the.

<table> ... </table>.

Table inside the.

<td> ... </td>.

Tags of a higher order table..

So the very first answer from.

Htmlite.

In this thread was indeed correct, though his second answer was much better, and a tidier implementation. Discard all of the others as they have flaws...

Comment #7


This question was taken from a support group/message board and re-posted here so others can learn from it.