Views custom output into specific divs I am a kind of noobie so excuse me for that.

I am trying to implement this into my website.



It is a fancy looking bookshelf gallery. I am using drupal 6.x. I have already set up a view to list out the items I would like to appear in the gallery. In other posts, I saw that if I set up the view output as "fields" I can wrap individual fields into custom divs. That is kind of what I want to achieve. The code I need to alter is the following:

&lt;div class="slide_animate"&gt;
&lt;div class="products_box" id="products_box_1"&gt;
&lt;a href="#" class="product" data-type="book" data-popup="true" data-url="images/01_large.jpg" title="The Title is Optional 1"&gt;
&lt;img src="images/01.jpg" alt="" width="81" height="107" /&gt;&lt;/a&gt;
&lt;a href="#" class="product" data-type="book" data-popup="true" data-url="http://www.youtube.com/watch?v=C05pGnZQQtE" title="Youtube Video"&gt;
&lt;img src="images/02.jpg" alt="" width="71" height="107" /&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="slide_animate"&gt;
&lt;div class="products_box" id="products_box_2"&gt;
&lt;a href="#" class="product" data-type="magazine" data-popup="true" data-url="images/magazine_large.jpg" title="info"&gt;&lt;img src="images/magazine_health.png" alt="" width="76" height="108" /&gt;&lt;/a&gt;
&lt;a href="#" class="product" data-type="magazine" data-popup="true" data-url="images/magazine_large.jpg" title="info"&gt;&lt;img src="images/magazine_gourmet.png" alt="" width="71" height="100" /&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;


What I need to know is how to make the view output my field data (node url, img, nodetitle) in specific parts of the HTML (data-url ,img ,title); plus, based on taxonomy terms, form different categories. So my books will be under books, and my DVDs will be under dvd.
When editing the view, under Basic Settings -> Style -> Settings (the "gear" icon) you can choose to group the results by a certain field. Hope this helps.