Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Html maza juoda lentele ant paveiksliuko?

Parašė Wasiulis· 2013 Sau. 4 15:01:51
#3

Prašau. Nusistatysi pagal savo paveikslėlio parametrus.

demo: http://www.naujamuzika.lt/band/


<html>
<head></head>
<style>
 
.image {
    position:relative;
    float:left;
}
.image .textbody {
    position:absolute;
	pading-left:10px;
    top:345px;
    width:600px;
	background: rgba(0,0,0,0.7);
}
.image .text {
	color: #fff;
	margin-left:5px;
}
</style>
<body>
<div class="image">
  <img src="http://www.net4music.com/images/sheet-music.jpg" />
  <div class="textbody">
    <div class="text">
      <p>Naujausia muzika internete tik cia!</p>
	</div>
  </div>
</div>
</body>
</html>