Pharris: What i need is an overlay cqanvas because i need to draw on the image

Boczar: But it has to be responsive, so when the browser resizes, the image does and also the canvas should follow the under image

Hermida: Is there a reason you can’t set the image as a background-image on the div rather than using a img tag? Would make all that easier

Hodor: Bombo: Would that help http://imagebin.ca/v/2FAVRL8YAc7z

Barbaro: IceBot3000, if i set it as a background image, will it resize as the div?

Romanski: The image can be bigger thatn the div container

Boulay: You can use the “background-size” property to size the image however you want

Dukelow: How to inser carriage return before select element?

Samples: I found display: block; thnks

Brittin: I have a question about wrapping text around an h1 element

Last: I’ve made a codepen here: http://codepen.io/anon/pen/YyyGdQ

Montijano: Why is there some sort of square box around HOME ?

Kositzke: Can someone help me with that problem ?

Guinle: 16:19 Peasant65 I have a question about wrapping text around an h1 element. I’ve made a codepen here: http://codepen.io/anon/pen/YyyGdQ Why is there some sort of square box around HOME ?

Bockhorst: Peasant65 your h1 has margin-top and margin-bottom

Stepanian: But everything in your markup is wrong, your text should be in p tags

Ferrett: And your wrapper should be a div

Guitierez: Peasant65 what are you trying to do?

Niblack: I’m trying to fit in HOME nocely without whitespace above and below it

Donnellon: You mean wrapped by text without space?

Falso: That’s not nicely, anyway, the size of the h1 is not only the letters

Dorson: This is the best you can do

Eidson: Http://codepen.io/anon/pen/QjjKRY

Dehaan: Not sure why you want to do that

Colinger: I have a div with red color background at footer.I need to show an image in the div bu thte image height is greater than hiegght of div. I want to show the image without cutting its top edge.

Yavorsky: Do you have a clue how this can be achieved?

Stenger: Peasant65 http://jsfiddle.net/Czaplewski/8o8pntbs/

Houchen: D8bhatta you could try “background-size:cover” but its just a gues without any code

Bounds: D8bhatta: If you set the height of the image to be equal than its container you gonna get two red blocks on each side, and if you try to stretch the picture it’s gonna be distorted

Garacia: Guys still the image is entering inside the div where as it needs to cross top border of parent div

Marrett: D8bhatta: is the image a background-image or an img

Marrett: D8bhatta: if background-image, https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin and https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip would let it extend into the border, that’s probably the best you can do

Marrett: D8bhatta: you can also fiddle w/ content-box vs padding-box I guess

Marrett: It depends on what ‘sactly it needs to look like.

Marrett: D8bhatta: http://webdevout.net/test – could mock something up here for us to fiddle with

Marrett: D8bhatta: you could also possibly use a pseudo element and position it above the footer, and give it the same background image, but positioned to make it look seamless

Marrett: Or possibly simply place the pseudo z-indexed under the parent so it seemed like the background image of the parent too, if parent is otherwise transparent

Marrett: But a testcase would help

Rega: How do I vertically center the foobar div in http://jsfiddle.net/6cLwwrxc/ ?

Baltazor: Czaplewski: Thx man !

Codey: Guys I have figured it out.parent div was having overflow:hidden

Faulhaber: Once I remove it, the child div image crosses parent div border on using margin-top