Pel: PickAndMix: you should check “how to make a carousel” tut
Rega: Is it possible to do an animation when the contents of a div is changed and makes it higher?
Rega: Transition: height ease-in-out 1s; does not seem to be the trick
Lodrigue: Anli, yes, but height: auto is not supported.
Rega: Well, I live without the transition
Sarnowski: Max-height is the way to go to anymate height
Rega: Yes, but there is no max height on the parent
Rega: So nothing can be transitioned
Tieng: Hi, I have a line of code similar to this line: input src=”/resources/theRefreshButton.png” onclick=”refresh’xyz'” type=”image” The problem it is doesn’t align properly with what is directly next to it. Any HTML and/or CSS solutions? I cannot touch height and width!
Hannem: Have tried aligning text etc
Gutierrez: Lou_, Always provide a link to a *live* page or pared-down testcase so we can see the problem in action. Looking at code or images alone usually isn’t very effective. Also see paste and testcase.
Res: Lou_, Preferred live pastebins: http://jsfiddle.net/ • http://codepen.io/ • http://paste.asmcbain.net/ • http://www.webdevout.net/test/
Keville: Code must stay private.
Moretti: Surely you can paste the “similar” code you had above into jsfiddle and see if it misbehaves there too
Moretti: If it does, throw us a link ;
Moretti: If it doesn’t something is different from your site, and you need to figure out what
Dafoe: I really can’t sorry, too much on the line. Just need some pointers really, on how to align something without height/width.
Moretti: Lou_: i don’t really know what “doesn’t align properly” means in your case, and i’m ***uming you already tried vertical-align etc?
Moretti: Lou_: here’s a quick demo for you: http://jsfiddle.net/0vL0mohu/1/
Moretti: Theres some text and an input
Hurl: Out of desperation we did it the way I sent you the code.
Moretti: Lou_: like this? http://jsfiddle.net/0vL0mohu/2/
Burkhart: Yes but only text on the left, and the image is a 16×16 refresh icon.
Moretti: Http://jsfiddle.net/0vL0mohu/3/
Moretti: Let’s just pretend it’s an icon ;
Cornet: More or less. Weird as when I wrap that code in a div it puts the icon thing under the text which is next to it. Checking what you sent.,
Moretti: Maybe the div is too narrow to fit both the text and the button
Pennycuff: I removed the div, was just an experiment. Same issue as before.
Moretti: Ok, then maybe the containing element whatever that is is too narrow. but this is an excercise in futility without seeing the issue firsthand
Melgoza: I understand, but my hands are tied sorry.
Balles: It displays on the same line, except the ‘icon’ is too high. So I doubt it’s due to it being narrow?
Moretti: You said “it puts the icon thing under the text which is next to it”
Kalchthaler: When I wrapped it with a div id=”bla” xxxxxxx /div
Moretti: Then you said “removed the div . Same issue as before”
Kashner: I since removed that. Right now it’s on the same line as the text next to it, but floating a little too high. Changing height works BUT it can’t be done that way.
Kinkade: Sorr they were 2 different messages. I removed div. Then I implemented your code but still had same issue button is floating too high.
Moretti: If you can’t reproduce the issue in a demo there is little we can do to help i’m afraid
Hanberg: Any suggestions as to what I could try though sorry?
Mccullers: When I removed text next to it so it’s just the table around it it’s still not aligned properly.
Moretti: Yes, you can try to reproduce the issue in a demo. introduce more and more relevant code until it behaves the same
Rothwell: Would take a couple of hours and I’d get into trouble sorry.