Commit abc64efa83fbc9ae9abb92985694349b804c796f
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
Showing
4 changed files
with
111 additions
and
23 deletions
@@ -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 */ |
dummy.html
0 → 100644
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"> </td> | ||
33 | - <td style="vertical-align: middle"> | 31 | + <td><?=_('update')?></td> |
32 | + <td> </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