Questions tagged [css]

CSS (Cascading Style Sheets) is a representation style sheet language used for describing the look and formatting of HTML (HyperText Markup Language), XML (Extensible Markup Language) documents and SVG elements including (but not limited to) colors, layout, fonts, and animations. It also describes how elements should be rendered on screen, on paper, in speech, or on other media.

Filter by
Sorted by
Tagged with
0votes
0answers
4views

How to posititon text in a slick slider and ensure it does not move around

I'm currently trying to overlay text over the image in my slick slider, however even though I have overlaid the text when I resize the window the text seems to move around in the image. How do I fix ...
user avatar
-1votes
2answers
13views

Why doesn't this margin for paragraph tag work?

I'm following a tutorial on Youtube by Traversy Media to build a responsive website Right around here he adds a top and bottom margin in css at line number on line number 80, which works for him. But ...
user avatar
0votes
1answer
8views

why % in css is extrinsic size while other relative units are fixed sized accrording to this talk

In this talk auto value in CSS is explained in various contexts.Speaker said % is extrinsic unit which make sense because size is dependent on parent. but she also put em, vw, vh, rem and other ...
user avatar
1vote
0answers
6views

Why css rules arent parsing immediately until i restart apache

Any new css rule I add to my external css sheet aren't parsing until I stop Apache and start it again please why is this happening
user avatar
  • 11
0votes
0answers
17views

Shift the underline to the right

Following this question of marking a position between 2 characters, somebody suggested to use decoration of Monaco Editor. I tried the following code in the playground. (* JavaScript: *) var editor = ...
user avatar
  • 8,030
0votes
0answers
19views

jquery show div if results returned in search

I have below tab in html which show search bar with results and allow user to search from there ,if user enter text it start search from that particular word now want to show only search bar once user ...
user avatar
  • 45
-1votes
0answers
17views

Js: 'do A on class X' prevents/overrides 'do B on class X'

I've got a songbook with a complex setup. In the snippet you'll find the core, a <div class"txt CHORUS"> and a <div class="txt LYRICS">. The community helped me with a ...
user avatar
1vote
1answer
14views

How to decrease margin between divs as window resizes?

I'm working on a project in which I have a left menu and a form positioned as can be seen in the following image: As you can see there is a margin between these two elements, in this case the margin ...
user avatar
0votes
0answers
10views

MUI v5 - Correct way to use <CSSTransition> component

I'm using MUI v5 and trying to avoid using the deprecated useStyles hook. SOP seems to dictate using the sx prop in MUI components, however to use CSSTransition and other components from react-...
user avatar
  • 253
-1votes
0answers
13views

css flex box challenge -3

**please do help in making this CSS page I posted below ** take it as a challenge , I tried but failed in it. have a nice dayenter image description here
user avatar
3votes
1answer
41views

How to sort an array of HTML elements with JS

I want to sort an array of HTML elements. I want to sort them by the css left property value. That means that the element with the lowest left value is the first element of the array that I want to ...
user avatar
0votes
0answers
9views

How to set mobile phones display width that scales automatically?

What I'm trying to say is: I'm using squarespace for my website and it's all super cool and super easy to use for a novice like me but, I need to put some css for minor things, especially for the ...
user avatar
0votes
1answer
25views

How to center a div while using transition and transform with scale

I have build a popup for my react app and I do not want to use any external library. Now I am trying to use transition and transform with scale and then calculate the popup width and height and center ...
user avatar
  • 4,863
1vote
3answers
30views

Inline height and width on div not applying, while it does on canvas

#mycanvas { box-sizing: border-box; position : relative; top: 100; left: 0; } #base_map { box-sizing: border-box; position : relative; ...
user avatar
  • 277
1vote
2answers
20views

How can I change enter the two text in another line

I had tried to to change the line of the two text in HTML in which both of them are enclosed in a <div> </div> tag. In this div the tags which are present are as follows: <p class=&...
user avatar
0votes
1answer
21views

Text disappearing after CSS fade-in animation?

I'm trying to set up an animation where a title fades in first and after a delay the subtitle fades in. The title is working fine, but once the subtitle fades in it disappears completely. It was ...
user avatar
  • 1
1vote
1answer
35views

Prevent browser from scrolling to select element when focusing

How can I prevent browser from scrolling when focusing? Here's my code: select { width: 200px; height: 55em; overflow: auto; } <br><br><br><br><br><br&...
user avatar
0votes
0answers
6views

How to add a <tr> so that the tasks can be shown 1 after the other in a JS/CSS/HTML To-Do List? [duplicate]

So in a to-do list project, I wrote this: <table id="list"> <tr> <span id="task" /> <input id="inTask" placeholder="Add ...
user avatar
0votes
1answer
13views

Cards in grid not adjusting their heights as wanted

I am using Tailwind with React and I have a grid that looks like this currently. <div className="grid xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2 grid-cols-1 place-items-center gap-4"&...
user avatar
  • 193
0votes
0answers
7views

How to slow down the much too accelerated scrolling of "Top Stories" in CSS the "element.style" element in my case (WordPress)?

I'm trying to change the animation speed (which is 7.07168s as you can see in the screenshot below) of the scrolling text on the bottom "Top Stories" line of my site: https://ynews.info/ ...
user avatar
1vote
0answers
19views

How to Convert CSS Gradient to Flutter Gradient

How to convert CSS Gradient background: linear-gradient(177.82deg, rgba(138, 160, 55, 0.2) 51.9%, #8E9B5E 69.3%); to Flutter Gradient?
user avatar
  • 144
0votes
1answer
10views

How can i vertically align this header with flexbox?

still learning flexbox. I can´t find the reason about how the items on the nav element are not vertically aligned with the h1 text. Would love some help! Link for the codepen at the end. The expected ...
user avatar
  • 1
0votes
2answers
12views

CSS sticky navbar issue

navbar disappears in second section. tried everything but does not work. I am not into coding btw. just complying to a subject requirement here is the file to get a better look tried everything I ...
user avatar
0votes
0answers
7views

Hiding Scrollbar from Material UI Treeview, while maintaining scroll functionality

How do I maintain the vertical scroll functionality, while at the same time, hiding the scrollbar in Material UI's Treeview API? I have tried a few combinations of styling directly in the tree view ...
user avatar
0votes
1answer
16views

Scroll element up instead of scrolling page down

I have a page that currently consists of a nav bar, a page header and the body/content. I've been looking for a way to have the body scroll up into/over the header instead of the entire page scrolling ...
user avatar
0votes
1answer
22views

My background image disappeared when I pushed my website to GitHub

I have non idea why it vanished. I can see it when I look at it from my remote explorer, but from my published site it's gone! body { background-color: rgb(46, 46, 46) !important; background: url(/...
user avatar
2votes
2answers
27views

How to prevent a modal that is placed absolute centered from touching the top of the broswer when only height of screen is changing [closed]

So Currently, I am creating a modal that is centered in the middle of the page by position absolute. The problem is when I adjust my broswer height and only the height, it will push the modal up and ...
user avatar
0votes
2answers
28views

How to reposition in CSS the block of Tags completely at the top of the homepage at the level of the part circled in red?

I would like to position the block of Keywords "Beautiful, business, Cities, Macbook, World" visible on the screenshot just above "Main Stories, Editor's Pick, Trending Stories" at ...
user avatar
0votes
4answers
35views

How to create a button with slided corners?

How can I create a button like this one I saw on Qt website? The green button with edges. I don't want any library or anything. Answer is appreciated in plain HTML and CSS only. Any way to implement ...
user avatar
  • 1
0votes
2answers
32views

How to avoid repetition of CSS properties across multiple Web Components

I'm building with Web Component without any 3rd-party framework. And I have vanilla <button> in several of my components, and I have to reset EVERY ONE of them before I do my custom styling on ...
user avatar
  • 5,289
0votes
1answer
17views

How to getComputedStyle of sub-element of div?

Sorry in advance for the ESL choice of words. What I'm trying to get is the getComputedStyle of an h3 that's adjacent (?) or related (?) to a div which has a specific class (mainBook), while the h3 ...
user avatar
-3votes
0answers
25views

generate random background color from array of three color

hope you are doing great. I’m working on reactjs project and I’m fetching API and it will send back multiple around 100 results as a div and each div should have different background color from array ...
user avatar
-2votes
0answers
17views

Link user choice graphically

is it possible to link user choices when they select their choices : What I'm trying to do Here is the code in codepen : My current code I'm not sure if it's possible to do it or even how to do it. I ...
user avatar
-1votes
0answers
15views

How to hover css with two color slide past each other like video?

I don't no do it which like hover 3 in video, Please help me, i try but i do 1 color slide . https://www.youtube.com/watch?v=lmiqBmAb-ac CSS .box a:nth-child(3){ background: linear-gradient(...
user avatar
0votes
0answers
7views

Target Label within TD based on Next TD [duplicate]

I'm trying to add some jQuery to a page to change the label text on a 3rd party page. I can't control the poor HTML on the page but can add javascript to achieve the result. The HTML looks like: <...
user avatar
-2votes
1answer
22views

Cant put text beside instagram embed

i want to put some text beside an instagram embed but i cant find how to do that I would really appreciate the help image of the problem heres the code: codepen.io/chris8borg/pen/NWXdzNx
user avatar
0votes
0answers
6views

Modular SASS classes are not applied to me in the correct order

everyone. I have this situation: I am as a developer on a project with React and I am using SASS modular styles. But, the styles of the last class to that element in my UI are being overwritten by the ...
user avatar
-1votes
2answers
19views

How do I column my navigation for a certain screen size?

I'm learning HTML and CSS Right now and I'm watching this tutorial: https://www.youtube.com/watch?v=CrSC1ZA9j0M&t=1956s I follow the code but at 59:40 only my Home and Social media buttons that ...
user avatar
0votes
1answer
27views

Remove a className only the sam parent div

do you know how to keep selected a div in a different column, right every time I click on a div it remove the previous selected. I would like to keep the user choice selected on each different column :...
user avatar
0votes
0answers
14views

Change color of a div on scroll after x pixles [duplicate]

I currently have a sticky navigation bar on my page. After the user scrolls down the page (Specifically at the 100vh mark), I would like the background color of the navigation bar to change. My ...
user avatar
0votes
1answer
23views

datepicker, place the window to the right

I use Angular 13, Bootstrap 5 and ngx-bootstrap-fix-datepicker version 5 for my project. "bootstrap": "^5.1.3", "ngx-bootstrap": "^8.0.0", "ngx-bootstrap-...
user avatar
0votes
1answer
16views

Color to CSS Color Filter

I have been trying to filter a fully white image to be able to change colors properly by inputting an RGB value and filtering the image to said color. I have found a relatively good example on this, ...
user avatar
-1votes
1answer
43views

JS + HTML + CSS Rock Paper Scissors game not working [closed]

So I made a rock-paper-scissors game. Everything works correctly (the buttons work fine, and also the keypress events) however when you choose rock/paper/scissors, it doesn't play the game. It can ...
user avatar
-2votes
0answers
26views

How to animate a line through an image on hover? [closed]

I have an image of a tic tac toe board that I want to make a diagonal line through when hovering over it. I was wondering how I can do that? :) I have tried some options that I saw on other forums, ...
user avatar
-1votes
0answers
41views

