- Súlyos adatvédelmi botrányba kerülhet a ChatGPT az EU-ban
- Az USA nem akarja visszafogni Kína növekedését
- Linux - haladóknak
- Microsoft Excel topic
- Python programozás
- Synology NAS
- Kodi és kiegészítői magyar nyelvű online tartalmakhoz (Linux, Windows)
- Az Apple iPadOS-t is megrendszabályozza az EU
- A pápa egyre jobban tart a romlott AI veszélyeitől
- XPEnology
Új hozzászólás Aktív témák
-
laracroft
aktív 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ólAzt 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!
-
laracroft
aktív tag
válasz [pod]Diablo #981 üzenetére
Szia!
Köszi a választ, közben már más is azt ajánlotta, amit te és a z-index volt a rossz paraméter!
még1szer köszi!
-
laracroft
aktív tag
Sziasztok!
Egy táblázatot szeretnék kinyomtatni, de valahogy a chrome-ot nem tudom rákényszeríteni a helyes megjelenítésre (gondolok itt arra, hogy sorokon belül ne dobjon lapot, legyen fejléc minden oldalon). Olvastam róla, hogy a chrome bug-os! Tudtok erről valamit?
IE és Firefox alatt minden szép és jó, a chrome meg sz@r...Tudnátok nekem ebben segíteni?
itt a print.css-em:
#table
{
width:100%;
border-collapse:collapse;
page-break-inside:auto;
}
#table tr {
page-break-inside:avoid;
page-break-after:auto;
}