Note that there are some explanatory texts on larger screens.

plurals
  1. POProblems with menu in web-kit browsers?
    primarykey
    data
    text
    <p>This <a href="https://docs.google.com/open?id=0B8dS0NjQBqbOODJkZDY4ODMtZGE3Ni00N2UxLWFmZjQtYzFkNDNmMWJkM2Mx" rel="nofollow">menu</a> must be flexible, but I can't tune it for web-kit, I think troubles with height of the element, as you can test it within firefox or opera and IE thats look nice, but web-kit-based browsers very disappointing me, I even doesn't know what to do with it? trouble: it's hidding up</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8"&gt; &lt;title&gt;Crossbrowsing Menu&lt;/title&gt; &lt;style&gt; html,body {height: 100%; margin: 0; padding: 0;} /* MENU */ div.bmenu { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 6%; background: #c2c2c2; } div.bmenu a { position: relative; display: inline-block; white-space: nowrap; width: 20%; float: left; margin: -6.5% 0 0 0; outline: none;} div.bmenu img { height: 100%; width: 100%; } div.bmenu a:hover { margin: -5% 0 0 0; z-index: 2; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="bmenu"&gt; &lt;a class='mlink' href="#"&gt;&lt;img alt='' name="test" border=0 src='menu/test.png'&gt;&lt;/a&gt;&lt;/li&gt; &lt;a class='mlink' href="#"&gt;&lt;img alt='' name="test" border=0 src='menu/test.png'&gt;&lt;/a&gt;&lt;/li&gt; &lt;a class='mlink' href="#"&gt;&lt;img alt='' name="test" border=0 src='menu/test.png'&gt;&lt;/a&gt;&lt;/li&gt; &lt;a class='mlink' href="#"&gt;&lt;img alt='' name="test" border=0 src='menu/test.png'&gt;&lt;/a&gt;&lt;/li&gt; &lt;a class='mlink' href="#"&gt;&lt;img alt='' name="test" border=0 src='menu/test.png'&gt;&lt;/a&gt;&lt;/li&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload