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
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