Html – CSS Non-standard responsive image frame
I'm trying to implement a non-standart frame for a picture of a news section. My idea is to have the picture as a lower z-index than the frame and have the frame on top of it and make them responsive.…
Html – can't change height of webview element
I am creating a desktop web browser (target platform is Windows) using electron. I am using a <webview> element to display the contents of a target URL. I am unable to change its height, despite explicitly setting the height of…
WordPress – How To link custom fonts in function.php file
I'm Trying to add custom fonts in my WordPress development theme, but I got fatal error here how I add it /// Register fonts. Wp_register_style('font-awesome', get_stylesheet_uri(), [], filemtime get_template_directory_uri().'/fonts/font-awesome-webfont.woff', [], false, 'all'); wp_register_style('Naskh', get_stylesheet_uri(), [], filemtime get_template_directory_uri().'/fonts/naskh-webfont.woff', [], false, 'all');…
Html – Verticle time with sticky year not working
I am working on a vertical timeline where i need to show the yearly events and i year can have multiple event. I am trying to make year sticky so that when user scroll down a long list of event…
Html – CSS ":is()" pseudo-class with relative selectors
I want to style specific "sections that are directly inside the body" and "sections that are directly inside a div directly inside the body" with the ":is()" pseudo-class, without the redundancy (with relative selectors). I have the following code in…
Html – Function for onmouseenter to display an img in a div to work and go back to the message onmouseout
I'm a beginner here. I am stuck, and the code is not working. I have used a validator, which makes me more confused. I can't get the div(message) image to change to different images upon hovering. I nailed the other…
Html – Render <button> as a text link in a paragraph, with wrapping / flow
I'd like to render a link-styled <button> within a paragraph of text and have it cleanly participate in the paragraph's line wrapping / text flow. Styling the button isn't hard, and setting display: inline lets it participate in normal line…
Html – Resize Navigation Bar with Sticky
I found a very simple way to make a sticky navigation bar here: https://www.w3schools.com/howto/howto_js_navbar_sticky.asp My code pretty much mirrors the example except I have a height set on mine: window.onscroll = function() { myFunction() }; var navbar = document.getElementById("navbar"); var…
Html – Include attributes in document.createElement for custom elements
I'm trying to dynamically add a custom element I created, but it's not generating them properly. div-item declaration: class Item extends HTMLElement { constructor() { super(); this.src = this.getAttribute("src"); this.link = this.getAttribute("href"); this.attachShadow({ mode: 'open'}); this.text = this.textContent.trim(); this.shadowRoot.innerHTML =…
Html – Want to change animation speed of all child elements on hovering on the parent element
body { padding: 300px; background-color: rgb(15, 19, 24); } .m { display: flex; justify-content: center; align-items: center; transition: all 0.8s ease-in-out; } .m * { transition: all 0.8s ease-in-out; } .m *:hover { animation: /*animation of all children*/ 0.4s ease…