How to make a smooth seamless infinite HTML/CSS animation?

I've been trying to make a infinite seamless vertical scrolling line but fails with the restart of the animation that makes the whole page blink. Any clues where to go next? This is made from trying ...
user avatar
  • 1
0votes
0answers
15views

How to change the colours for the list of TOC contents in a Distill article in R, using the CSS file

I'm still very new to this so I'm not sure if it's a R issue or a css issue. I'm trying to change the colour of the elements listed in my table of contents in a distill article. Specifically it is ...
user avatar
  • 264
0votes
0answers
11views

if statement Alert not working after submitting

This WordPress PHP code alert should work after the instructor clicks submit to review but it does not show any alert. <!--since 1.8.0 alert message --> <?php ...
user avatar
1vote
0answers
19views

Keyboard Performing Differently on Mobile

I have a keyboard created in html and designed to be responsive. The keyboard looks and works correctly on desktop, but is cut off and looks completely different in mobile browsers. On mobile the ...
user avatar
-3votes
2answers
51views

How to convert text to css [closed]

I’m trying to make a download page for a project that lets you download text files and it has to be as short as possible. Code <link rel="stylesheet" href="?"><a><...
user avatar
-1votes
0answers
14views

How to work with google calendar's API to schedule meetings [closed]

I've been in the process of finishing up a project and decided to tackle on the Scheduling a bit different than I've had to do before, by using the google calendar's API to straight away get all of ...
user avatar
  • 1

15 30 50 per page
1
2 3 4 5
15070