Új hozzászólás Aktív témák

• #980 laracroft senior tag

  Új Válasz 2014-02-11 13:12:53 #980

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  laracroft

  senior tag

  Sziasztok!
  Van egy kis kép pozicionálási problémám!

  Van egy oldal ahol, ha szöveg fölé megyünk az egérrel, akkor megjelenítem a rekordhoz tartozó képet és egyéb leírást! Ott ahol ez kifér nincs is gond, viszont a táblázat alján a megjelenített kép "alá csúszik" a másik táblának és így az kitakarja. Itt van 2 kép, hogy ti is lássátok:
  Jól néz ki
  Nem néz ki jól

  Azt szeretném elérni, hogy a kép mindig a szöveg előtt legyen!

  Itt rá vonatkozó css forrása:

  .thumbnail{
  position: relative;
  z-index: 0;
  }
  
  .thumbnail:hover{
  background-color: transparent;
  z-index: 50;
  }
  
  .thumbnail span{ /*CSS for enlarged image*/
  position: absolute;
  background-color: #FFFFFF;
  padding: 5px;
  left: -1000px;
  border: 1px solid;
  visibility: hidden;
  color: black;
  text-decoration: none;
  }
  
  
  .thumbnail span img{
  border-width: 0;
  padding: 2px;
  }
  
  .thumbnail:hover span{
  visibility: visible;
  top: 0;
  left: 60px;
  
  }

  Itt pedig a php:

  <td><a class="thumbnail" href="#"><?php echo $megnevez ?><span><img src="images/<?php echo $pic ?>" /><br /><?php echo $leiras ?></span></a></td>

  Előre is köszi!

Új hozzászólás Aktív témák