I’ve got a vertical menu on the left and I’m trying to get my table to display next to it, but instead it keeps going underneath it. I tried sizing the width of the table so that it would fit next to it, but it still stays at the bottom, even though it clearly has room to move up. As far as I can tell there is nothing preventing it from moving up. Any ideas?
Both the nav and the table are block elements, so will naturally stack one on top of the next in the absence of any css to instruct them to behave otherwise.
Plus there appears to be an errant link to a style sheet in-between them.
There are a number of options to get that “sidebar” type layout, depending on how you want it to work.
A CSS table may be a fairly robust solution, though would require some extra wrapper over the elements.
So I added an display:inline block to the “ticketRequest” id on the RequesterStyleSheet, then to the “mainmenu” class on the LayoutStyleSheet. It moved it up some, but it still has a large amount of empty space up top. The only other thing on the layout page is the banner that goes across the top, but I don’t want to be inline with that so…? I’m not sure what else I can do.
Try putting a wrapper around both the menu and the table, make that display: table. Then make the menu and the table display: table-cell.
Though you may want an extra wrapper around the table and apply table-cell to the instead.
Other options are flex, float, grid, etc…
The issue you see with inline-block is that the elements will sit on the baseline by default, like text does.
Sorry, I should have explained, the menu is not actually on the same file as the table. This is an asp.net core project and the menu is on the layout page. So it’s shared between all of the other pages. So here is what it actually looks like when the page is not running.
Ah I see! Yes, that did work! I think I’ll need just a little bit of tweaking to get it right how I want it but that is pretty dang close! Thank you, I was getting a bit frustrated with this! haha!