Avatar billede tras Juniormester
23. oktober 2007 - 14:45 Der er 2 kommentarer og
1 løsning

picture on top!

Hej som i kan se her http://www.kennelfog.dk/index.php?page=album
har jeg et problem. de små billeder er "on top" alså oven på det store billede og det iritere mig. er der en med lys i lampen som kan hjælpe mig med mit problem og få det store billede "on top"

style.css
/* Photo-Caption PZ2 CSS */

/* PlaceHolder Div */
.fill.left { float:left;margin:5px 10px 0 0; }
.fill.right { float:right;margin:5px 0px 5px 20px; }
/* MSIE z-index work-a-round */
/* reversing natural z-index */
.PZleft,.PZright { position:relative; }
.PZ1 { z-index:900; }
.PZ2 { z-index:890; }
.PZ3 { z-index:880; }
.PZ4 { z-index:870; }
.PZ5 { z-index:860; }
.PZ6 { z-index:850; }
.PZ7 { z-index:840; }
.PZ8 { z-index:830; }
.PZ9 { z-index:820; }
.PZ10 { z-index:810; }
.PZ11 { z-index:800; }
.PZ12 { z-index:790; }
.PZ13 { z-index:780; }
.PZ14 { z-index:770; }
.PZ15 { z-index:760; }
.PZ16 { z-index:750; }
.PZ17 { z-index:740; }
.PZ18 { z-index:730; }
.PZ19 { z-index:720; }
.PZ20 { z-index:710; }

/* Mozilla z-index bliss */
.PZleft a,.PZright a { z-index:0; }
.PZleft a:hover,.PZright a:hover { position:absolute; z-index:900; }

.PZoom a { position:absolute; cursor:default; }
.PZoom.Link a { cursor:pointer; }

.PZleft .PZoom a:hover,.PZright .PZoom a:hover {
    border:0; background:none;
    text-decoration:none; }

.PZright .PZoom { float:right;
    margin:5px 0px 5px 10px;
    position:relative; left:16px; top:-3px; }

.PZleft .PZoom { float:left;
    margin:0; position:relative; }
.PZleft .t100 { right:115px; }
.PZleft .t150 { right:165px; }
.PZleft .t200 { right:215px; }
.PZleft .t250 { right:265px; }
.PZleft .t300 { right:315px; }
.PZleft .t350 { right:365px; }

.t100 img { width:100px; }
.t150 img { width:150px; }
.t200 img { width:200px; }
.t250 img { width:250px; }
.t300 img { width:300px; }
.t350 img { width:350px; }
.PZoom img { border: 1px solid #369; }

.PZoom.noBrdr img { border:none; } /* border off */

.w100 a:hover,.w100 a:hover img { width:100px; }
.w150 a:hover,.w150 a:hover img { width:150px; }
.w200 a:hover,.w200 a:hover img { width:200px; }
.w250 a:hover,.w250 a:hover img { width:250px; }
.w300 a:hover,.w300 a:hover img { width:300px; }
.w350 a:hover,.w350 a:hover img { width:350px; }
.w400 a:hover,.w400 a:hover img { width:400px; }
.w450 a:hover,.w450 a:hover img { width:450px; }
.w500 a:hover,.w500 a:hover img { width:500px; }
.w550 a:hover,.w550 a:hover img { width:550px; }
.w600 a:hover,.w600 a:hover img { width:600px; }
.w650 a:hover,.w650 a:hover img { width:650px; }
.w700 a:hover,.w700 a:hover img { width:700px; }
.PZoom a:hover img,.PZoom img { margin-bottom:-3px; }

.PZoom .PZcap { display:none; }

.PZoom a:hover .PZcap {
    font-weight:normal;
    display:block;  background:#369;
    border:1px solid #369;
    font-family:verdana,sans-serif;
    text-align:justify;
    font-size:9pt; line-height:12pt;
    color:white; margin-right:-2px; }

.PZoom a:hover .PZpad { display:block;
    padding:3px 5px 5px 5px; }

.PZoom.noCap a:hover .PZcap { display:none; }

/* ZoomOpen Positions */
/* Left */
.PZleft .PZoom a:hover { left:1px; top:1px }
/* Right */
.PZright .t100 a:hover { right:-109px; top:1px; } /*MSIE-specific*/
    .PZright>.t100 a:hover { right:-107px; }    /*Mozilla-specific*/
.PZright .t150 a:hover { right:-159px; top:1px; }
    .PZright>.t150 a:hover { right:-157px; }
.PZright .t200 a:hover { right:-209px; top:1px; }
    .PZright>.t200 a:hover { right:-207px; }
.PZright .t250 a:hover { right:-259px; top:1px; }
    .PZright>.t250 a:hover { right:-257px; }
.PZright .t300 a:hover { right:-309px; top:1px; }
    .PZright>.t300 a:hover { right:-307px; }
/* End Photo-Caption Zoom CSS */



gallery.php
<div class="fill right" style="height:145px; width:100px; " ></div>
<div class="PZ PZ1 PZright">
  <p class="PZoom t100 w450 Brdr Cap noLink">
    <a href="<? echo "$url_path/$entry" ?>"> <img src="<? echo "$filepath/$entry" ?>"  />
      <span class="PZcap"> <span class="PZpad">
        <strong>Info: </strong><? echo "$entry" ?>
      </span></span>
    </a>
  </p>
</div>
Avatar billede olebole Juniormester
23. oktober 2007 - 15:11 #1
<ole>

tras >> Hvem tror du selv, brænder for at hjælpe dig med noget somhelst?
    http://www.eksperten.dk/spm/801027

/mvh
</bole>
Avatar billede majbom Novice
23. oktober 2007 - 16:19 #2
er det mig der husker forkert, eller er max for z-index ikke 100?
Avatar billede tras Juniormester
23. september 2008 - 09:58 #3
/closed fandt aldri ud af det.
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