Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 83
  • Last Modified:

Photo in A Div

I am trying to put a photo in a div and its not staying in the div.

 <div class="container_12 top-1">
       	<a href="homeerase.html"><div id="zoom_img" class="grid_4 box-1">
        	I've put too much<br>
            personal information<br>
            on the Internet!<br>
            Can I get it back?
        </div></a>

Open in new window


#zoom_img{
    width:250px;
    height:150px;
    border:5px solid gray;
    border-radius:15px;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	font-size:20px;
	padding-top:40px;
	padding-right:10px;
	/*padding-bottom:20px;*/
	padding-left:30px;
}

Open in new window

0
DS928
Asked:
DS928
  • 2
1 Solution
 
GaryCommented:
Whats the CSS for container_12 and top-1

You probably need to add overflow:auto to one of the classes
0
 
DS928Author Commented:
A little complex.  So I attached the file.  Here is the link

www.davidschure.com

Trying to get the photo in the rounded rectangle with the writing on top.  Maybe I'm making this more complicated than it needs to be!
grid-12.css
0
 
GaryCommented:
To #zoom_img
Change the height to
height:auto

and add
min-height:150px
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now