Avatar billede -zonic- Nybegynder
31. oktober 2007 - 00:49 Der er 10 kommentarer og
1 løsning

div placeret foran alt andet indhold?

Hej.. jeg sidder og laver en kalender, og når man holder musen over et event, skal den vise en div... jeg kan ikke forstå hvorfor jeg ikke kan få min div til at være foran ALT andet indhold?? mit z-index virker åbenbart ikke :-/

Her er koden:)

<table align="center" width="100%" id="cal" border="0" cellspacing="1" cellpadding="0">
            <tr>
                <td class='mnav'><a title="Forrige måned" href="<?= $_SERVER['PHP_SELF'] . '?y=' . $lastmy . '&amp;m=' . $lastm ?>">&laquo;</a></td>
                <td class="hdr" colspan="6"><?= $mname . ' - ' . $thisy ?></td>
                <td class='mnav'><a title="Næste måned" href="<?= $_SERVER['PHP_SELF'] . '?y=' . $nextmy . '&amp;m=' . $nextm ?>">&raquo;</a></td>
            </tr>
            <tr>
                <th style="width: 50px">Uge</th>
                <th>Man</th>
                <th>Tir</th>
                <th>Ons</th>
                <th>Tor</th>
                <th>Fre</th>
                <th style="width: 75px">Lør</th>
                <th style="width: 75px">Søn</th>
            </tr>
<?php

    foreach ( $days as $wk => $dayar )
    {
        echo "<tr>\n<td class=\"wkn\">$wk</td>\n";
        for ( $d = 0; $d < 7; $d++ )
        {
            $c = '';
            if ( $d == 5 )
            {
                $c .= ' satd';
            }
            elseif ( $d == 6 )
            {
                $c .= ' sund';
            }
            $tm = $thism;
            $ty = $thisy;
            if ( ( $wk == $startw && $dayar[$d] > 10 ) ||
                ( $wk == $endw && $dayar[$d] < 10 ) )
            {
                $c .= ' notnow';
                if ( $dayar[$d] > 10 )
                {
                    $tm = $lastm;
                }
                else
                {
                    $tm = $nextm;
                }
                if ( $thism == 1 && $dayar[$d] > 10 )
                {
                    $ty = $thisy - 1;
                }
                else if ( $thism == 12 && $dayar[$d] < 10 )
                {
                    $ty = $thisy + 1;
                }
            }
            $tstamp = mktime( 0, 0, 0, $tm, $dayar[$d], $ty );
            if ( $c != '' )
            {
                $c = ' class="' . $c . '"';
            }
            $td = sprintf( '%02d', $dayar[$d] );
            $typ = ( $d > 4 ? 'dwecnt' : 'dcnt' );
            $cb = '';
            printf( "<td$c valign='top' style='height:30px;'>\n<div class='%s' style='position:relative; z-index:4;'>\n<div class='date2'>%d%s</div>\n", $typ, $td, $cb );
               
                include("includes/conn.php");
                $tal=1;
                $result = mysql_query("select * FROM kalender WHERE start_aar = $ty && start_mdr = $tm && start_dato = $td order by start_tid");
                while ($row = mysql_fetch_array($result)) {
                $start = strtotime($row['start_tid']);
                $start = date("H:i", $start);
                $stop = strtotime($row['slut_tid']);
                $stop = date("H:i", $stop);
                echo '<a id="boxnr' . $tal . $td . 'i" class="cal" onmouseover="showhide(' . "'" . 'boxnr' . $tal . $td . "'" . ');" onmouseout="showhide(' . "'" . 'boxnr' . $tal . $td . "'" . ');">' . '<img class="calicon" src="gfx/cal/st.png" alt="" border="0" />' . $start . "-" . $stop . '</a>';
                echo '<div id="boxnr' . $tal . $td . 'c" style="border:1px solid #000000; position:absolute; visibility:hidden; display:none; z-index:8; height:100px; background-color:#ffffff;">hej<br /></div>';
                ++$tal;
                }
               
            echo '</div></td>';
           
        }
        echo "</tr>\n";
    }
   
?>
        </table>


og link www.skovbakken-badminton.dk/kalender.php


nogen der kan se fejlen... jeg har stirret mig blind!
Avatar billede w13 Novice
31. oktober 2007 - 01:04 #1
Hvad hvis du overdriver z-index?
Avatar billede -zonic- Nybegynder
31. oktober 2007 - 01:09 #2
hvad skal det sige? :)
Avatar billede -zonic- Nybegynder
31. oktober 2007 - 01:09 #3
nu er alle andre z-index sat til 0
<table align="center" width="100%" id="cal" border="0" cellspacing="1" cellpadding="0">
            <tr>
                <td class='mnav'><a title="Forrige måned" href="<?= $_SERVER['PHP_SELF'] . '?y=' . $lastmy . '&amp;m=' . $lastm ?>">&laquo;</a></td>
                <td class="hdr" colspan="6"><?= $mname . ' - ' . $thisy ?></td>
                <td class='mnav'><a title="Næste måned" href="<?= $_SERVER['PHP_SELF'] . '?y=' . $nextmy . '&amp;m=' . $nextm ?>">&raquo;</a></td>
            </tr>
            <tr>
                <th style="width: 50px">Uge</th>
                <th>Man</th>
                <th>Tir</th>
                <th>Ons</th>
                <th>Tor</th>
                <th>Fre</th>
                <th style="width: 75px">Lør</th>
                <th style="width: 75px">Søn</th>
            </tr>
