I am creating a simple little "Hall of Flags" HTML page that should have a narrow column of flags shown as png images, each inside a CSS picture frame. The CSS frames example here was my starting point. My outermost…
Need some help on why my links aren't positioned where they should be. Only the :first-child seems to be aligned where it should. * { margin: 0; padding: 0; } body { min-height: 100vh; background-image: url(images/bgimage.avif); background-size: cover; background-repeat: no-repeat;…
I am learning CSS and I am fed up with positioning, can somebody tell me, why vertical navbar overlaps horizontal? I want vertical to be sticky and link elements inside to be absolute to navbar, as you see i tried…
I'm working on my portfolio which contains background graphics that should go behind texts. Everything looks good now because I positioned everything using absolute positioning and by defining the exact pixels from the top. However, I know this is bad…
I am creating a mock site for a class. I want to one of the navigation items to have a dropdown menu. However, I'm running into issues with the positioning of the dropdown menu. Its default position is right against…
I am trying to center a span inside a paragraph using JavaScript. This is my code : document.addEventListener('DOMContentLoaded', () => { window.onload = function(){middle();} var titleHeight = document.getElementById("page-title").clientHeight; var titleWidth = document.getElementById("page-title").clientWidth; var objHeight = document.getElementById("head-text").clientHeight; var objWidth = document.getElementById("head-text").clientHeight;…
ok, what I want to do is pretty complex and I am having a lot of difficulty. I find HTML is so difficult to get looking just right and makes no sense! I am trying to do a profile page,…