<div class="pettanr-comic-panel" style="width:<%= @panel.width %>px;height:<%= @panel.height %>px;border-width: <%= @panel.border %>px; background-color:white;">
<% @panel.each_element do |elm| %>
<% if elm.kind_of?(PanelPicture) %>
- <div id="vPicture<%= elm.id -%>" class="panel_picture" style="position:relative; top:<%= elm.y -%>px; left:<%= elm.x -%>px; z-index:<%= elm.z -%>; ">
- <img style="width:<%= elm.width -%>px; height:<%= elm.height -%>px; " src="<%= elm.url -%>">
- </div>
+ <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 -%>">
<% end %>
<% if elm.kind_of?(Balloon) %>
- <div id="vballoon<%= elm.id -%>" class="pettanr-comic-balloon" style="top:<%= elm.y -%>px; left:<%= elm.x -%>px; z-index:<%= elm.z -%>; ">
- <img style="width:<%= elm.width -%>px; height:<%= elm.height -%>px; " src="<%= elm.system_picture.url -%>">
+ <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 -%>; ">
+ <img src="<%= elm.system_picture.url -%>">
<% elm.speeches.each do |speech| %>
<p style="top:<%= speech.y -%>px; left:<%= speech.x -%>px;width:<%= speech.width -%>px; height:<%= speech.height -%>px;">
<span><%= h speech.content -%></span>