I'm sorry, something went wrong in the formatting.

I hope this is better:

<div class="recipe">

        <h2 class="title">Title</h2>

        <div class="summary">This is a summary.</div>     

        <div class="author vcard">

                <span class="fn">anonymous</span>,

                <abbr class="dtpublished" title="20080419">April 19th, 
2008</abbr>

        </div>

<img src="url" class="photo" /> <p><span class="ingredient"><span class="quantity">100 g</span> <span class="name">name</span></span> and

<span class="ingredient"><span class="quantity">1 dl</span> <span class="name">name</span> <span class="optional">(optional)</span></ span></p>

        <div class="method">

                <p>Step 1.</p>

                <p>Step 2.</p>

        </div>

</div>


Any comments or suggestions?


Ingredients and method could also be presented as lists:


<ul>

<li class="ingredient"><span class="quantity">100 g</span> <span class="name">name</span></li>

<li class="ingredient"><span class="quantity">1 dl</span> <span class="name">name</span> <span class="optional">(optional)</span></li>

</ul>

<ol class="method">

        <li>Step 1.</li>

        <li>Step 2.</li>

</ol>


In this case, would it be okay to mark the <ul> with a class="ingredients" and leave out class="ingredient" in the <li>'s?



-Thomas



_______________________________________________
microformats-new mailing list
[email protected]
http://microformats.org/mailman/listinfo/microformats-new

Reply via email to