Evo sta mi je podeseno za css:
Code:
.obicne_vijesti { /* ovo mi je blok */
font-family:Arial,Verdana,Sans-serif;
width:510px;
height:125px;
margin:20px;
padding:10px;
overflow:hidden;
}
.obicne_vijesti:hover{
/* IE only */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
}
.obicne_vijesti a{ /* naslov mi je link */
color:black;
text-decoration:none;
}
.obicne_vijesti a:hover {
color:#FF0033;
}
.obicne_vijesti img { /* ovo je slika */
display:block;
float:left;
width:125px;
height:125px;
margin:0px 10px 10px 0px;
}
.paragraf {
margin:10px;
font-family:"Times New Roman", Times, serif;
text-align:justify;
}
ovo je html
Code:
<div id="obicne_vijesti1" class="obicne_vijesti">
<a href="#">Vijest 1</a><img src="img/bnike1.png" alt="vijesti"></img>
<p class="paragraf"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu eros nisi.
Maecenas sagittis quam a ligula sollicitudin vel bibendum leo faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; </p>
</div>
pozicioniranje naslova, paragrafa i slike unutar bloka
