amel: checkbox unsichtbar, aber warum?!??!

SELF-Forum

checkbox unsichtbar, aber warum?!??!

amel
– Informationen zu den Bewertungsregeln

Hallo!!

Folgendes Problem: Möchte im Anschluss auf ein DIV eine Checkbox hinstellen aber wenn ich es mache ist sie unsichtbar?!?! Nur ich weiß nicht warum! Hab wahrscheinlich einen Denkfehler drinn aber ich seh ihn nicht (schon seit 8h hinter dem her). Daher bitte ich euch mir zu helfen, DANKE!

Script:

<table>
<tr>
<td Style="width:150px">
 <form name="Formular" Style="align:center">
 <input type="button" Style="width:125px" value="Zeile einfügen" onClick="ZeileEinfuegen()">
 <input type="button" Style="width:125px" value="Zeile löschen" onClick="ZeileLoeschen()">
 </form>
</td>
<td>
 <DIV STYLE="position:absolute; width:298px; height:35px; z-index:2; overflow:auto">
 <table cellspacing="0" border="1" Style="background-color:0066EE; color:FFFFFF">
 <tr>
 <td width="20" height="28" align="center">c</td>
 <td width="18" height="28" align="center">i</td>
 <td width="83" height="28" align="center"><b>Name</b></td>
 <td width="71" height="28" align="center"><b>Vorname</b></td>
 <td width="83" height="28" align="center"><b>Geburtstag</b></td>
 </tr>
 </table>
 </DIV>
 <DIV STYLE="position:absolute; width:314px; height:198px; z-index:1; overflow:auto;

background-image:url(Tabelle-Body1.bmp)">
 <table id="Tabelle" cellspacing="0" border="1" Style="background-color:#CCCCFF; overflow:auto">
 <tr>
 <td><input id="0" type=checkbox></td><td width="18" id="0n" align="center">0</td><td><input id="0a" type=text

size="10"></td> <td><input id="0b" type=text size="8"></td> <td><input id="0c" type=text size="10"></td>
 </tr>
 <tr>
 <td><input id="1" type=checkbox></td><td width="18" id="1n" align="center">1</td><td><input id="1a" type=text

size="10"></td> <td><input id="1b" type=text size="8"></td> <td><input id="1c" type=text size="10"></td>
 </tr>
 </table>
 </DIV>
 <input type="checkbox">alle auswählen  <--- das ist diese checkbox!!
</td>
</tr>
</table>

Gruß Amel.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. checkbox unsichtbar, aber warum?!??!

    Eternius Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo,

    das ist kein wunder, wenn du die divs direkt über die checkbox legst.

    guck mal hier:
    <table>
    <tr>
    <td Style="width:150px">
     <form name="Formular" Style="align:center">
     <input type="button" Style="width:125px" value="Zeile einfügen" onClick="ZeileEinfuegen()">
     <input type="button" Style="width:125px" value="Zeile löschen" onClick="ZeileLoeschen()">
     </form>
    </td>
    <td>
          <DIV STYLE="position:absolute; width:298px; height:35px; z-index:2; overflow:auto; left: 173px; top: 164px">
            <table cellspacing="0" border="1" Style="background-color:0066EE; color:FFFFFF">
     <tr>
     <td width="20" height="28" align="center">c</td>
     <td width="18" height="28" align="center">i</td>
     <td width="83" height="28" align="center"><b>Name</b></td>
     <td width="71" height="28" align="center"><b>Vorname</b></td>
     <td width="83" height="28" align="center"><b>Geburtstag</b></td>
     </tr>
     </table>
     </DIV>
          <DIV STYLE="position:absolute; width:314px; height:198px; z-index:1; overflow:auto;

    background-image:url(Tabelle-Body1.bmp); left: 514px; top: 159px">
            <table id="Tabelle" cellspacing="0" border="1" Style="background-color:#CCCCFF; overflow:auto">
     <tr>
     <td><input id="0" type=checkbox></td><td width="18" id="0n" align="center">0</td><td><input id="0a" type=text

    size="10"></td> <td><input id="0b" type=text size="8"></td> <td><input id="0c" type=text size="10"></td>
     </tr>
     <tr>
     <td><input id="hans" type=checkbox></td><td width="18" id="1n" align="center">1</td><td><input id="1a" type=text

    size="10"></td> <td><input id="1b" type=text size="8"></td> <td><input id="1c" type=text size="10"></td>
     </tr>
     </table>
     </DIV>
     <input type="checkbox">alle auswählen  <--- das ist diese checkbox!!
    </td>
    </tr>
    </table>

    gruss

    --
    no strict;
    no warnings;
    Über eine Rückmeldung freut sich später jeder, der das gleiche Problem hat und im Archiv nach einer Lösung sucht.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. checkbox unsichtbar, aber warum?!??!

      amel
      – Informationen zu den Bewertungsregeln

      ähmmm ich merke nicht was du geändert hast?!? kannst du es mir noch einmal erklären?!? Bitte danke!

      ?S: Die checkbox im DIV drinn sind von einer tabelle und die sollen da drinn bleiben!! Den den ich meine habe ich ja extra gekennzeichnet.

      Gruß

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. checkbox unsichtbar, aber warum?!??!

        Eternius Homepage des Autors
        – Informationen zu den Bewertungsregeln

        vielleicht hab ich den falschen code hineingepostet, ich hab einfach mal die divs an eine andere stelle gezogen,
        nimm mal das hier mach ne neue datei und dann guck noch mal:

        <table>
        <tr>
        <td Style="width:150px">
         <form name="Formular" Style="align:center">
         <input type="button" Style="width:125px" value="Zeile einfügen" onClick="ZeileEinfuegen()">
         <input type="button" Style="width:125px" value="Zeile löschen" onClick="ZeileLoeschen()">
         </form>
        </td>
        <td>
              <DIV STYLE="position:absolute; width:298px; height:35px; z-index:2; overflow:auto; left: 173px; top: 164px">
                <table cellspacing="0" border="1" Style="background-color:0066EE; color:FFFFFF">
         <tr>
         <td width="20" height="28" align="center">c</td>
         <td width="18" height="28" align="center">i</td>
         <td width="83" height="28" align="center"><b>Name</b></td>
         <td width="71" height="28" align="center"><b>Vorname</b></td>
         <td width="83" height="28" align="center"><b>Geburtstag</b></td>
         </tr>
         </table>
         </DIV>
              <DIV STYLE="position:absolute; width:314px; height:198px; z-index:1; overflow:auto;

        background-image:url(Tabelle-Body1.bmp); left: 514px; top: 159px">
                <table id="Tabelle" cellspacing="0" border="1" Style="background-color:#CCCCFF; overflow:auto">
         <tr>
         <td><input id="0" type=checkbox></td><td width="18" id="0n" align="center">0</td><td><input id="0a" type=text

        size="10"></td> <td><input id="0b" type=text size="8"></td> <td><input id="0c" type=text size="10"></td>
         </tr>
         <tr>
         <td><input id="hans" type=checkbox></td><td width="18" id="1n" align="center">1</td><td><input id="1a" type=text

        size="10"></td> <td><input id="1b" type=text size="8"></td> <td><input id="1c" type=text size="10"></td>
         </tr>
         </table>
         </DIV>
         <input type="checkbox">alle auswählen  <--- das ist diese checkbox!!
        </td>
        </tr>
        </table>

        dann siehst du auch die checkbox und das sie von den anderen divs überdeckt wird ;-)

        gruss

        --
        no strict;
        no warnings;
        Über eine Rückmeldung freut sich später jeder, der das gleiche Problem hat und im Archiv nach einer Lösung sucht.
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. checkbox unsichtbar, aber warum?!??!

          amel
          – Informationen zu den Bewertungsregeln

          ja da hast schon recht nur ich möchte dass die checkbox genau unter den DIVs ist es ist ja eine Tabelle in den oberen DIV mit checkboxen in den Zeilen und aber mit dem klich auf diese Checkbox unterhalb soll einfach die funktion alleauswählen() aufgerufen werden und aus diesem Grund ist es ganz schön wenn es unterbei ist!! Weißt was ich meine!?!

          Gruß Amel.

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. checkbox unsichtbar, aber warum?!??!

            Eternius Homepage des Autors
            – Informationen zu den Bewertungsregeln

            ja da hast schon recht nur ich möchte dass die checkbox genau unter den DIVs ist es ist ja eine Tabelle in den oberen DIV mit checkboxen in den Zeilen und aber mit dem klich auf diese Checkbox unterhalb soll einfach die funktion alleauswählen() aufgerufen werden und aus diesem Grund ist es ganz schön wenn es unterbei ist!! Weißt was ich meine!?!

            ich hoffe :-)

            ich hab bei den divs das position:absolute im style weggenommen und dafür display:block eingefügt, hoffe das isses

            <table>
            <tr>
            <td Style="width:150px">
             <form name="Formular" Style="align:center">
             <input type="button" Style="width:125px" value="Zeile einfügen" onClick="ZeileEinfuegen()">
             <input type="button" Style="width:125px" value="Zeile löschen" onClick="ZeileLoeschen()">
             </form>
            </td>
            <td>
             <DIV STYLE="width:298px; height:35px; z-index:2; overflow:auto;display:block">
             <table cellspacing="0" border="1" Style="background-color:0066EE; color:FFFFFF">
             <tr>
             <td width="20" height="28" align="center">c</td>
             <td width="18" height="28" align="center">i</td>
             <td width="83" height="28" align="center"><b>Name</b></td>
             <td width="71" height="28" align="center"><b>Vorname</b></td>
             <td width="83" height="28" align="center"><b>Geburtstag</b></td>
             </tr>
             </table>
             </DIV>
             <DIV STYLE="width:314px; height:198px; z-index:1; overflow:auto;display:block

            background-image:url(Tabelle-Body1.bmp)">
             <table id="Tabelle" cellspacing="0" border="1" Style="background-color:#CCCCFF; overflow:auto">
             <tr>
             <td><input id="0" type=checkbox></td><td width="18" id="0n" align="center">0</td><td><input id="0a" type=text

            size="10"></td> <td><input id="0b" type=text size="8"></td> <td><input id="0c" type=text size="10"></td>
             </tr>
             <tr>
             <td><input id="1" type=checkbox></td><td width="18" id="1n" align="center">1</td><td><input id="1a" type=text

            size="10"></td> <td><input id="1b" type=text size="8"></td> <td><input id="1c" type=text size="10"></td>
             </tr>
             </table>
             </DIV>
             <input type="checkbox">alle auswählen  <--- das ist diese checkbox!!
            </td>
            </tr>
            </table>

            gruss

            --
            no strict;
            no warnings;
            Über eine Rückmeldung freut sich später jeder, der das gleiche Problem hat und im Archiv nach einer Lösung sucht.
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln