Avatar billede buxxy Praktikant
18. december 2012 - 01:33 Der er 8 kommentarer og
1 løsning

z-index:1; virker ikke

Hej eksperter.

Jeg har 2 elementer "10 tilfældige links" og "Supportsider" her på min forside:
www.phpfusion-tips.dk

Elementet 10 tilfældige links har noget hoover som vises "bagved" de nederste skiftende billeder i slideshow i Supportsider-elementet ved mouseover.

Jeg har forsøgt mig med at indsætte z-index:1; ved at give det noget style='' men det vil bare ikke virke for mig. Herunder følger begge koder jeg har skruet sammen:

Koden til 10 tilfældige links:

<?php
require_once BASEDIR."maincore.php";
$qresult = dbquery("SELECT * FROM ".DB_WEBLINKS." ORDER BY rand() LIMIT 0,10");

if(dbrows($qresult)!=0) {
  opentable("10 tilfældige links");
    echo "
    <table width='100%' cellpadding='0' cellspacing='0' style='z-index:1;'>\n";

    while($data = dbarray($qresult)) {
      echo "
      <tr>\n
        <td class='small' align='left' style='z-index:1;'><img src='".THEME."images/bullet.gif' border='0' alt='' /> <a target='_blank' href='".BASEDIR."weblinks.php?cat_id=".$data['weblink_cat']."&weblink_id=".$data['weblink_id']."' title=\"header=[".$data['weblink_name']."] body=[".$data['weblink_description']."] delay=[0] fade=[off]\" class='side' style='z-index:1;'>".trimlink($data['weblink_name'], 25)."</a></td>\n
        <td class='small' align='right'>[".$data['weblink_count']."]</td>\n
      </tr>\n";
    }
 
    echo "
      <tr>\n
        <td class='side-small' align='center' colspan='2'><a href='".INFUSIONS."deluxe_weblink_portal/deluxe_weblink_portal.php'><b>Se alle links...</b></a></td>\n
      </tr>\n
    </table>\n";
    echo "<div style='height:7px;'></div>\n";
  closetable();
}
?>

Koden til Supportsider:

