Float button links to bottom of...

User 434929 Photo


Ambassador
938 posts

Bob Visser wrote:
Steve wrote:
Thanks! That would be super cool! Can't wait for this type of solution to be implemented into rsd.

This actually can be done in Responsive Site Designer already:

http://bob.coffeecup.com/storage/forums/position-absolute.png

(I was not sure why you said 'hand coding' to start with haha :P:P)


Mansour ... wrote:
Steve wrote:
Neither of these options worked for me :(

When i tried adding what you suggested it dropped all the buttons to the bottom of the website not to the bottom of the respective columns.

any other thoughts?


Steve I found something wrong with your site structure and that's why it's adds at the bottom of website,

I have done that before with RLMP and Code editor and Now I just tested out with RSD it works great here, try new brand blank project and test it out and found out whats wrong with your layout.



As I have mentioned earlier , it works great with current version of RSD with no problem.
Guys at coffeecup are awesometacular.
User 2088758 Photo


Senior Advisor
3,111 posts

Sorry Mansour for some reason i did not see your post! Thanks for that suggestion. The only way i got it to work before was adding some custom code to my stylesheet after. I see now that it can be done within RSD and will make the adjustments. Thanks all for your input.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 179977 Photo


Registered User
158 posts

"In you case, I would solve it with a subgrid for each of the 4 sections. Placing the headings with the paragraphs and then the buttons in their own row will always make them line up horizontally. There may be other ways of doing it using min heights or maybe what Per proposes (although I can see that maybe not holding up at every screen width)." (Bob Visser)

This works perfectly for something I am attempting. As you suggested, I made a subgrid for each of my 3 sections (4 spans each), then another row with the buttons. All is well to a point. As the screen width narrows, I need to drop one of the 3 sections down so that the text is still legible. When I change the spans of the paragraphs to 6, forcing one of them to drop down, the buttons are no longer with their respective paragraphs. I saw the link for your example with 4 sections and that is exactly what I am attempting to do. What am I missing??
User 2706435 Photo


Ambassador
444 posts

Phil wrote:
What am I missing??


Have you explored a push/pull model?

Without mentioning word, the thread evolved into Flexbox positioning, which is included in RSD 1.5. In a column (and this might not even the the best way), place a container for paragraphs, then then a button link. Set the column position to flex, direction column, and Justify to "space between". The container with paragraphs stay at top of column and button link stays at bottom. I believe the thread started right before 1.5 was released. Its a positioning system for css3. Its very handy, and quickly and easily solves alot of issues. Google flexboxfroggy for a demo and "practice" site. You will also see the Flexbox used in the Tea theme discussed in this thread.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.