I am building an application in Django and for writing templates I am using HTML/CSS, now there is some weird white space I am encountering on the top and left side of the page which does not go, no matter…
I'm working in a Web Application and I ran into an issue relating the <link> element in HTML. Basically, I tried to link my styless.css folder but the style was not applying on the live server. This is my HTML…
`I don't know how to position these elements. I've written the HTML, but I can't position the elements in the CSS file HTML: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Блочная верстка</title> <style> html, body { width: 100%; height: 100%;…
I define a Bootstrap 5 toast like this: <div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true"> <div class="toast-header"> <strong class="me-auto">Help</strong> <button type="button" class="end-0 close" data-dismiss="toast"> <span>×</span> </button> </div> ... </div> hoping the end-0 class would align the Close button character ×…
I'm trying to get the image inside my login form not blurred but keep the background outside of the login form blurred What I'm trying to do What I currently have Tried backdrop filter and etc .bg-image { position: fixed;…
I made a small footer using bootstrap with a tab, but whenever i click the second value, the full div moves over to the left. How do i get it to stay in its place? This is my code. and…
Original Post Below: I've reproduced a reduced problem: https://codepen.io/MH-123/pen/ExJWQWq?editors=1100 Here's the code pen, read below for the issue, it remains the same. I have two divs, but flex shrink isn't working on them and I'm not sure why. I have…
The following code is from my resume.php file. I have tried to divide the page into two blocks each represented using (.left) and (.right) class. Content on left block is being displayed but on the right side, whatever I write…
The Pacifico font supports many scripts like: Latin Lowercase, Latin Uppercase, Cyrillic Lowercase.. and each one displays a specific cursive glyph. If I use the font with Cyrillic text, how can I specifically make use of the cursive glyph showed…
From my understanding, the chatFooter should have width: 100% of its parent. The chat input should be 90% of its width and the chat send button should be 10% of it. Then the input and button inside each should take…