Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have an img element with style='width:40%;height:40%;'. I would like to add a div that automatically wraps it. However when I insert the div instead of wrapping the img it just expands to the div inside.
How can I force this div to wrap img so it can be used as a frame. The reason why I do not preset the div’s height and width is because img’s percentages will be given dynamically, so div should wrap the img according to img’s sizes.
The problem with a width and height of 40% with an image tag, is that the image isn’t downscaled to 40% of it’s original size, but takes up 40% of it’s parent, as you can see here.
In your case, you want to wrap the image in a div, but still want to size it to 40% of it’s parent. In this case, the parent IS the wrapping div. You see the problem.
If you just want to use the div as a frame, you can use css to style the image to gain a similar effect, like this:
Example of this principle here.