Html – The entire webpage is too wide
My entire webpage is too wide, for context, im trying to make a webpage that has a form on one side, and an image on the other and it has to be under two divs. I have tried my best…
Css – How To Make All Flex Items The Same Length As The One With Longest Text With No Text Wrap
I am trying to make all sibling flex items the same width as the one with the longest text, without making its text wrap. So if an item has the text "First" and another one has much longer text, the…
Html – How to prevent text moving when transitioning sibling element's width
I'm developing a website that will have a "learn more" button that's split in two, one part says "learn more" and the other says "+". When the mouse hovers over it the "learn more" part disappears and the "+" grows…
Html – Set element width based on a string that is not in the element
I have a React component that can render one string or another. const MyComponent = (props: { readonly textA: string; readonly textB: string; readonly renderB: boolean; }) => { return <>{props.renderB ? props.textB : props.textA}</>; }; The problem is when…
How to get WooCommerce shop page to show full width
I'm struggling to get my WooCommerce shop page full size (or at least wider than default). I've tried all sorts of CSS codes from other posts, but they either also change my other pages, or don't do anything at all.…
Html – Why the width and height are still ignored despite the display:block;?
I want to create a rectangle with empty span, but width and height are ignored. html code <h1 class="intro-titel intro-titel-spiciy"> PRORERTY <span class="span"></span> </h1> css code .intro-titel{ font-size: 80px; font-weight: 750; color: #fff; } .intro-titel-spiciy{ background-color: #FFB703; color: black; font-size:…
Can't seem to centre page on mobile browser load up, automatically corrects itself to where I want it after scroll. html/css related
How the website loads on mobile After a scroll the sections jumps to the desired loading location So, I'm trying to centre a section with a heading, paragraph & button on a welcome page. My code successfully works for a…
Quarto 20:60:20 html layout on multiple screens
I am unable to achieve a reasonable layout of quarto html output. On wide screens there are 2 extra spaces left/right on top of standard sidebar / margin, and I am loosing TOC when playing with column-page etc. features. Layout…
How to get the *rendered* width of element with javascript/jquery? All methods tried yielded only intrinsic width
I have a slider with a html like this <div id="bilder"> | height: 70vh; <div id="pappediv"> | height: 100%; <div id="slider"> | height: 70%; <div id="imagecontainer"> | height: 100%; <p> | height: 100%; <img> | height: 100%; <img> | height:…
Html – How can i fix my CSS so that width accounts for both padding and border?
To put it simply, i want my sidebar here to be 20% of the width of the page, while the article itself is 80%. Because of the padding in my different sections, the width is offset, meaning i have to…