Css – Resize a div with absolute position
Is it possible to resize a div with absolute position? I want this pink modal to keep the same width of the input & resize with it. This modal will be used in a dropdown component. So, should be resized…
Css – How to click on a button to go to a specific div inside a panel?
I want to click on the button 'Yellow' and go directly to the yellow div of Panel 2. And the same for the others buttons. This is my code: library(shiny) library(bslib) # module curso_one_UI <- function(id) { ns <- NS(id)…
Html – Multiple dropdown with checkbox css
All I'm trying to do is toggle the 'toggle-content' class when the label is selected. At the moment with the following CSS nothing happens. I cannot use JQuery or any javascript. I cannot see what I've done wrong. Any ideas…
Html – A little gap under <a> inside of <li> in a navbar
So currently I'm making a navbar as a new programmer and I got a problem there are little gaps under the when my cursor hover over it. White gap under user <body> <header class="header"> <?php session_start(); ?> <nav> <ul> <?php…
Html – Is there a way to put LINK inside the CSS GRID?
Here is my link but the problem is i cant put a link inside the grid. I want to make the whole box a clickable link. * { padding: 0; margin: 0; } body { font-family: Hiragino Kaku Gothic Pro…
Css – Colour each syllable in a word in a different colour
I'm a German teacher in primary school. I want beginning readers to read some text on my practice website. To help them I need the syllables to alternate colours (black / grey, as shown in the image). Due to the…
Customizing BulmaCSS colors with CSS
After reading the documentation, I still don't understand why I can't set the primary color with CSS like this: <!DOCTYPE html> <!-- Force the light theme: --> <html data-theme="light"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Hello Bulma!</title> <link rel="stylesheet"…
variables as selectors in jQuery
I'm learning jQuery and i'm essentially wondering if it's possible to use variables as selectors, like this: let vbox = $("body").append("<div id='box'></div>"); vbox.css({ 'width': '200px', 'height':'300px', 'background-color':'hsl(0, 0%, 10%)', 'border-radius':'10px', 'position':'absolute', 'color':'white', 'text-align':'center' }); when I do this, the css…
Html – Active state on menu element
I have a problem enabling the .active class for each menu item I click in the navbar of my website (which is built in HTML, CSS, JS). I use a file nav.html to load the navbar in all my pages,…
Css – Reduce the Mat Form Field Height in Angaular Material 17
We recently upgraded our angular Project from 13 to 17 and also we upgraded Angular Material to 17. But after migration Materiel 17 (MDC), we are unable to reduce the form field height. Any help is is much appreciated. Angular…