Frage HTML-Seite komplett horizontal spiegeln
- Ersteller vi-doc
- Erstellt am
Hi Alex,
das mit dem rtl / ltr schreibt den Text nicht spiegelverkehrt, sondern "nur" anstatt von links gestartet, rechts gestartet.
Bei meinen Kunden steht der Bildschirm hinter dem Betrachter und wird über einen Spiegel betrachtet.
Leider reicht da deine Lösung noch nicht :-(
LG
Victoria
das mit dem rtl / ltr schreibt den Text nicht spiegelverkehrt, sondern "nur" anstatt von links gestartet, rechts gestartet.
Bei meinen Kunden steht der Bildschirm hinter dem Betrachter und wird über einen Spiegel betrachtet.
Leider reicht da deine Lösung noch nicht :-(
LG
Victoria
B
bdt600
Guest
Gib' mal einen Link zu deiner Seite
webana
Mitglied
Ist mir gestern auch aufgefallen als ich nochmal an den Spiegel Dachte ... Aber normal ist das auch nicht ...
Vor allem mal stellt sich die Frage, wieso ist die Seite überhaupt gespiegelt.
Es bringt a jetzt nicht eine Seite die durch ein zb javascript gespiegelt wird, mit zb css zurück zu spiegeln !?
Gruß Alex
Vor allem mal stellt sich die Frage, wieso ist die Seite überhaupt gespiegelt.
Es bringt a jetzt nicht eine Seite die durch ein zb javascript gespiegelt wird, mit zb css zurück zu spiegeln !?
Gruß Alex
H allo zusammen,
die W ebseite ist für O ptiker die einen S ehtest machen. J eder O ptiker hat seine eigenen S eite. Für
O ptiker M eier die S eite z.B. www.xyz./sehtest/M eier, für O ptiker S chulz z.B. die S eite www.xyz./sehtest/S chulz
In jedem V erzeichnis liegt eine einzelne index.php, die im S ekundentakt einen refresh macht und damit aus einer D atenbank HTML - I nfos holt. Diese HTML - I nfos generiert der O ptiker über eine andere Seite mit einer Art „S kriptgenerator“. Das alles läuft schon seit langer Z eit wunderbar.
J edoch habe ich O ptiker, bei denen der B ildschirm worauf der B rillenkunde beim S ehtest schaut, nicht weit genug weg gestellt werden kann (5m). Bei zu geringem S ehtestabstand machen die sich dann mit der bisherigen „P rojektortechneik“ einfach S piegel zunutze, über die sie die
E ntfernung vervielfältigen können, allerdings müssen die S ehzeichen dann spiegelverkehrt dargestellt werden.
Bei meiner L ösung schauen die nun das ganze nicht mehr auf einer „L einwand“ an, sondern über einen B ildschirm.
I ch habe annähernd 100 Skripte programmiert die einen HTML-C ode generieren den die O ptiker mit dem S criptgenerator in die D atenbank schreiben und mit denen die entsprechenden S ehtests auf dem B ildschirm dargestellt werden. Ich müsste nun für die „S piegellösung“ alle komplett neu aufbauen, es sei denn es gibt nen T rick…
Gruß
Victoria
Mein Code sieht im Prinzip immer ähnlich wie folgt aus:
<div style="position: absolute; width: 100%; height: 100%; margin: -9px; z-index: 7; background-image: url('/refraktion/bilder/1.jpg')" id="Ebene1">
</div><div style="position: absolute; width: 33%; height: 36%; z-index: 8; left: 34%; top: 30%; opacity: y11; background-color: #FFFFFF" id="Tansparenter_Hintergrund">
<p align="center">
<img border="0" src=" /refraktion/bilder/zahlen/r_x1-79p.jpg" width="79" height="79" hspace="19" vspace="30">
<img border="0" src="/refraktion/bilder/zahlen/r_x2-60p.jpg" width="60" height="60" hspace="19" vspace="30">
<img border="0" src="/refraktion/bilder/zahlen/r_x3-48p.jpg" width="48" height="48" hspace="19" vspace="30">
<img border="0" src="/refraktion/bilder/zahlen/r_x4-41p.jpg" width="41" height="41" hspace="19" vspace="30">
<img border="0" src="/refraktion/bilder/zahlen/r_x5-30p.jpg" width="30" height="30" hspace="19" vspace="30">
<img border="0" src="/refraktion/bilder/zahlen/r_x6-24p.jpg" width="24" height="24" hspace="19" vspace="30"></p>
<div style="position: absolute; width: 100%; height: 1%; z-index: 1; left: 0px; top: 50%; background-color: #dedede" id="Ebene2">
div>
<p align="center">
<img border="0" src="/refraktion/bilder/zahlen/l_x7-79p.jpg" width="79" height="79" hspace="19" vspace="57">
<img border="0" src="/refraktion/bilder/zahlen/l_x8-60p.jpg" width="60" height="60" hspace="19" vspace="57">
<img border="0" src="/refraktion/bilder/zahlen/l_x9-48p.jpg" width="48" height="48" hspace="19" vspace="57">
<img border="0" src="/refraktion/bilder/zahlen/l_y10-41p.jpg" width="41" height="41" hspace="19" vspace="57">
<img border="0" src="/refraktion/bilder/zahlen/l_x2-30p.jpg" width="30" height="30" hspace="19" vspace="57">
<img border="0" src="/refraktion/bilder/zahlen/l_x4-24p.jpg" width="24" height="24" hspace="19" vspace="57"></p>
die W ebseite ist für O ptiker die einen S ehtest machen. J eder O ptiker hat seine eigenen S eite. Für
O ptiker M eier die S eite z.B. www.xyz./sehtest/M eier, für O ptiker S chulz z.B. die S eite www.xyz./sehtest/S chulz
In jedem V erzeichnis liegt eine einzelne index.php, die im S ekundentakt einen refresh macht und damit aus einer D atenbank HTML - I nfos holt. Diese HTML - I nfos generiert der O ptiker über eine andere Seite mit einer Art „S kriptgenerator“. Das alles läuft schon seit langer Z eit wunderbar.
J edoch habe ich O ptiker, bei denen der B ildschirm worauf der B rillenkunde beim S ehtest schaut, nicht weit genug weg gestellt werden kann (5m). Bei zu geringem S ehtestabstand machen die sich dann mit der bisherigen „P rojektortechneik“ einfach S piegel zunutze, über die sie die
E ntfernung vervielfältigen können, allerdings müssen die S ehzeichen dann spiegelverkehrt dargestellt werden.
Bei meiner L ösung schauen die nun das ganze nicht mehr auf einer „L einwand“ an, sondern über einen B ildschirm.
I ch habe annähernd 100 Skripte programmiert die einen HTML-C ode generieren den die O ptiker mit dem S criptgenerator in die D atenbank schreiben und mit denen die entsprechenden S ehtests auf dem B ildschirm dargestellt werden. Ich müsste nun für die „S piegellösung“ alle komplett neu aufbauen, es sei denn es gibt nen T rick…
Gruß
Victoria
Mein Code sieht im Prinzip immer ähnlich wie folgt aus:
<div style="position: absolute; width: 100%; height: 100%; margin: -9px; z-index: 7; background-image: url('/refraktion/bilder/1.jpg')" id="Ebene1">
</div><div style="position: absolute; width: 33%; height: 36%; z-index: 8; left: 34%; top: 30%; opacity: y11; background-color: #FFFFFF" id="Tansparenter_Hintergrund">
<p align="center">
<img border="0" src=" /refraktion/bilder/zahlen/r_x1-79p.jpg" width="79" height="79" hspace="19" vspace="30">
<img border="0" src="/refraktion/bilder/zahlen/r_x2-60p.jpg" width="60" height="60" hspace="19" vspace="30">
<img border="0" src="/refraktion/bilder/zahlen/r_x3-48p.jpg" width="48" height="48" hspace="19" vspace="30">
<img border="0" src="/refraktion/bilder/zahlen/r_x4-41p.jpg" width="41" height="41" hspace="19" vspace="30">
<img border="0" src="/refraktion/bilder/zahlen/r_x5-30p.jpg" width="30" height="30" hspace="19" vspace="30">
<img border="0" src="/refraktion/bilder/zahlen/r_x6-24p.jpg" width="24" height="24" hspace="19" vspace="30"></p>
<div style="position: absolute; width: 100%; height: 1%; z-index: 1; left: 0px; top: 50%; background-color: #dedede" id="Ebene2">
div>
<p align="center">
<img border="0" src="/refraktion/bilder/zahlen/l_x7-79p.jpg" width="79" height="79" hspace="19" vspace="57">
<img border="0" src="/refraktion/bilder/zahlen/l_x8-60p.jpg" width="60" height="60" hspace="19" vspace="57">
<img border="0" src="/refraktion/bilder/zahlen/l_x9-48p.jpg" width="48" height="48" hspace="19" vspace="57">
<img border="0" src="/refraktion/bilder/zahlen/l_y10-41p.jpg" width="41" height="41" hspace="19" vspace="57">
<img border="0" src="/refraktion/bilder/zahlen/l_x2-30p.jpg" width="30" height="30" hspace="19" vspace="57">
<img border="0" src="/refraktion/bilder/zahlen/l_x4-24p.jpg" width="24" height="24" hspace="19" vspace="57"></p>
Zuletzt bearbeitet:
S
Sempervivum
Guest
Mit CSS kannst Du Inhalte spiegelverkehrt darstellen:
https://css-tricks.com/snippets/css/flip-an-image/
Funktioniert mit beliebigen Inhalten, wenn Du das CSS auf einen umgebenden Container oder auf das Body-Tag anwendest.
https://css-tricks.com/snippets/css/flip-an-image/
Funktioniert mit beliebigen Inhalten, wenn Du das CSS auf einen umgebenden Container oder auf das Body-Tag anwendest.
Zuletzt bearbeitet von einem Moderator: