Friday, October 15, 2010

html img with span brand or patent logo simple

<html>
<style>
img, span, div, a { padding:0px; margin:0px; }
</style>
<body style="margin:10px;">

<div style="height:100px;background:red;">a</div>

<div style="clear:both;background-color:#FFFF00;">

<a style="display:inline-block;height:100px;width:120px; padding:2px;background-color:white;">

<span style="display:block;height:100px;width:120px;background-color:blue;"><img style="height:100px;width:120px;position:absolute; " src="images/default.jpg">
<span style="height:100px;width:120px;position:absolute; color:red;text-align:right;margin-top:80px;">boroo</span>
</span>

</a>

</div>

<div style="height:100px;background:green;">b</div>

</body>
</html>

No comments: