Skip to main content
Main Content

THREAD CODING HELP REQUESTED

THREAD CODING HELP REQUESTED
Posted 2020-12-19 13:50:31 (edited)
LITTER THREAD



PARENT 1


PARENT 2


INFO, PUPS, RULES AND MORE.

HTML Template © VehementRed#1248

VehementRed
#1248

Posted 2020-12-21 15:47:54 (edited)

Okay so really I'm just having issues with the margins shifting and the border radius being removed for some reason.

Code: pastebin.com

Here's what it SHOULD look like, and DOES in the preview until I hit edit... then it becomes above.


VehementRed
#1248

Posted 2020-12-22 15:14:14

I should first state I like what you did with the semitransparent header and footer, it's quite creative!

I worked through your code and produced an alternate code that should achieve your desired effect: paste here with explanations, live demo here. I noticed you wrap your elements in a variety of things like table cells and spans; lots of extra element wrapping may interfere with proper margin and alignment, and in this code I reduced some wrapping to just table cells and paragraph tags, as well as adjusted alignment and width properties.

Let me know of any discrepancies, or if you prefer to keep your own code. Deepest apologies if this isn't what you wanted.

Some answers to your issues:

  1. Wolvden's code parser is known to disallow certain inline styles, making them disappear upon saving changes. Unfortunately the border-radius property is one of them. As such, you can't really get rounded corners, sadly.
  2. There are two ways to code margin: by pixel amount and by percent amount. In your code you mainly used pixels for your margins; while this "works", it will produce undesired effects as the width of a forum post always changes based on viewport. The margins in your editor preview look 'correct' because the width of the preview is actually wider than the width of the published post. To alleviate this you can rely solely on percents, because the actual margin will adapt to the container's width as it changes across viewports, instead of staying fixed to an amount. Remember the magic number 100 and make sure your horizontal margins don't exceed 100% in total, otherwise content may spill unevenly.

I hope this helps a little :3


*barks at you*
#202

Posted 2020-12-22 17:37:04

Thank you a ton for the help! I had no idea about the rounded corners so that's disappointing to hear, but at least now I know what's up! I really appreciate you taking the time to help out! ♡♡


VehementRed
#1248

Search Topic