jdock1 Posted June 6, 2012 Share Posted June 6, 2012 Hi! This is probably so dumb of me, but I can write HTML pretty well, but I have never came across this problem before. I am trying to display an arrow image to the right side of a text box that I have on the left side in the middle of the page. I want to position it in the center, to the right. See here http://fastdollar.us See the text box labeled "step 1"? Then you see the arrow underneath it? I am trying to display that to the right center of the text box. It just keeps wanting to display underneath it. I have never ran into any problems like this before! Very odd. Probably some css hack could achieve this? Thanks! Quote Link to comment Share on other sites More sharing options...
Drongo_III Posted June 7, 2012 Share Posted June 7, 2012 You need to put float:left on the div containing the form. That should wrap the content below around it. Failing that. Put position: relative; on the main container div and then use absolute positioning on the arrow Hope that helps Quote Link to comment Share on other sites More sharing options...
jdock1 Posted June 8, 2012 Author Share Posted June 8, 2012 Oh sweeeet thanks bro. Imma try that out now! Quote Link to comment Share on other sites More sharing options...
jdock1 Posted June 9, 2012 Author Share Posted June 9, 2012 Ok, so now I have that floating to the left, and I put another one right next to it, but I set that to float right. Now, how in tarnation do I allow text to go under it??!! Maybe I am not that great at HTML/CSS!? CSS is a little rusty to me. I still havent learned it all. Quote Link to comment Share on other sites More sharing options...
Drongo_III Posted June 9, 2012 Share Posted June 9, 2012 Hi mate Nice job - looks like you may have cracked it but... What i usually do to stop the float is to pop in an empty div above wherever you want the float to stop and give it a style of "clear: both;". That then stops the content floating either left or right. Hope that helps! Quote Link to comment Share on other sites More sharing options...
jdock1 Posted June 9, 2012 Author Share Posted June 9, 2012 Hi mate Nice job - looks like you may have cracked it but... What i usually do to stop the float is to pop in an empty div above wherever you want the float to stop and give it a style of "clear: both;". That then stops the content floating either left or right. Hope that helps! Awesome! Thank you! Very good information to know, I learned alot. I will definitely use this and apply it in the future! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.