Would take a couple of.

 
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.