943,916 Members | Top Members by Rank

Ad:
You are currently viewing page 1 of this multi-page discussion thread
Mar 5th, 2009
0

Creating HTML structure using lists

Expand Post »
There is a new article on the Madmouse Blog, “Creating structure using Unordered Lists” which introduces a proof of concept of using lists instead of divisions to write down the structure of a website layout. The article shows how it is it to be done, describes its purpose and points out few advantages of using it. It also presents a WordPress theme that fully utilizes this concept so that you can have a look at it in action. Using this method results in code that is very clean and efficient, optimized, light weight and most importantly code that is well formed which can result in better optimization of the HTML code and lead an SEO advantage.

If you are interested in seeing what we are up to with this concept, <URL SNIPPED>please click here or visit the Madmouse Blog.

Our new WordPress theme using this concept is called, <URL SNIPPED>Golden Age

Looking forward of your feedback.
Last edited by peter_budo; Mar 8th, 2009 at 6:30 am. Reason: Keep It Spam-Free - Do not spam, advertise, plug your website, or engage in any other type of self promotion.
Similar Threads
Reputation Points: 10
Solved Threads: 0
Newbie Poster
Squeak is offline Offline
9 posts
since Nov 2007
Mar 6th, 2009
0

Re: Creating HTML structure using lists


Apart from being semantic nonsense, it requires unnecessarily bloated CSS to style the lists.
Reputation Points: 25
Solved Threads: 23
Junior Poster
cfajohnson is offline Offline
193 posts
since Dec 2008
Mar 6th, 2009
0

Re: Creating HTML structure using lists

Click to Expand / Collapse  Quote originally posted by cfajohnson ...

Apart from being semantic nonsense, it requires unnecessarily bloated CSS to style the lists.
It requires three lines which are as follows:

ul {
margin: 0; padding: 0;
list-style-type: none;
}

After that, everything else is styled as would normally be done.

Please explain how or give me an example of why it is nonsense?
Reputation Points: 10
Solved Threads: 0
Newbie Poster
Squeak is offline Offline
9 posts
since Nov 2007
Mar 7th, 2009
0

Re: Creating HTML structure using lists

I think it doesn't make a difference when compared to div's. If he wants to make his point, a good test would be to recreate a 'css zen garden' page. I'm sure it's possible and it would help him explain his point. Then it would be possible to compare them and test the differences (div vs. ul/li).
Sponsor
Featured Poster
Reputation Points: 550
Solved Threads: 731
Bite my shiny metal ass!
pritaeas is offline Offline
4,177 posts
since Jul 2006
Mar 7th, 2009
0

Re: Creating HTML structure using lists

Click to Expand / Collapse  Quote originally posted by pritaeas ...
I think it doesn't make a difference when compared to div's. If he wants to make his point, a good test would be to recreate a 'css zen garden' page. I'm sure it's possible and it would help him explain his point. Then it would be possible to compare them and test the differences (div vs. ul/li).
My understanding is that CSS Zen Garden themes are about the smart use of CSS, and not about HTML. This concept is about HTML and not CSS. I don't see how coding a CSS Zen Garden theme will prove anything. We believe that the Golden Age theme and its coding delivers our point across.

Please explain how coding a CSS Zen theme will prove our point?
Reputation Points: 10
Solved Threads: 0
Newbie Poster
Squeak is offline Offline
9 posts
since Nov 2007
Mar 7th, 2009
0

Re: Creating HTML structure using lists

in my opinion a lot of coders think of this of a great resource. If you can show you can achieve the same with your concept, you may get more recognition. You state that it is about html, and not css. without css, using ul/li doesn't make sense at all. (your last post shows css, not html)
Sponsor
Featured Poster
Reputation Points: 550
Solved Threads: 731
Bite my shiny metal ass!
pritaeas is offline Offline
4,177 posts
since Jul 2006
Mar 9th, 2009
0

Re: Creating HTML structure using lists

Remember that lists are not block objects. They can't contain many tags, including img and p tags.
Reputation Points: 730
Solved Threads: 181
Nearly a Senior Poster
MidiMagic is offline Offline
3,314 posts
since Jan 2007
Mar 10th, 2009
0

Re: Creating HTML structure using lists

Click to Expand / Collapse  Quote originally posted by MidiMagic ...
Remember that lists are not block objects. They can't contain many tags, including img and p tags.

Lists are block-level objects, but they can only contain <li> elements; <li> elements are also block-level, and they can contain anything.
Reputation Points: 25
Solved Threads: 23
Junior Poster
cfajohnson is offline Offline
193 posts
since Dec 2008
Mar 19th, 2009
0

Re: Creating HTML structure using lists

Sorry, I have that backwards. The p tag can't contain ul or ol.
Reputation Points: 730
Solved Threads: 181
Nearly a Senior Poster
MidiMagic is offline Offline
3,314 posts
since Jan 2007
Mar 23rd, 2009
0

Re: Creating HTML structure using lists

Click to Expand / Collapse  Quote originally posted by pritaeas ...
in my opinion a lot of coders think of this of a great resource. If you can show you can achieve the same with your concept, you may get more recognition. You state that it is about html, and not css. without css, using ul/li doesn't make sense at all. (your last post shows css, not html)
I have put up a new site using this theme. It has been active since March 1 and has no backlinks or Pagerank. I have choose blog tips and ethical SEO for the main two keywords.
It is ranking #233 for "blog tips" and #50 for "ethical SEO" in Google. It is ranking #1 for spunky jones and spunkyjones in Google as well. about 1/2 of the articles are ranking on the first page of Google as well.

I am a designer and have some basic knowledge in HTML. My coder is the expert in the HTML department and when he approached me with this concept, I listened and decided to try it.

So far it seems to be working very well, and I am very pleased with the results so far. The test site is Spunky Jones Blog tips for Ethical Bloggers.

Yes, you are correct that if I can prove this concept more people will be have more interest to look at it.
Reputation Points: 10
Solved Threads: 0
Newbie Poster
Squeak is offline Offline
9 posts
since Nov 2007

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: resizing the div element with window size
Next Thread in HTML and CSS Forum Timeline: Pull DIV till it fitting the page





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC