1 <div class="pettanr-comic-panel" style="width:<%= @panel.width %>px;height:<%= @panel.height %>px;border-width: <%= @panel.border %>px; background-color:white;">
2 <% @panel.panel_elements.each do |elm| %>
3 <% if elm.kind_of?(PanelPicture) %>
4 <img id="vPicture<%= elm.id -%>" width="<%= elm.width -%>" height="<%= elm.height -%>" style="top:<%= elm.y -%>px; left:<%= elm.x -%>px; z-index:<%= elm.z -%>; " src="<%= elm.url -%>">
6 <% if elm.kind_of?(Balloon) %>
7 <div id="vballoon<%= elm.id -%>" class="pettanr-comic-balloon" style="width:<%= elm.width -%>px; height:<%= elm.height -%>px; top:<%= elm.y -%>px; left:<%= elm.x -%>px; z-index:<%= elm.z -%>; ">
8 <img src="<%= elm.system_picture.url -%>">
9 <% elm.speeches.each do |speech| %>
10 <p style="top:<%= speech.y -%>px; left:<%= speech.x -%>px;width:<%= speech.width -%>px; height:<%= speech.height -%>px;">
11 <span><%= h speech.content -%></span>
20 <dt>Width:</dt><dd><%= @panel.width %></dd>
21 <dt>Height:</dt><dd><%= @panel.height %></dd>