• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

HTML Popup Formatting

J

JC0133

Senior member
So I have popup I created for a button.

I want to have the text "xXyY" and a X closing symbol right on the side of it. Both at the top of the pop up box with a horizontal line under it.

I was able to put a horizontal line under it and the "xXyY" and X above it but I can't get them side by side.
 
I'm guessing you aren't using flexbox if you are having these kind of troubles. I'd recommend looking into it for display purposes. It makes this kind of stuff very easy.

css-tricks.com

A Complete Guide to CSS Flexbox | CSS-Tricks

Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser...
css-tricks.com css-tricks.com

It also doesn't sound like you are using any kind of UI framework and I don't know if you are allowed to or not for what you are doing, but I'd recommend using one of those as well. There is simply no reason to re-invent the wheel and what you are trying to do with having a header at the top of a modal has been done thousands of times and perfected just as many.
 
You must log in or register to reply here.

TRENDING THREADS

Back
Top