Added width and height attributes to some images

6 files changed, 15 insertions, 14 deletions

diff --git a/web/lib/utils.rb b/web/lib/utils.rb
index c7114a7..1002196 100644
--- a/web/lib/utils.rb
+++ b/web/lib/utils.rb
@@ -78,7 +78,7 @@ def josm_link(element, key, value=nil)
 end
 
 def external_link(title, link)
-    %Q{<img src="/img/link-extern.gif" alt=""/><a class="extlink" href="#{link}">#{title}</a>}
+    %Q{<img src="/img/link-extern.gif" alt="" width="14" height="10"/><a class="extlink" href="#{link}">#{title}</a>}
 end
 
 def tagcloud_size(tag)
diff --git a/web/public/js/taginfo.js b/web/public/js/taginfo.js
index 0c4130c..36fc75b 100644
--- a/web/public/js/taginfo.js
+++ b/web/public/js/taginfo.js
@@ -11,7 +11,7 @@ function print_wiki_link(title, options) {
         path = 'wiki/' + title;
     }
 
-    return '<img src="/img/link-wiki.gif" alt=""/><a class="wikilink" href="http://wiki.openstreetmap.org/' + path + '" target="_blank">' + title + '</a>';
+    return '<img src="/img/link-wiki.gif" alt="" width="14" height="10"/><a class="wikilink" href="http://wiki.openstreetmap.org/' + path + '" target="_blank">' + title + '</a>';
 }
 
 function print_language(code, native_name, english_name) {
@@ -55,7 +55,7 @@ String.prototype.capitalize = function() {
 function print_image(type) {
     type = type.replace(/s$/, '');
     var name = type.capitalize();
-    return '<img src="/img/types/' + type + '.16.png" alt="[' + name + ']" title="' + name + '"/>';
+    return '<img src="/img/types/' + type + '.16.png" alt="[' + name + ']" title="' + name + '" width="16" height="16"/>';
 }
 
 // print a number with thousand separator
diff --git a/web/views/index.erb b/web/views/index.erb
index d3b5111..35be817 100644
--- a/web/views/index.erb
+++ b/web/views/index.erb
@@ -1,5 +1,5 @@
 <div style="text-align: center;">
-    <h1><img src="/img/taginfo.128.png" class="icon_large" alt=""/><br/>Taginfo</h1>
+    <h1><img src="/img/taginfo.128.png" class="icon_large" alt="" width="128" height="63"/><br/>Taginfo</h1>
 
     <p><span class="button"><a href="/keys">Show all keys</a></span></p>
 
diff --git a/web/views/key.erb b/web/views/key.erb
index eb372a2..2ecfef7 100644
--- a/web/views/key.erb
+++ b/web/views/key.erb
@@ -11,8 +11,8 @@
     <% if @count_all_values < 1000 %>
         <%= xapi_link('*', @key) %> <%= josm_link('*', @key) %>
     <% else %>
-        <span class="button disabled" title="Button disabled, because there are too many objects with this key"><img src="/img/link-extern-disabled.gif" alt=""/>XAPI</span>
-        <span class="button disabled" title="Button disabled, because there are too many objects with this key"><img src="/img/link-extern-disabled.gif" alt=""/>JOSM</span>
+        <span class="button disabled" title="Button disabled, because there are too many objects with this key"><img src="/img/link-extern-disabled.gif" width="14" height="10" alt=""/>XAPI</span>
+        <span class="button disabled" title="Button disabled, because there are too many objects with this key"><img src="/img/link-extern-disabled.gif" width="14" height="10" alt=""/>JOSM</span>
     <% end %>
 </div>
 
@@ -52,7 +52,7 @@
     <div id="tabs-map">
         <h2>Geographical distribution of this key</h2>
         <p><i>Currently only tags on nodes are shown.</i></p>
-        <div style="background-image: url(/img/worldp.png); background-repeat: no-repeat;"/><img src="/api/2/db/keys/distribution?key=<%= @key_uri %>" alt=""/></div>
+        <div style="background-image: url(/img/worldp.png); background-repeat: no-repeat;"/><img src="/api/2/db/keys/distribution?key=<%= @key_uri %>" alt="" width="720" height="360"/></div>
     </div>
     <div id="tabs-wiki">
         <h2>Wiki pages about this key</h2>
@@ -250,10 +250,10 @@
                             print_wiki_link(row.title),
                             row.description,
                             row.image == null ? '<i>no image</i>' : print_wiki_link(row.image),
-                            (row.on_node      ? '<img src="/img/types/node.16.png"     alt="yes"/>' : '<img src="/img/types/none.16.png" alt="no"/>') + ' ' +
-                            (row.on_way       ? '<img src="/img/types/way.16.png"      alt="yes"/>' : '<img src="/img/types/none.16.png" alt="no"/>') + ' ' +
-                            (row.on_area      ? '<img src="/img/types/area.16.png"     alt="yes"/>' : '<img src="/img/types/none.16.png" alt="no"/>') + ' ' +
-                            (row.on_relation  ? '<img src="/img/types/relation.16.png" alt="yes"/>' : '<img src="/img/types/none.16.png" alt="no"/>'),
+                            (row.on_node      ? '<img src="/img/types/node.16.png"     alt="yes" width="16" height="16"/>' : '<img src="/img/types/none.16.png" alt="no" width="16" height="16"/>') + ' ' +
+                            (row.on_way       ? '<img src="/img/types/way.16.png"      alt="yes" width="16" height="16"/>' : '<img src="/img/types/none.16.png" alt="no" width="16" height="16"/>') + ' ' +
+                            (row.on_area      ? '<img src="/img/types/area.16.png"     alt="yes" width="16" height="16"/>' : '<img src="/img/types/none.16.png" alt="no" width="16" height="16"/>') + ' ' +
+                            (row.on_relation  ? '<img src="/img/types/relation.16.png" alt="yes" width="16" height="16"/>' : '<img src="/img/types/none.16.png" alt="no" width="16" height="16"/>'),
                             print_key_or_tag_list(row.tags_implies),
                             print_key_or_tag_list(row.tags_combination),
                             print_key_or_tag_list(row.tags_linked)
diff --git a/web/views/layout.erb b/web/views/layout.erb
index b54bc9d..c92a4c3 100644
--- a/web/views/layout.erb
+++ b/web/views/layout.erb
@@ -27,7 +27,7 @@
                 </form>
             </div>
             <div id="left">
-                <a href="/"><img src="/img/taginfo.48.png" alt="Taginfo" style="padding-top: 2px;"/></a>
+                <a href="/"><img src="/img/taginfo.48.png" alt="Taginfo" width="48" height="24" style="padding-top: 2px;"/></a>
                 <span class="breadcrumbs"><%= breadcrumbs %></span>
             </div>
         </div>
@@ -35,7 +35,7 @@
             Data from: <%= @data_until %> UTC <span class="button"><a href="/sources">Sources</a></span>
             <span class="button"><a href="/download">Download</a></span>
             <span class="button"><a href="/about">About</a></span>
-            <span class="button"><img src="/img/link-extern.gif" alt=""/><a href="http://wiki.openstreetmap.org/wiki/Taginfo">Wiki</a></span>
+            <span class="button"><img src="/img/link-extern.gif" alt="" width="14" height="10"/><a href="http://wiki.openstreetmap.org/wiki/Taginfo">Wiki</a></span>
         </div>
         <div id="main">
             <%= yield %>
diff --git a/web/views/sources/index.erb b/web/views/sources/index.erb
index ff5a9f0..e979658 100644
--- a/web/views/sources/index.erb
+++ b/web/views/sources/index.erb
@@ -12,7 +12,8 @@ have to go back to the source.</p>
     </tr>
     <% @sources.each do |source| %>
     <tr>
-        <td><a href="/sources/<%= source['source_id'] %>"><img src="/img/sources/<%= source['source_id'] %>.16.png" alt=""/> <%= source['source_name'] %></a></td>
+        <td><a href="/sources/<%= source['source_id'] %>"><img src="/img/sources/<%= source['source_id'] %>.16.png" alt="" width="16" height="16"/></a>
+            <a href="/sources/<%= source['source_id'] %>"><%= source['source_name'] %></a></td>
         <td><%= source['data_until'] %></td>
         <td><%= source['update_start'] %> to <%= source['update_end'] %></td>
     </tr>