How to float a div on the image

Discussion in 'CSS' started by tasos55, Apr 15, 2013.

0
  1. #1
    Hello, i just edited the picture in phtoshop and i want to make something like that
    https://dl.dropboxusercontent.com/u/125760233/DIGITALPOINT.jpg

    I dont need allot of details only how to add something on the image or float, here below is the code
    
 
<html>
<head>
<style type="text/css">
.thumbcontent{
width:240px;
height:202px;
border: solid 1px #CCCCCC;
background-color:#EDEEEE;
margin-top:5px;
margin-bottom:3px;
margin-left:14px;
display:inline-block;
float:left;
}
.thumb{
width:240px;
height:180px;
border-bottom: solid 1px #CCCCCC;
overflow:hidden;
}
.hotel{
float:left;
border-left:solid 1px #CCCCCC;
background-color:#000;
color:#fff;
padding-left:10px;
padding-right:10px;
margin-right: 3px;
text-align:center;
font-size:17px;
font-family: "Times New Roman", Times, serif;
 
}
</style>
</head>
<body>
<div class="thumbcontent">
 
<div class="thumb"><img src="file:///C|/wamp/www/hotel.jpg" /></div>
<div class="hotel">Hotel</div>
 
</div>
</body>
</html>
    HTML:
    Thanks
     
    tasos55, Apr 15, 2013 IP
  2. tasos55

    tasos55 Peon

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #2
    Is not needed animore !
     
    tasos55, Apr 15, 2013 IP