<?php

    foreach ( $days as $wk => $dayar )
    {
        echo "<tr style=\"z-index:0;\">\n<td class=\"wkn\" style=\"z-index:0;\">$wk</td>\n";
        for ( $d = 0; $d < 7; $d++ )
        {
            $c = '';
            if ( $d == 5 )
            {
                $c .= ' satd';
            }
            elseif ( $d == 6 )
            {
                $c .= ' sund';
            }
            $tm = $thism;
            $ty = $thisy;
            if ( ( $wk == $startw && $dayar[$d] > 10 ) ||
                ( $wk == $endw && $dayar[$d] < 10 ) )
            {
                $c .= ' notnow';
                if ( $dayar[$d] > 10 )
                {
                    $tm = $lastm;
                }
                else
                {
                    $tm = $nextm;
                }
                if ( $thism == 1 && $dayar[$d] > 10 )
                {
                    $ty = $thisy - 1;
                }
                else if ( $thism == 12 && $dayar[$d] < 10 )
                {
                    $ty = $thisy + 1;
                }
            }
            $tstamp = mktime( 0, 0, 0, $tm, $dayar[$d], $ty );
            if ( $c != '' )
            {
                $c = ' class="' . $c . '"';
            }
            $td = sprintf( '%02d', $dayar[$d] );
            $typ = ( $d > 4 ? 'dwecnt' : 'dcnt' );
            $cb = '';
            printf( "<td$c valign='top' style=\"height:30px; z-index:0;\">\n<div class='%s' style=\"position:relative; z-index:0;\">\n<div class='date2' style=\"z-index:0;\">%d%s</div>\n", $typ, $td, $cb );
               
                include("includes/conn.php");
                $tal=1;
                $result = mysql_query("select * FROM kalender WHERE start_aar = $ty && start_mdr = $tm && start_dato = $td order by start_tid");
                while ($row = mysql_fetch_array($result)) {
                $start = strtotime($row['start_tid']);
                $start = date("H:i", $start);
                $stop = strtotime($row['slut_tid']);
                $stop = date("H:i", $stop);
                echo '<a id="boxnr' . $tal . $td . 'i" class="cal" onmouseover="showhide(' . "'" . 'boxnr' . $tal . $td . "'" . ');" onmouseout="showhide(' . "'" . 'boxnr' . $tal . $td . "'" . ');">' . '<img class="calicon" src="gfx/cal/st.png" alt="" border="0" style="z-index:0;" />' . $start . "-" . $stop . '</a>';
                echo '<div id="boxnr' . $tal . $td . 'c" style="border:1px solid #000000; position:absolute; visibility:hidden; display:none; z-index:99; height:100px; width:200px; background-color:#ffffff;">hej<br /></div>';
                ++$tal;
                }
               
            echo '</div></td>';
           
        }
        echo "</tr>\n";
    }
   
?>
        </table>
Avatar billede w13 Novice
31. oktober 2007 - 01:10 #4
Jeg mener, hvis du nu sætter dem til z-index:1000; - virker det så?
Avatar billede -zonic- Nybegynder
31. oktober 2007 - 01:11 #5
altså bare den ene som jeg vil have frem?
Avatar billede -zonic- Nybegynder
31. oktober 2007 - 01:12 #6
samme resultat :(
Avatar billede w13 Novice
31. oktober 2007 - 01:12 #7
Ja, eller alle :) Burde gøre det samme.
Avatar billede -zonic- Nybegynder
31. oktober 2007 - 01:13 #8
jeg forstår bare ikke hvorfor den ene div, ikke bare for dælan vil hoppe i baggrunden, så vi alle kan blive glade :)
Avatar billede w13 Novice
31. oktober 2007 - 01:16 #9
Nå, vil du flytte den ene i baggrunden? Hvorfor ikke flytte de "flydende" elementer i forgrunden? Det var det jeg mente med at overdrive z-index. Hvis du giver de der popup-div'er eller hvad de nu er en z-index:højt nr; så burde det vel funge?
Avatar billede -zonic- Nybegynder
31. oktober 2007 - 01:23 #10
det er den jeg har sat til 1000... det virker ikke :(

alle andre er sat til 0
Avatar billede -zonic- Nybegynder
31. oktober 2007 - 08:19 #11
skal bruge svar nu :(
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester