Tabelle unter Input positionieren?
0 0 0 0 
at
Tabelle unter Input positionieren?
Hallo Miteinander,
Ich arbeite an einem Sudoku-Projekt. Ich möchte in einer Zelle eine Tabelle mit "gemerkten Zahlen" im Hintergrund und ein transparentes Input ohne border im Vordergrund haben.
Ich hatte zuerst daran gedacht, die gemerkten Zahlen als Bild in den Hintergrund einzufügen, allerdings gibt es dann 511 Kombinationen :/ Dann kam ich auf die z-align-Eigenschaft, aber damit hab ich es auch nicht hingekriegt.
Könnt Ihr mir helfen?
mfg pk
--
-
Hi,
du positionierst die Zelle wo beides drin ist, am besten mit position:relative.
Dann den table und das input beide mit position:absolute, und top:0 und left:0 (bzw. jenachdem wo du sie relativ zur Zelle haben willst).
Die Eigenschaft heißt nicht z-align sondern z-index. Die setzt du dann beim input 1 höher als bei der Tabelle.
Das input musst du dann noch transparent machen (opacity, bzw. filter: Alpha... für den IE).
Gruß!
-
Hi,
Das input musst du dann noch transparent machen (opacity, bzw. filter: Alpha... für den IE).
background:transparent sollte wohl ausreichen - denn die eingegebene Zahl soll man vermutlich nach wie vor lesen koennen.
MfG ChrisB
--
"The Internet: Technological marvel of marvels - but if you don't know *what* you're lookin' for on the Internet, it is nothing but a time-sucking vortex from hell."-
Hi,
erstmal danke für die Hilfe. Aber leider funktioniert es nicht richtig.. jetzt wird das input über das table geschrieben, aber beides ganz links oben im Fenster.
Habe übrigens z-index verwendet, hab das hier im Forum nur falsch geschrieben ;)<td class="sdkcell" style="z-index: 9; position: relative;"><tr> <table style="border: none; position: absolute; top: 0; left: 0;"> <td><img src="1.png" alt="" border="0"></td> <td><img src="2.png" alt="" border="0"></td> <td><img src="3.png" alt="" border="0"></td> </tr> <tr> <td><img src="4.png" alt="" border="0"></td> <td><img src="leer.png" alt="" border="0"></td> <td><img src="6.png" alt="" border="0"></td> </tr> <tr> <td><img src="7.png" alt="" border="0"></td> <td><img src="8.png" alt="" border="0"></td> <td><img src="9.png" alt="" border="0"></td> </tr> </table> <input type="text" class="sdkinp" maxlength=1 id="sdk_(0|0|0|0)" style="z-index: 10; top: 0; left: 0; position: absolute; border: 1px solid blue; background: transparent;"> </td>mfg pk
--
-
Hallo.
Aber leider funktioniert es nicht richtig.
Befasse dich mit der korrekten Verschachtelung von Tabellenelementen und validiere deinen HTML-Code, bevor du dich an das CSS begibst.
MfG, at
-
-
-