MelonLand Forum

World Wild Web => ✁ ∙ Web Crafting => ☔︎ ∙ I need Help! => Topic started by: Mo/Otto on September 30, 2023 @792.27

Title: HELP: Horizonal Webrings Section?
Post by: Mo/Otto on September 30, 2023 @792.27

I have a landing page on my site, and I want the webrings that I'm in to be laid out horizontally in the footer of the page. Currently, just pasting the two widgets I do have in the footer stacks them vertically. (it looks decent with just the two widgets, but it's gonna get worse as i join more!  :ohdear:)
If it helps, my landing page's code is vaguely based on sadgrl's layout maker, and one of the widgets is for the Surf Club!

Title: Re: HELP: Horizonal Webrings Section?
Post by: pinkvampyr on September 30, 2023 @803.53

have you tried setting the display of the footer to flexbox? if that doesn't work, try adding flex direction row

Title: Re: HELP: Horizonal Webrings Section?
Post by: brisray on September 30, 2023 @846.57

One way is to put each of the blocks of code for the webrings inside a generic tag like a div or span and set the CSS display styling for those to inline-block.

Title: Re: HELP: Horizonal Webrings Section?
Post by: Mo/Otto on October 07, 2023 @736.89

Quote from: pinkvampyr on September 30, 2023 @803.53

have you tried setting the display of the footer to flexbox? if that doesn't work, try adding flex direction row

I ended up using flexboxes, thanks for the help!!