<?php
add_to_head("
  <style type='text/css'>
    /* give slideshow some style */
    #slideshow { width: 170px; height: 60px; }

    /* give each slide the same dimensions */
    #slideshow div { width: 170px; height: 60px; }

    /* make sure each slide image is centered */
    #slideshow div img { margin: auto; display: block; }
  </style>
 
  <script type='text/javascript' src='".INCLUDES."cycle.js'></script>
 
  <script type='text/javascript'>
    $(function() {
      var inners = $('.inner-slideshow').cycle();
    });
  </script>
");

opentable("Supportsider");
  echo "
    <table width='100%' cellpadding='0' cellspacing='0' style='height:144px;'>\n
      <tr>\n
        <td align='center' width='100%'>
        <a href='http://www.php-fusion.dk' target='_blank'><img src='".IMAGES."flag/dk.gif' border='0' alt='Danmark' /></a>
        <a href='http://www.php-fusion.co.uk/' target='_blank'><img src='".IMAGES."flag/gb.gif' border='0' alt='England - Hovedsiden' /></a>
        <a href='http://www.phpfusion-support.de/' target='_blank'><img src='".IMAGES."flag/de.gif' border='0' alt='Tyskland' /></a>
        <a href='http://www.php-fusion.se/' target='_blank'><img src='".IMAGES."flag/se.gif' border='0' alt='Sverige' /></a>
        <a href='http://www.phpfusion-no.com/' target='_blank'><img src='".IMAGES."flag/no.gif' border='0' alt='Norge' /></a>
        <a href='http://www.phpfusion.ro/' target='_blank'><img src='".IMAGES."flag/ro.gif' border='0' alt='Rumænien' /></a>
        <a href='http://www.php-fusion.pl/' target='_blank'><img src='".IMAGES."flag/pl.gif' border='0' alt='Polen' /></a>
        <br />
        <a href='http://www.phpfusion-nederlands.info/' target='_blank'><img src='".IMAGES."flag/nl.gif' border='0' alt='Holland' /></a>
        <a href='http://www.phpfusion-ar.com/' target='_blank'><img src='".IMAGES."flag/sa.gif' border='0' alt='Saudi Arabien' /></a>
        <a href='http://www.phpfusion-nederlands.info/' target='_blank'><img src='".IMAGES."flag/be.gif' border='0' alt='Belgien' /></a>
        <a href='http://www.phpfusion-br.com/' target='_blank'><img src='".IMAGES."flag/br.gif' border='0' alt='Brasilien' /></a>
        <a href='http://www.phpfusion-fr.com/' target='_blank'><img src='".IMAGES."flag/fr.gif' border='0' alt='Frankrig' /></a>
        <a href='http://www.fusion.alaviweb.com/' target='_blank'><img src='".IMAGES."flag/ir.gif' border='0' alt='Iran' /></a>
        <a href='http://www.phpfusion-lt.com/' target='_blank'><img src='".IMAGES."flag/lt.gif' border='0' alt='Littauen' /></a>
        <br />
        <a href='http://www.php-fusion.co.hu/news.php' target='_blank'><img src='".IMAGES."flag/hu.gif' border='0' alt='Ungarn' /></a>
        <a href='http://www.php-fusion.it/' target='_blank'><img src='".IMAGES."flag/it.gif' border='0' alt='Italien' /></a>
        <a href='http://www.php-fusion.com.es/' target='_blank'><img src='".IMAGES."flag/es.gif' border='0' alt='Spanien' /></a>
        <a href='http://www.phpfusionturkiye.com/' target='_blank'><img src='".IMAGES."flag/tr.gif' border='0' alt='Tyrkiet' /></a>
        <a href='http://www.rusfusion.ru/' target='_blank'><img src='".IMAGES."flag/ru.gif' border='0' alt='Rusland' /></a>
        <a href='http://php-fusion.cms-bg.org/' target='_blank'><img src='".IMAGES."flag/bg.gif' border='0' alt='Bulgarien' /></a>
        <a href='http://www.php-fusion.sk/news.php' target='_blank'><img src='".IMAGES."flag/sk.gif' border='0' alt='Slovakiet' /></a>

        <div id='slideshow'>
          <div class='inner-slideshow'>
            <a href='http://www.phpfusionmods.co.uk/' title='PHP-Fusion Mods UK' target='_blank'><img src='".IMAGES."affiliates/fangree.png' width='170' height='60' alt='' /></a>
            <a href='http://www.phpfusion-mods.net/' title='PHPFusion-Mods.net' target='_blank'><img src='".IMAGES."affiliates/mods_net.jpg' width='170' height='60' alt='' /></a>
            <a href='http://www.phpfusion-tips.dk/' title='PHPFusion-Tips.dk' target='_blank'><img src='".IMAGES."affiliates/pft_170x60.png' width='170' height='60' alt='' /></a>
          </div>
        </div>

        </td>
      </tr>\n
    </table>\n";
closetable();
?>

Er her en der kan hjælpe med det ?

Mvh.
Buxxy.
Avatar billede scootergrisen Nybegynder
18. december 2012 - 01:40 #1
class slideshow og inner-slideshow er sat til z-index: 9999.
Avatar billede buxxy Praktikant
18. december 2012 - 01:55 #2
Jamen det var fordi jeg prøvede at give slideshow et højere tal - og så give 10 tilfældige links 1-tallet. Hvis jeg har forstået det ret, så gør z-index:1 jo netop at det skulle ligge forrest og ikke bagved. Derfor har jeg prøvet at tilføje z-index:1 i koden til tilfældige links. Men det virker stadig ikke. Har fjernet z-index:9999;
Avatar billede scootergrisen Nybegynder
18. december 2012 - 02:00 #3
Du burde lave om på din hjemmeside.

Der er vandret scrollbar selv på en 1366 pixels bred skærm.
Der er nogen der kun har 1024 pixels bred skærm.

Og det er en dårlig ide at bruge table til at have hele hjemmesiden i for at vises indholdet først når alt indholdet er udregnet.

Din menu font er svær at læse.
Avatar billede scootergrisen Nybegynder
18. december 2012 - 02:03 #4
Fjerne alle z-index så virker det.
Lave tal i z-index er bag bagerst. Høje tal er forrest.
Avatar billede buxxy Praktikant
18. december 2012 - 02:24 #5
Nu bad jeg jo ikke om en vurdering af vores hjemmeside - så havde jeg da skrevet en anden tråd vedr. det..

Nej, det virker ikke mht. at fjerne alle z-index - da jeg havde skruet koderne sammen indeholdte de ikke nogen z-index. Det er blot noget jeg har forsøgt mig med nu her i håb om at løse problemet.
Avatar billede buxxy Praktikant
18. december 2012 - 02:26 #6
Nu bad jeg jo ikke om en vurdering af vores hjemmeside - så havde jeg da skrevet en anden tråd vedr. det..

Nej, det virker ikke mht. at fjerne alle z-index - da jeg havde skruet koderne sammen indeholdte de ikke nogen z-index. Det er blot noget jeg har forsøgt mig med nu her i håb om at løse problemet.
Avatar billede scootergrisen Nybegynder
18. december 2012 - 07:23 #7
Jo det virker at fjerne alle z-index.
Du har stadig z-index på dine links som er inde i din slideshow div.
Avatar billede buxxy Praktikant
18. december 2012 - 08:26 #8
Ahhh, der var ikke nogen z-index tilbage i de to koder jeg postede, men der var en i cycle.js - der havde jeg jo ikke kigget..

cycle.js så på linje 56 såden her ud:
$(this).css('z-index', els.length-i)

Først fjernede jeg z-index i den linje, men så var der ikke længere slideshow på, billederne stod i stedet under hinanden. Så skiftede jeg det til:
$(this).css('z-index:1', els.length-i)
- og så virker det.

Jeg siger mange tusind tak for hjælpen.

Ha' en god jul og et godt nytår! :-)
Avatar billede olebole Juniormester
18. december 2012 - 12:57 #9
<ole>

Så må der være noget galt. I stedet for:

$(this).css('z-index:1', els.length-i)

- kan du ligeså godt skrive:

$(this).css('dette-er-rystende-ligegyldigt', els.length-i)

Ingen af delene har nogen indvirkning på noget. css's første argument skal være et CSS-property-navn - og andet argument er værdien  =)

/mvh
</bole>
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

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