Tādā gadījumā tīrs Css3.
Nezinu kā tu viņu sev liksi bet reku mans variants. Kā tu sev uzliksi vairs nebūs mana problēma, jo saits nav mans :D
CSS3 bāz tur kur tev ir pārējais css3
Code
<style type="text/css">
#ieraksts {
width:180px;
height:auto;
border:0.1em solid #BFBFBF;
background: #eeeeee;
padding:3px;
border-radius:3px 3px 3px 3px;
margin-right:3px;
margin-bottom:4px;
display:inline-block;
}
#ieraksts .hover_info {
display:none;
position:absolute;
}
#ieraksts:hover .hover_info {
display:block;
max-width:180px;
min-width:158px;
float:right;
position:relative;
background:rgba(0,0,0,0.5);
border:0.1em solid rgba(0,0,0,0.8);
color:#fff;
text-shadow:1px 1px 0 rgba(0,0,0,0.5);
padding:3px;
border-radius:3px;
margin-right:-185px;
z-index:1000;
}
#ieraksts img {
width:180px;
border-radius:3px 3px 3px 3px;
}
#ieraksts .movie_title {
padding:3px 3px 3px 3px;
background:rgba(0,0,0,0.6);
border-radius:0 0 3px 3px;
color:#fff;
text-shadow:1px 1px 0 #000;
line-height:12px;
font-size:11px;
font-family:Verdana;
position:relative;
margin-top:-30px;
}
#ieraksts .movie_title span {
float:right;
}
</style>
Un HTML
Code
<div id="ieraksts">
<!--Te būs tavs hover tooltips, kur liksi pārējo filmas info -->
<div class="hover_info">IMBD Reitings: 4.9<br>IMBD Reitings: 4.9<br>IMBD Reitings: 4.9<br>IMBD Reitings: 4.9<br>IMBD Reitings: 4.9<br></div>
<!-- / Te būs tavs hover tooltips, kur liksi pārējo filmas info -->
<!-- Filmas Bilde-->
<img src="http://ia.media-imdb.com/images/M/MV5BMTQ1MDI5NDIyMl5BMl5BanBnXkFtZTgwNjIxODQxMDE@._V1_SY317_CR12,0,214,317_.jpg">
<!-- / Filmas Bilde-->
<!-- Filmas pamatinfo. Nosaukums, Gads un Žanrs-->
<div class="movie_title">The Fosters <span>2013</span><br><b>Kategorija:</b><span>TV Series</span></div>
<!-- /Filmas pamatinfo. Nosaukums, Gads un Žanrs-->
</div>
<div id="ieraksts">
<!--Te būs tavs hover tooltips, kur liksi pārējo filmas info -->
<div class="hover_info">IMBD Reitings: 4.9<br>IMBD Reitings: 4.9<br>IMBD Reitings: 4.9<br>IMBD Reitings: 4.9<br>IMBD Reitings: 4.9<br></div>
<!-- / Te būs tavs hover tooltips, kur liksi pārējo filmas info -->
<!-- Filmas Bilde-->
<img src="http://ia.media-imdb.com/images/M/MV5BMTQ1MDI5NDIyMl5BMl5BanBnXkFtZTgwNjIxODQxMDE@._V1_SY317_CR12,0,214,317_.jpg">
<!-- / Filmas Bilde-->
<!-- Filmas pamatinfo. Nosaukums, Gads un Žanrs-->
<div class="movie_title">The Fosters <span>2013</span><br><b>Kategorija:</b><span>TV Series</span></div>
<!-- /Filmas pamatinfo. Nosaukums, Gads un Žanrs-->
</div>
Rezultāts: