Commit abc64efa83fbc9ae9abb92985694349b804c796f

Authored by Georg Hopp
1 parent 22ebfe90

Die Aufklappbuttons zentriere ich jetzt ueber eine Tabelle nachdem ich Stunden d…

…amit verbracht habe ein div loesung zu finden...erfolglos natuerlich
  1 +- Fix class change for the owner and photographer Titel in IE
@@ -22,8 +22,10 @@ switch ($_SERVER["HTTP_HOST"]) @@ -22,8 +22,10 @@ switch ($_SERVER["HTTP_HOST"])
22 22
23 // Evolver 23 // Evolver
24 default: 24 default:
25 - define ('BASEURL', "http://localhost/~georg/bilder/");  
26 - define ('BASESURL', "https://localhost/~georg/bilder/"); 25 + define ('BASEURL',
  26 + "http://" . $_SERVER["HTTP_HOST"] . "/~georg/bilder/");
  27 + define ('BASESURL',
  28 + "https://" . $_SERVER["HTTP_HOST"] . "/~georg/bilder/");
27 } 29 }
28 30
29 define ('IMGURL', BASEURL . 'img/'); 31 define ('IMGURL', BASEURL . 'img/');
@@ -36,7 +38,6 @@ define ('CSSDIR', BASEURL . 'css/'); @@ -36,7 +38,6 @@ define ('CSSDIR', BASEURL . 'css/');
36 define ('FONTURL', BASEURL . 'fonts/'); 38 define ('FONTURL', BASEURL . 'fonts/');
37 define ('CACHEURL', BASEURL . 'cache/'); 39 define ('CACHEURL', BASEURL . 'cache/');
38 40
39 -define ('BASESURL', "https://localhost/~georg/bilder/");  
40 define ('IMGSURL', BASESURL . 'img/'); 41 define ('IMGSURL', BASESURL . 'img/');
41 42
42 /* Basisklassen & Funktionen */ 43 /* Basisklassen & Funktionen */
  1 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2 + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3 +<html>
  4 + <head>
  5 + <title>Die Eigenschaft vertical-align</title>
  6 +
  7 + <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  8 +
  9 + <style type="text/css">
  10 + .test { line-height: 2; font-size: 4em;}
  11 + .test span {font-size: 0.3em;}
  12 + .baseline {vertical-align: baseline;}
  13 + .middle {vertical-align: middle;}
  14 + .sub {vertical-align: super;}
  15 + .text-top {vertical-align: text-top;}
  16 + .text-bottom {vertical-align: text-bottom;}
  17 + .percentage {vertical-align: 30%; }
  18 + .length {vertical-align: 30px;}
  19 + .top {vertical-align: top;}
  20 + .bottom {vertical-align: bottom;}
  21 + td {height:150px; }
  22 + </style>
  23 + </head>
  24 +
  25 + <body>
  26 + <div class="test" style="border: 1px solid black">Gq
  27 + <span class="baseline">baseline</span>
  28 +
  29 + <span class="middle">middle</span>
  30 + <span class="sub">sub</span>
  31 + <span class="super">super</span>
  32 + <span class="text-top">text-top</span>
  33 +
  34 + <span class="text-bottom">text-bottom</span>
  35 + <span class="percentage">30%</span>
  36 + <span class="length">30px</span>
  37 + <span class="top">top</span>
  38 +
  39 + <span class="bottom">bottom</span>
  40 + </div>
  41 +
  42 + <div style="border: 1px solid black">
  43 + <img src="testbild.jpg" alt="testbild" width="50" eight="150">
  44 + <span class="baseline">baseline</span>
  45 +
  46 + <span class="middle">middle</span>
  47 + <span class="sub">sub</span>
  48 + <span class="super">super</span>
  49 + <span class="text-top">text-top</span>
  50 +
  51 + <span class="text-bottom">text-bottom</span>
  52 + <span class="percentage">30%</span>
  53 + <span class="length">30px</span>
  54 + <span class="top">top</span>
  55 +
  56 + <span class="bottom">bottom</span>
  57 + </div>
  58 +
  59 + <table style="border: 1px solid black">
  60 + <tr>
  61 + <td width="100">
  62 + <p>
  63 + Hier einfach mal ein wenig Text hin, um die Tabelle höher zu
  64 + bekommen. Und noch ein wenig Text, damit die Tabelle zur
  65 + Demonstration etwas höher wird.
  66 + </p>
  67 + </td>
  68 + <td class="baseline">baseline</td>
  69 + <td class="middle">middle</td>
  70 +
  71 + <td class="percentage">30%</td>
  72 + <td class="length">30px</td>
  73 + <td class="top">top</td>
  74 + <td class="bottom">bottom</td>
  75 + </tr>
  76 + </table>
  77 + </body>
  78 +</html>
