discontinued / image-manager · Commits

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
Inline Side-by-side
Showing 4 changed files with 111 additions and 23 deletions
  1 +- Fix class change for the owner and photographer Titel in IE
... ...
... ... @@ -22,8 +22,10 @@ switch ($_SERVER["HTTP_HOST"])
22 22
23 23 // Evolver
24 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 31 define ('IMGURL', BASEURL . 'img/');
... ... @@ -36,7 +38,6 @@ define ('CSSDIR', BASEURL . 'css/');
36 38 define ('FONTURL', BASEURL . 'fonts/');
37 39 define ('CACHEURL', BASEURL . 'cache/');
38 40
39   -define ('BASESURL', "https://localhost/~georg/bilder/");
40 41 define ('IMGSURL', BASESURL . 'img/');
41 42
42 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 22 <div class="bgc-bg1 d-bg1 f-bg1">
23 23 <form id="pForm" onSubmit="return false">
24 24 <div>
25   - <table width="100%"><tr>
26   - <td style="vertical-align: middle">
  25 + <table cellspacing="0"><tr>
  26 + <td>
27 27 <input type="checkbox" id="update" name="action"
28 28 value="update" disabled="true"
29 29 onClick="pInUp.updateForm ()" />
30 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 34 <input type="checkbox" id="insert" name="action"
35 35 value="insert"
36 36 onClick="pInUp.updateForm ()" />
37 37 </td>
38   - <td style="vertical-align: middle"><?=_('insert')?></td>
  38 + <td><?=_('insert')?></td>
39 39 <td align="right" width="100%">
40 40 <input type="button" id="submit"
41 41 onClick="alert (person.personId + ',' +
... ... @@ -111,13 +111,17 @@
111 111 <div class="bgc-grp1 d-grp1" style="margin-top: 2px">
112 112 <div class="bgc-grp-head1 f-grp-head-unset1 d-grp-head1"
113 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 125 </div>
122 126 <div style="display: none">
123 127 <div class="bgc-box1 f-box1 d-box1">
... ... @@ -137,13 +141,17 @@
137 141 <div class="bgc-grp1 d-grp1" style="margin-top: 2px">
138 142 <div class="bgc-grp-head1 f-grp-head-unset1 d-grp-head1"
139 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 155 </div>
148 156 <div style="display: none">
149 157 <div class="bgc-box1 f-box1 d-box1">
... ...
Please register or login to post a comment