Changeset 1206 for www/index.html

Show
Ignore:
Timestamp:
11/15/08 10:19:18 (5 years ago)
Author:
martinEngel
Message:

IE-kompatibel gemacht

Files:
1 modified

Legend:

Unmodified
Added
Removed

  • www/index.html

    r1200 r1206  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    2        "http://www.w3.org/TR/html4/strict.dtd"> 
     1<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> /--> 
    32<html> 
    43<head> 
    … …  
    98 
    109<script type="text/javascript"> 
    11 function Tastenebenenwechsel_nach (Zielebene) { 
     10function Tastaturbildwechsel_nach (Zielebene) { 
    1211        self.document.tastaturbild.src="./tastaturbilder/ebene" + Zielebene +".png"; 
    1312        for (var Nr = 1; Nr <= 6; Nr++) self.document.getElementById("ebenenreiter" + Nr).style.color=""; 
    … …  
    3534  padding-top:2em; 
    3635  padding-bottom:2.4em; 
    37 // text-align:justify;   
    38 //font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    39   font-family: LinuxLibertine, Libertine, Linux-Libertine, sans; 
     36/* text-align:justify;  */ 
     37/* font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; */ 
     38/*  font-family: LinuxLibertine, Libertine, Linux-Libertine, sans; 
    4039  line-height:1.35em; 
    41   font-size:1em; 
     40  font-size:1em;*/ 
    4241  background-color:White; 
    4342  color:Black; 
    … …  
    5554  position:relative;  
    5655  width:10em;  
    57   //float:left;  
     56/* float:left;  */ 
    5857  text-align:center;  
    5958  margin:2em; 
    … …  
    120119  margin-right: 0em; 
    121120  margin-top: 0em; 
    122   display:block; 
     121/*  float:left; */ 
     122  display:block;  
    123123  text-align:center; 
    124124} 
    … …  
    169169} 
    170170 
    171 a         {  text-decoration:none; ; } 
     171a         {  text-decoration:none; } 
    172172a:hover   {  color:HighlightText; background-color:Highlight; } 
    173173 
    174174h1        {  margin-bottom:1em; margin-top:0em;   font-size:1.5em; } 
    175 h2        {  margin-bottom:.5em; margin-top:1.5em;  font-size:1.2em; iipadding-left:1em;; } 
    176  
    177 p         {  //text-indent:1em;   
    178              //  text-align:justify; 
     175h2        {  margin-bottom:.5em; margin-top:1.5em;  font-size:1.2em; /* padding-left:1em; */ } 
     176 
     177p         {  /* text-indent:1em;   
     178                text-align:justify; */ 
    179179               margin-bottom:-.5em;} 
    180180 
    181 //Altbestand: 
     181/* Altbestand: */ 
    182182 
    183183#linkbutton 
    … …  
    210210        width: 57.5em;  
    211211} 
    212 ///------------- 
     212/*-------------*/ 
    213213 
    214214</style> 
     215 
     216<!--[if lte IE 7]> 
     217    <style type="text/css"> 
     218 
     219#Bild_oben { 
     220  width:31em; 
     221} 
     222 
     223#Bildcontainer_oben { 
     224  width:32em; 
     225}        
     226#IE6-Bildweitenkorrektur { 
     227  width:32em; 
     228} 
     229 
     230 
     231    </style> 
     232<![endif]--> 
     233 
    215234 
    216235</head> 
    217236<!-- Für Mittenpositionierung: padding: 0; margin: 0; text-align: center; ind bodystyle /--> 
    218 <body style="background-color:#dceeee; background-image:url(./hintergrund.png); background-position 0 50%; background-repeat:no-repeat; padding: 0; margin: 0; text-align: center; "> 
    219  
    220  
    221 <p style="position:absolute; display:block; width:100%; top:-1em;; left:0px; text-align:center; background-color:#F30; color:#FFF"> 
     237<body style="background-color:#dceeee; background-image:url(./hintergrund.png); background-position: top center; background-repeat:no-repeat; padding: 0em; margin: 0em; text-align: center; "> 
     238 
     239 
     240<p style="position:absolute; display:block; width:100%; top:0em; left:0px; text-align:center; background-color:#F30; color:#FFF"> 
    222241 <b>Achtung: Baustelle! Mehr Informationen unten.</b> 
    223242</p>   
    … …  
    233252 
    234253<!-- Logo /--> 
    235  <div style="position:relative; top:2.25em; left:3.25em; width:522px; height:70px;  overflow:hidden; float:left;">  
     254<!-- <div style="position:relative; top:2.25em; left:3.25em; width:522px; height:70px;  overflow:hidden; float:left;"> /--> 
     255<div style="position:relative; top:2.25em; left:3.25em; width:54em; height:70px;  overflow:hidden; ">  
    236256   <object data="./neo_kopf_trac_522x50.svg" type="image/svg+xml" style="width:522px; height:50px; "> 
    237257            <param name="src" value="./neo_kopf_trac_522x50.svg"> 
    238258            <img src="./neo_kopf_trac_522x50.png"  alt="Neo – Ergonomisches Tastaturlayout"> 
    239259    </object> 
    240  </div> 
     260<!-- </div> /--> 
     261 
    241262<!-- Quicklinks /--> 
    242  <!-- <div style="position:relative; text-align:left; top:2.75em; left:53;"> /--> 
    243  <div style="position:relative; top:-1.65em; left:43em; width:246px; height:40px;"> 
    244   <a href="./neo20.exe"> 
    245      <img src="./tastentier_laechelnd.png" width="50px" height="34px" alt="quickdownload:Neo für Windows" title="quickdownload:Neo für Windows" border="0"> 
     263 
     264 
     265 
     266<!-- <div style="position:relative; top:-1.65em; left:43em; width:200px; height:40px;"> /--> 
     267 
     268   <!-- Achtung: Die Links sind auch jeweils in den SVG-Dateien kodiert! /--> 
     269 
     270   <object data="./tastentier_laechelnd_quicklink_windows.svg" type="image/svg+xml" style="width:50px; height:34px;  overflow:hidden; "> 
     271            <param name="src" value="./tastentier_laechelnd_quicklink_windows.svg"> 
     272            <a href="https://svn.neo-layout.org/windows/autohotkey/neo20.exe"> 
     273               <img src="./tastentier_laechelnd.png"  alt="quickdownload:Neo_Windows"  border="0"> 
     274            </a> 
     275    </object> 
     276 
     277   <object data="./tastentier_linksblickend_quicklink_linux.svg" type="image/svg+xml" style="width:50px; height:34px;  overflow:hidden; "> 
     278            <param name="src" value="./tastentier_linksblickend_quicklink_linux.svg"> 
     279            <a href="https://svn.neo-layout.org/linux/xmodmap/neo_de.xmodmap"> 
     280               <img src="./tastentier_linksblickend.png"  alt="quickdownload:Neo_Linux"  border="0"> 
     281            </a> 
     282    </object> 
     283 
     284   <object data="./tastentier_grinsend_quicklink_osx.svg" type="image/svg+xml" style="width:50px; height:34px;  overflow:hidden; "> 
     285            <param name="src" value="./tastentier_grinsend_quicklink_osx.svg"> 
     286            <a href="https://svn.neo-layout.org/mac_osx/neo.keylayout"> 
     287               <img src="./tastentier_grinsend.png"  alt="quickdownload:Neo_OS-X"  border="0"> 
     288            </a> 
     289    </object> 
     290 
     291 
     292 
     293 
     294 
     295<!-- 
     296 
     297  <a href="https://svn.neo-layout.org/windows/autohotkey/neo20.exe"> 
     298     <img src="./tastentier_laechelnd.png" width="50px" height="34px" alt="quickdownload:Neo_Windows" border="0"> 
    246299  </a> 
    247300  <a href="./neo_de.xmodmap"> 
    … …  
    251304     <img src="./tastentier_grinsend.png"  width="50px" height="34px" alt="quickdownload:Neo für Mac OS-X" title="quickdownload:Neo für Mac OS-X" border="0"> 
    252305  </a> 
     306/--> 
     307 
    253308  <a href="./neo_portable.zip"> 
    254309     <img src="./tastentier_usb.png"  width="40px" height="34px" alt="quickdownload:Neo-Portable für USB-Stick" title="quickdownload:Neo-Portable für USB-Stick" border="0"> 
    … …  
    257312<!-- /Quicklinks /--> 
    258313 
    259  
     314<!-- 
    260315<div style="height:2em; width:1em;"> 
    261316</div> 
    262   
    263  
    264  
    265 <div style="float:left;"> 
     317 /--> 
     318 
     319 
     320<div style="float:left; width:12em;"> 
    266321 
    267322<div id="Navigationsleiste" > 
    … …  
    302357  <div id="Navigationsunterpunkte" > 
    303358   <a id="Navigationseintrag"  
    304       style="text-align:center; padding-top:.5em; padding-bottom:.5em; border-top-size:0em; border-bottom-size:thin; border-bottom-color:#EEE; border-bottom-style:solid;"  
    305        href="http://linuxlibertine.sf.net"><img src="./signet_linuxlibertine.png" border="0" style=" opacity:.5;"  width="50%"><br>Libertine<br>Open Fonts</a> 
     359      style="text-align:center; padding-top:.5em; padding-bottom:.5em; border-bottom-color:#EEE; border-bottom-style:solid;"  
     360       href="http://linuxlibertine.sf.net"><img src="./signet_linuxlibertine.png" border="0" style=" opacity:.5; width:50%;"><br>Libertine<br>Open Fonts</a> 
    306361   <a id="Navigationseintrag"  
    307       style="text-align:center; padding-top:.5em; padding-bottom:.5em; border-top-size:0em; border-bottom-size:thin; border-bottom-color:#EEE; border-bottom-style:solid;"  
    308         href="http://dejavu.sourceforge.net"><img src="./signet_dejavu.png" border="0"  style=" opacity:.5;"   width="50%"><br>DejaVu<br>Font</a> 
     362      style="text-align:center; padding-top:.5em; padding-bottom:.5em; border-bottom-color:#EEE; border-bottom-style:solid;"  
     363        href="http://dejavu.sourceforge.net"><img src="./signet_dejavu.png" border="0"  style=" opacity:.5;  width:50%;" ><br>DejaVu<br>Font</a> 
    309364  </div> 
    310365</div> 
    … …  
    344399  <div style="min-width:650px; overflow:visible;"> 
    345400    <div id="linkbutton" style="text-align:center; "> 
    346         <a href="./index_ebene1.html"  style="border-color:#56b; color:#23b" onclick="Tastenebenenwechsel_nach(1); return false;" id="ebenenreiter1" > Ebene1</a> 
    347         <a href="./index_ebene2.html" onclick="Tastenebenenwechsel_nach(2); return false;"  style="" id="ebenenreiter2">Ebene2</a> 
    348         <a href="./index_ebene3.html" onclick="Tastenebenenwechsel_nach(3); return false;"  style="" id="ebenenreiter3">Ebene3</a> 
    349         <a href="./index_ebene4.html" onclick="Tastenebenenwechsel_nach(4); return false;"  style="" id="ebenenreiter4">Ebene4</a> 
    350         <a href="./index_ebene5.html" onclick="Tastenebenenwechsel_nach(5); return false;"  style="" id="ebenenreiter5">Ebene5</a> 
    351         <a href="./index_ebene6.html" onclick="Tastenebenenwechsel_nach(6); return false;"  style="" id="ebenenreiter6">Ebene6</a> 
     401        <a href="./index_ebene1.html"  style="border-color:#56b; color:#23b" onclick="Tastaturbildwechsel_nach(1); return false;" id="ebenenreiter1" > Ebene1</a> 
     402        <a href="./index_ebene2.html" onclick="Tastaturbildwechsel_nach(2); return false;"  style="" id="ebenenreiter2">Ebene2</a> 
     403        <a href="./index_ebene3.html" onclick="Tastaturbildwechsel_nach(3); return false;"  style="" id="ebenenreiter3">Ebene3</a> 
     404        <a href="./index_ebene4.html" onclick="Tastaturbildwechsel_nach(4); return false;"  style="" id="ebenenreiter4">Ebene4</a> 
     405        <a href="./index_ebene5.html" onclick="Tastaturbildwechsel_nach(5); return false;"  style="" id="ebenenreiter5">Ebene5</a> 
     406        <a href="./index_ebene6.html" onclick="Tastaturbildwechsel_nach(6); return false;"  style="" id="ebenenreiter6">Ebene6</a> 
    352407    </div> 
    353408  </div> 
    354409 
    355410  <div> 
    356    <img src="./tastatur_ebene1.png"  name="tastaturbild" /> 
     411   <img src="./tastatur_ebene1.png"  name="tastaturbild" id="IE6-Bildweitenkorrektur" /> 
    357412  </div> 
    358413 
    … …  
    434489<!--------------------------------------------------/--> 
    435490<div id="Hauptfeld"> 
    436   <div id="Bildcontainer_rechts"  style="11margin-top:0em;"> 
    437     <img id="Bild" src="testbild2.png" /> 
     491  <div id="Bildcontainer_rechts" >  <!-- style="margin-top:0em;" > /-->  
     492    <img id="Bild" src="tastentierchen_zwinkert.gif" /> 
    438493    <div id="Bildtext"> Ein Tasten&shy;tierchen als Quick&shy;download&shy;link. </div> 
    439494 </div> 
    … …  
    466521 
    467522 
    468 <div style="height:4em;">&nbsp;</div> 
     523<!-- </div>  rechts /--> 
    469524 
    470525</div>