Hi all,
is there some CSS solution for this problem: http://jsfiddle.net/illycz/UMjA7/
I don't want to use height attribute or HTML table. I want flexible solution...
I think @Vasek17 has a good css solution. That's how I would do it. If you want it to look consistant across the board and be flexible, I would just set the height at 100px and let the width be auto.
Thanks to all,
@wolfcry911 and @Paulie_D I need heading to be vertically aligned to top.
@JoniGiuro and @Htmlmainiac I need pure CSS solution.
@Vasek17 Thanks a lot, it seems that this is solution i was looking for.
@Vasek17 The solution is working in all major browsers except FF. There is a problem with absolute positioning element inside table-cell element. Can you help with that? Thanks
Hi all, is there some CSS solution for this problem: http://jsfiddle.net/illycz/UMjA7/ I don't want to use height attribute or HTML table. I want flexible solution...
Thank for reply
Patrik
try adding vertical-align: bottom; to .box
if that's not what you're after, you'll need to be more specific.
I don't think it's possible with pure CSS. Here's a solution with jQuery:
http://jsfiddle.net/UMjA7/4/
I'm assuming that the images are supposed to be on the same horizontal level REGARDLESS of the content of the h1?
Aha, here we go...not EXACTLY what is required by pretty darn close: http://codepen.io/joe/pen/mLzyu
If the image has fixed height, try this one http://jsfiddle.net/z9sB2/
I dot think css can do it try jquery
That is what I did on my site.
I do have discution on that site. Feel free to pots what you think of it.
I think @Vasek17 has a good css solution. That's how I would do it. If you want it to look consistant across the board and be flexible, I would just set the height at 100px and let the width be auto.
Thanks to all, @wolfcry911 and @Paulie_D I need heading to be vertically aligned to top. @JoniGiuro and @Htmlmainiac I need pure CSS solution. @Vasek17 Thanks a lot, it seems that this is solution i was looking for.
@Vasek17 The solution is working in all major browsers except FF. There is a problem with absolute positioning element inside table-cell element. Can you help with that? Thanks
@illycz in FF, I just added
position:relativeto the wrapper too and it seemed to fix @Vasel17 solution.http://jsfiddle.net/Qe2fq/
Thank @Paulie_D, works like a charm ;)