@@ -22,20 +22,20 @@ @@ -22,20 +22,20 @@
22 <div class="bgc-bg1 d-bg1 f-bg1"> 22 <div class="bgc-bg1 d-bg1 f-bg1">
23 <form id="pForm" onSubmit="return false"> 23 <form id="pForm" onSubmit="return false">
24 <div> 24 <div>
25 - <table width="100%"><tr>  
26 - <td style="vertical-align: middle"> 25 + <table cellspacing="0"><tr>
  26 + <td>
27 <input type="checkbox" id="update" name="action" 27 <input type="checkbox" id="update" name="action"
28 value="update" disabled="true" 28 value="update" disabled="true"
29 onClick="pInUp.updateForm ()" /> 29 onClick="pInUp.updateForm ()" />
30 </td> 30 </td>
31 - <td style="vertical-align: middle"><?=_('update')?></td>  
32 - <td style="vertical-align: middle">&nbsp;&nbsp;</td>  
33 - <td style="vertical-align: middle"> 31 + <td><?=_('update')?></td>
  32 + <td>&nbsp;&nbsp;</td>
  33 + <td>
34 <input type="checkbox" id="insert" name="action" 34 <input type="checkbox" id="insert" name="action"
35 value="insert" 35 value="insert"
36 onClick="pInUp.updateForm ()" /> 36 onClick="pInUp.updateForm ()" />
37 </td> 37 </td>
38 - <td style="vertical-align: middle"><?=_('insert')?></td> 38 + <td><?=_('insert')?></td>
39 <td align="right" width="100%"> 39 <td align="right" width="100%">
40 <input type="button" id="submit" 40 <input type="button" id="submit"
41 onClick="alert (person.personId + ',' + 41 onClick="alert (person.personId + ',' +
@@ -111,13 +111,17 @@ @@ -111,13 +111,17 @@
111 <div class="bgc-grp1 d-grp1" style="margin-top: 2px"> 111 <div class="bgc-grp1 d-grp1" style="margin-top: 2px">
112 <div class="bgc-grp-head1 f-grp-head-unset1 d-grp-head1" 112 <div class="bgc-grp-head1 f-grp-head-unset1 d-grp-head1"
113 id="title_photographer"> 113 id="title_photographer">
114 - <img style="  
115 - position: relative;  
116 - float: right;  
117 - margin-right: 3px;  
118 - cursor: pointer"  
119 - onClick="pInUp.showHideBlock ('title_photographer')" />  
120 - <?=_('photographer')?> 114 + <table cellspacing="0">
  115 + <tr><td>
  116 + <?=_('photographer')?>
  117 + </td><td width="100%" align="right">
  118 + <img style="
  119 + margin-right: 3px;
  120 + float: right;
  121 + cursor: pointer"
  122 + onClick="pInUp.showHideBlock ('title_photographer')" />
  123 + </td></tr>
  124 + </table>
121 </div> 125 </div>
122 <div style="display: none"> 126 <div style="display: none">
123 <div class="bgc-box1 f-box1 d-box1"> 127 <div class="bgc-box1 f-box1 d-box1">
@@ -137,13 +141,17 @@ @@ -137,13 +141,17 @@
137 <div class="bgc-grp1 d-grp1" style="margin-top: 2px"> 141 <div class="bgc-grp1 d-grp1" style="margin-top: 2px">
138 <div class="bgc-grp-head1 f-grp-head-unset1 d-grp-head1" 142 <div class="bgc-grp-head1 f-grp-head-unset1 d-grp-head1"
139 id="title_owner"> 143 id="title_owner">
140 - <img style="  
141 - position: relative;  
142 - float: right;  
143 - margin-right: 3px;  
144 - cursor: pointer"  
145 - onClick="pInUp.showHideBlock ('title_owner')" />  
146 - <?=_('owner')?> 144 + <table cellspacing="0">
  145 + <tr><td>
  146 + <?=_('owner')?>
  147 + </td><td width="100%" align="right">
  148 + <img style="
  149 + float: right;
  150 + margin-right: 3px;
  151 + cursor: pointer"
  152 + onClick="pInUp.showHideBlock ('title_owner')" />
  153 + </td></tr>
  154 + </table>
147 </div> 155 </div>
148 <div style="display: none"> 156 <div style="display: none">
149 <div class="bgc-box1 f-box1 d-box1"> 157 <div class="bgc-box1 f-box1 d-box1">
Please register or login to post a comment