Image:KeyboardLayout-Danish.png

From Wikipedia, the free encyclopedia

New image of keyboard layout

This version should (hopefully) display on any modern functional browser. (In IE 5, it looks a bit strange, and the page layout changes completely when the page is reloaded.)

<html><head><title>Keyboard - Possibly displays sanely on anything except IE and text browsers</title>
<style type="text/css">
<!--
body {background: #798; font-family: Arial; font-weight: 600; font-size: 14px; background: #c86; }
div.main {position: absolute; top: 100; left: 0; right: 0; width: 540; height: 180; background: #666; border-left: 3px solid #fff; border-top: 3px solid #fff; border-right: 3px solid #888; border-bottom: 3px solid #888; position: center; margin: 0 auto; align-vertical: center; }
div.key4 {width:  30; height: 30; float:left; background: #ccc; margin: 1px; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid #888; border-bottom: 2px solid #888; }
div.key5 {width:  39; height: 30; float:left; background: #ccc; margin: 1px; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid #888; border-bottom: 2px solid #888; }
div.key6 {width:  48; height: 30; float:left; background: #ccc; margin: 1px; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid #888; border-bottom: 2px solid #888; }
div.key7 {width:  57; height: 30; float:left; background: #ccc; margin: 1px; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid #888; border-bottom: 2px solid #888; }
div.key8 {width:  66; height: 30; float:left; background: #ccc; margin: 1px; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid #888; border-bottom: 2px solid #888; }
div.key1 {width:  93; height: 30; float:left; background: #ccc; margin: 1px; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid #888; border-bottom: 2px solid #888; }
div.key_ {width: 219; height: 30; float:left; background: #ccc; margin: 1px; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid #888; border-bottom: 2px solid #888; }

div.keyn5 {width: 45; height: 36; float:left; background: #bbb; }
div.keyn0 {width: 90; height: 36; float:left; background: #bbb; }

div.ouch {border-top: none; height: 36; margin-top: -3px; bottom: 0px; }

div.tl {position: absolute; margin-left:  0px; margin-top:  0px; width: 15px; height: 15px; text-align: center; }
div.bl {position: absolute; margin-left:  0px; margin-top: 15px; width: 15px; height: 15px; text-align: center; }
div.tr {position: absolute; margin-left: 15px; margin-top:  0px; width: 15px; height: 15px; text-align: center; }
div.br {position: absolute; margin-left: 15px; margin-top: 15px; width: 15px; height: 15px; text-align: center; }
div.h {font-size: 10px; font-weight: 400; }
div.d {line-height: 5px; }

div.r {color: #f00; }
-->
</style>
<body>

<div class="main">
 <div class="key4"><div class="tl">  §  </div><div class="bl">  ½  </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  !  </div><div class="bl">  1  </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  "  </div><div class="bl">  2  </div><div class="br">  @  </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  #  </div><div class="bl">  3  </div><div class="br">  £  </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  ¤  </div><div class="bl">  4  </div><div class="br">  $  </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  %  </div><div class="bl">  5  </div><div class="br">  €  </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">&amp;</div><div class="bl">  6  </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  /  </div><div class="bl">  7  </div><div class="br">  {  </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  (  </div><div class="bl">  8  </div><div class="br">  [  </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  )  </div><div class="bl">  9  </div><div class="br">  ]  </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  =  </div><div class="bl">  0  </div><div class="br">  }  </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  ?  </div><div class="bl">  +  </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl r">`  </div><div class="bl r">´  </div><div class="br">  |  </div><div class="tr">     </div></div>
 <div class="key8"><div class="tl h">Backspace</div><div class="bl">&nbsp;&lt;&#x2500;</div></div>

 <div class="key6"><div class="tl h">Tab</div><div class="bl d">&larr;<br>&rarr;</div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  Q  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  W  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  E  </div><div class="bl">     </div><div class="br">  €  </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  R  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  T  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  Y  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  U  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  I  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  O  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  P  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  Å  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl r">^  </div><div class="bl r">¨  </div><div class="br r">~  </div><div class="tr">     </div></div>
 <div class="key6"><div class="tl h">Enter</div><div class="bl">&lt;&#x2500;&#x2518;</div></div>

 <div class="key7"><div class="tl h">Caps<br>Lock</div></div>
 <div class="key4"><div class="tl">  A  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  S  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  D  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  F  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  G  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  H  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  J  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  K  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  L  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  Æ  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  Ø  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  *  </div><div class="bl">  '  </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key5 ouch"></div>

 <div class="key5"><div class="tl">&uarr;</div></div>
 <div class="key4"><div class="tl">  >  </div><div class="bl">  <  </div><div class="br">  \  </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  Z  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  X  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  C  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  V  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  B  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  N  </div><div class="bl">     </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  M  </div><div class="bl">     </div><div class="br">  µ  </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  ;  </div><div class="bl">  ,  </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  :  </div><div class="bl">  .  </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key4"><div class="tl">  _  </div><div class="bl">  -  </div><div class="br">     </div><div class="tr">     </div></div>
 <div class="key1"><div class="tl">&uarr;</div></div>

 <div class="key5"><div class="tl h">Ctrl</div></div>
 <div class="keyn5"></div>
 <div class="key5"><div class="tl h">Alt</div></div>
 <div class="key_"></div>
 <div class="key5"><div class="tl h">Alt&nbsp;Gr</div></div>
 <div class="keyn0"></div>
 <div class="key5"><div class="tl h">Ctrl</div></div>

</div>

</html>

File history

Click on a date/time to view the file as it appeared at that time.

Date/TimeDimensionsUserComment
current20:01, 20 December 2004546×186 (9 KB)Cyp (Talk | contribs) (Red "dead"-keys)
19:17, 20 December 2004546×186 (9 KB)Cyp (Talk | contribs) (New image of keyboard layout {{GFDL}})

The following pages on the English Wikipedia link to this file (pages on other projects are not listed):