Hocu na sajt da postavim slicice sa doljnjim providnim delom gdje bih postavljao tekst, cini mi se da sam sve dobro napravio ali u exploreru valja a u mozzili taj providni deo bezi gore za 2,3 px, mucim se vec 3 sata, pomagajte!
#image {
position:relative;
width:200px;
height:200px;
margin:0;
}
#text {
position:absolute;
bottom:3px;
left:0;
width:200px;
height:30px;
background:#008000;
padding:0px;
}
#text {
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70;
opacity:0.7;
}
#words {
position:absolute;
bottom: 0px;
left:0;
width:200px;
height:30px;
background:transparent;
margin-left: 15;
font-size : 14px;
color : #ffffff;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>
vezba
</title>
<link href="sport.css" rel="stylesheet" type="text/css"/>
<table width="200" valign="top" border="0" cellSpacing="0" cellPadding="0">
<tr>
<td width="200" height="200">
<div id="image">
<a href="http://www.google.com"><img src="s2.jpg" border="0"/></a>
<div id="text"></div>
<div id="words">Tores</div>
</div>
</td>
</tr>
</table>
</body
</html>
|