| ... |
... |
@@ -11,20
+11,11 @@ |
| 11 |
11 |
Ein als Base64-String kodiertes Bild kann einfach im CSS eingefügt werden: |
| 12 |
12 |
|
| 13 |
13 |
{{code language="css"}} |
| 14 |
|
-.modern .XHeader { |
| 15 |
|
- background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAA5SURBVBhXdY1LFgAgCAK5/6UNQ6mFzkLj4wuxkxlQDT5MSrue5onbXjKimJTUIr8rurL9Z2u+G4g4ozy8RKSwCIwAAAAASUVORK5CYII=); |
| 16 |
|
- background-repeat: no-repeat; |
| 17 |
|
- background-position-x: 10px; |
| 18 |
|
- background-position-y: 10px; |
| 19 |
|
- background-size: auto 40px; |
| 20 |
|
- height: 60px; |
| 21 |
|
-} |
|
14 |
+TBD |
| 22 |
22 |
{{/code}} |
| 23 |
23 |
|
| 24 |
|
-Die weiteren CSS dienen zur Positionierung des Bildes und zum Festelgen der Höhe des Headers. |
|
17 |
+Zu beachten ist hierbei, dass dadurch das Bild bei jedem Aufruf des Formulars der gesamte Inhalt übertragen wird, da die Cachingmechanismen der Webbrowser für Dateien hier nicht greifen. |
| 25 |
25 |
|
| 26 |
|
-Zu beachten ist hierbei, dass bei der Einbindung des Bildes als base64-String bei jedem Aufruf des Formulars das Bild erneut mitübertragen wird, da die Cachingmechanismen der Webbrowser für Dateien hier nicht greifen. |
| 27 |
|
- |
| 28 |
28 |
=== Verwenden eines extern gehosteten Bildes === |
| 29 |
29 |
|
| 30 |
30 |
{{code language="css"}} |