Html – Need help having multiple drop down buttons
I have a very simple website where I have a picture of my wife and I for the last 19 years that we've been together. A picture per month. It loads using lazy load which works great. I added anchor…
Html – how do i remove extra space b/t the content?
remove the the highlighted part so i was making a basic profile webpage with and css, but now i am facing a problem. there is a large space b/w the div of class=".item", even though i have not given any.…
How to set normal and bold font-weight independantly with CSS?
I have a font with three weights: light, regular, bold. I would like to use light-weight for normal text and bold-weight for bold text. Using font-weight: lighter doesn't work in this case because it forces bold text to regular-weight, thus…
Css – I can't align items center of page
I want to align items center of page. I use justifyContent on all css styles but it doesn't work. I want to align them dynamically. I don't want to use marginTop:xxx. I want to align all items when i add…
Html – Making child div stay inside parent div css
I am trying to make a child div (div inside another) stay inside of the parent and not come out of it. I would like for the options div to stay inside of the header div at all times. <!DOCTYPE…
Html – How to create a div that fits its content but allows it to grow?
I have an outer div with a fixed width, and an inner div. Inside the inner div can be a button with a fixed size or a div with width 100%. Is there a way to have the inner div…
Html – I am trying to implement downdrop menus from Bootstrap 5
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/dropdownmenus/contenido/5.company.html" id="navbarDropdownCompany" role="button" data-bs-toggle="dropdown" aria-expanded="false">COMPANY</a> <ul class="dropdown-menu"> <li class="dropstart"> <a class="dropdown-item dropdown-toggle" data-bs-toggle="dropdown" href="/dropdownmenus/contenido/5.1.overview.html" id="navbarDropdownOverview" role="button" data-bs-toggle="dropdown" aria-expanded="false"> OVERVIEW </a> <ul class="dropdown-menu" > <li><a class="dropdown-item" href="/dropdownmenus/contenido/5.1.1.revenue.html">REVENUE</a></li> <li><a class="dropdown-item" href="/dropdownmenus/contenido/5.1.2.subscribers.html">SUBSCRIBERS</a> </LI </ul> </li> I am…
Html – How do I move the top 3 rows 3 squares ONLY to the right?
There are 38 squares in this code. I'm trying to move the 3 rows on the top to the right 3 squares. I tried various ways, but it doesn't work. How do I move these 3 rows on the top…
Next.js CSS files conflict
I am new to Next.js so I am looking for solution for my problem and advice in the same time. Problem: -On the empty URL (just localhost:8081) I have a login form, with the option to switch to the Register…
Sync CSS with Audio Loud Noise via Javascript
I am totally a non-musical person and I have no idea how to find a solution for this. I have a simple CSS animation that I want to fire via Javascript every time a thunder (peak of the sound bar)…