Float button links to bottom of...

User 1948478 Photo


Senior Advisor
1,850 posts

Bob Visser wrote:
No no no no Steve (:P), the sub-grid approach does work! ....
lol :lol::lol:
Since this is beginning to look like a competition, I think I'll bow out here... :D

Best of luck, Steve! ;)
User 2088758 Photo


Senior Advisor
3,111 posts

I would love to see how you did that Bob :) That is the holy grail Im looking for.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

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


Registered User
388 posts

I would like to see this if nothing else for future reference. One never know when it could come in handy.

If there's interest in the project file let me know, this one is kinda quick & dirty, I would need to make a few updates and use more semantic code (classes).[/quote]
User 431141 Photo


Registered User
78 posts

+1 for me too...
=Steve=
User 188640 Photo


Registered User
895 posts

Really cool.
A Rose is Just a Weed in a Corn Patch!
User 2147646 Photo


Registered User
233 posts

Hey Bob, I can see one of the rows is out by a couple of px. I no you said it was quick n dirty so I'm sure it's just a simple fix :)

I would also like to see a demo on how you do this.
Attachments:

User 232214 Photo


COO
827 posts

I will try to find some time to clean it up and post it. Had to finish this first: http://www.coffeecup.com/help/articles/ … n-6-steps/
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 2088758 Photo


Senior Advisor
3,111 posts

Thanks Bob anything is appreciated!
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

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


Registered User
895 posts

Is a quest the same thing as a mission? :lol:
A Rose is Just a Weed in a Corn Patch!
User 232214 Photo


COO
827 posts

Sorry for the delay on this guys, busy times ;)

Anyway, I found our 'Tea theme' was suffering from this as well so I went ahead and fixed that 1st. You can view 'the holy grail' in action in the other teas section here: http://tea-theme.coffeecup.com/products.html

You can download the updated theme here: http://bob.coffeecup.com/storage/temp/Tea-holy.rsd

Although the implementation is slightly different (this theme uses fewer columns and column stacks), the principles are the exact same. We have a shirt for the 1st one that posts a link to a holy grail version on Steve's original layout including two (4 --> 2 --> 1) column stacks!
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.

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.