Currently, I'm able to change the font size once: decrease (-A), default (A) or Increase (A+). If I click the buttons more than once, it does nothing. What I want is to be able to increase/decrease the font size but…
How to select <figure> only when it contains <iframe>? I need to select this figure: <figure> <iframe></iframe> </figure>
I'm trying to make a display that looks like a rounded avatar with text beside it. I've managed to make the rounded avatar but the problem is when I add text beside it, sometimes the avatar becomes oval instead of…
I have a web site which I specified background-color: #005181; using CSS. If I open that page in browser and then check what is the background color using a color picker extension, it is #065181. If I use GIMP and…
h1 { font-size: 50px; color: white; font-family: "Abril Fatface", serif; font-weight: 400; font-style: normal; text-align: center; padding-top: 20px; } p { font-size: 20px; color: black; font-family: "Julius Sans One", sans-serif; font-weight: 100; font-style: normal; text-align: center; padding-top: 20px; } <div…
I am pretty new with HTML, CSS and I wanted to know if this layout is possible to achieve. I have tried using the shape-outside property. But the result is coming out like this: This is what I have done…
I am having trouble getting my JavaScript code to change the CSS style of my article element. I have this in the opening tag for my article element: ''' <img id="n1" onmouseover="visible('c1')" src="img/musicnote1.png" alt="Music Note"> ''' and then at the…
body { background-color: #666e8e; margin: 3rem; } #testlink { text-decoration: none; } #testlink:hover .titles { color: #3c2301; background: linear-gradient(#7bcfd7 25%, #D2B48C 75%); } .test { display: flex; justify-content: center; align-items: center; position: relative; width: auto; height: 150px; background: linear-gradient(#e97e7e 25%,…
I have a bootstrap table and i append the contents of a db in its tbody,but i cant really get a responsive vertical scroll only in tbody only(with a fixed header),i tried to mess around with css and make the…
I have this select where I want a Font Awesome 6 carrot to show: I now have this code, but the carrot does not show, even thought Font Awesome 6 is successfully loaded on the site. See it live here.…