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
-1 votes
3 answers
29 views

Rotating a letter in a word 180 degrees in html/css?

How can I rotate a letter in a word so it's back to front. For example in the word Butter , I want to flip the first 't' so it faces the other way? So they are next to each other and their backs ...
Knersuz's user avatar
-1 votes
0 answers
7 views

How to continue the above numbering from a specific number in CSS?

Here is the topic: I. Part 1: XHTML and CSS XHTML : Basic tags, Lists, Links Bài TH 01 (01-template.htm) Bài TH 02 (02-Noi Dung Mon Hoc.htm) XHTML : Images, Tables Bài TH 01 Bài TH 02 Bài TH 03 ...
Hằng Lê Thị Cẩm's user avatar
1 vote
1 answer
21 views

Position Element in the center of an SVG PATH element

Im currently trying center and angular component element in the center of an svg path element. but i can not find the way to make this possible. the idea is getting something like this: the line ...
Miguel Frias's user avatar
  • 2,592
-1 votes
1 answer
13 views

Changing a CSS style within revealjs

I want to use revealjs with this certain style: https://revealjs-themes.dzello.com/robot-lung.html However, I want the .line color to change on every slide (so within each <section>), which is ...
cvanmeer's user avatar
-1 votes
0 answers
9 views

Avocode / Ceros Inspect alternative

since Avocode and also Ceros Inspect software was sunset recently, is there any good alternative for software that opens Adobe XD files and generates CSS codes?
quarky's user avatar
  • 708
0 votes
0 answers
8 views

how to show group parent as one cell (by combining first columns of children rows)

I would love to manage to see the parent cell as one united cell as i showed on the screenshot below. I couldn't find solution from themeing, customization docs. Could you please tell me what is the ...
Terlan's user avatar
  • 23
0 votes
0 answers
29 views

jQuery UI sortable with body zoom not working, Not calculating drag and drop area correctly

I am trying to jQuery UI sortable work with zoom CSS property on body. But it's not allowing me to drag and drop correctly on the right position. Drag only working with half area, if user try to drag ...
Vijay Dhanvai's user avatar
-1 votes
1 answer
23 views

CSS variable set inside @keyframe animation does not render UI with updated variable value

I am working out a CSS animation that uses CSS variables(CSS properties). I am experiencing a problem whereby I update a css variable inside @keyframes animation, but what is displayed on UI is old ...
hane Smitter's user avatar
0 votes
0 answers
11 views

Add inset shadow in fill Image Next13

I am trying to add inset shadow in my Image. But it is not working. The outer box shadow works fine. ` <div className="relative w-[500px] h-[500px] overflow-hidden group-hover:scale-[105%] ...
asta-sama's user avatar
0 votes
0 answers
8 views

Shadcn focus-visible after click outside still stands

Added dropdown via Shadcn but button keeps beeing focused after clicking outside of menu, shoudn't be like this! Code Before click outside or select After click outside or select Tried to check Radix, ...
Elias Smith's user avatar
0 votes
2 answers
22 views

Tailwind mx-auto does not center the element in the middle [duplicate]

I know this quesion has been asked a lot of times. But they are all complex codes and the solutions differ based on their specific requirements. Please run this very simple code on Tailwind Playground:...
Hasan's user avatar
  • 59
0 votes
1 answer
31 views

How to make navbar follow rest of the content on the page

I am developing a website with a really big table on the index page that goes beyond screen width. The problem I am facing is the navbar and one part of the table doesn't follow the table where data ...
Stefan Vukovic's user avatar
0 votes
0 answers
23 views

Bootstrap Vue form radio buttons - how to change radio buttons width

I use Bootstrap-vue and I have a group of 2 radio buttons (b-form-radio-group) I'm trying to set each radio button to 50% width. I created the following code structure: <b-row> ...
monny's user avatar
  • 107
-1 votes
0 answers
17 views

How can we add swap two textbox value button and it's backend code for asp.net?

I want to swap values between two textboxes and need to add ui button that will swap values. It should be like this - swap toggle I tried many expects but didn't find anything yet. I need it ...
Shivanshu's user avatar
0 votes
3 answers
51 views

Centering an outer container when inside is left aligned in html [duplicate]

I have a bunch of cards on my html page. The container that holds all the cards are left aligned so that when the screen is a smaller size it overflows onto the next row and starts from the far left. ...
kyleprr's user avatar
  • 19
0 votes
0 answers
17 views

Body content hiding in responsive dimensions

I'm making a portfolio website, but when I tried to check if its mobile responsive, the body starts to hide behind the dimensions.. In any other way the code works.. example example2 I want text to go ...
Dimitrije Sovljanski's user avatar
-1 votes
1 answer
21 views

How to create html download timer script with progress bar please help him [closed]

I try to create html download timer script with progress bar buy I can not do it correctly It want one button. After that the time was so with progress bar after time finish i need to show go button ...
Siva's user avatar
  • 1
0 votes
0 answers
10 views

3D Stack Slider Implementation

Just a beginner here and I have Implemented a 3D Stack Slider based on the Figma I designed (the link is down below) and the current implementation I have got is a bit clunky and maybe you've got any ...
marco narca's user avatar
0 votes
0 answers
9 views

Use Amazon Affiliate images links to custom Image Component In Astro

So I am new to using Amazon affiliate program, the instructions they give are that I have to copy the siteStripe code for Images or text like this: and this is the code they provide: <a href="...
nicoiscoding's user avatar
0 votes
0 answers
13 views

Unhover Effect is flickering

i have this html part of my nav element <li id="forSwitch" class="nav-item mx-1" @mouseover="switchHover" @mouseout="switchUnHover"> <a href="#&...
Praise Nacua's user avatar
0 votes
0 answers
22 views

Calculate transform origin to mouse point after scale change

I want to calculate the transform-origin of svg to mouse point after svg's scale changed. As you can see in the snippet, the transform-origin is correct at start, but then mouse move to new position ...
Shuo's user avatar
  • 1,672
0 votes
0 answers
7 views

Glitch with swiper coverflow effect

So I am currently trying to add a swiper from swiperJS in my website using the coverflow effect but came to a problem,in the same page I have a header that is in position : sticky and when the header ...
domdu04's user avatar
0 votes
1 answer
49 views

Using Keys To Move Image Javascript

I have been trying to figure out how to move an image using arrow keys on my keyboard with Javascript. Right now my index.html file has images and they're loaded on my site, but I can't figure out the ...
g dhu's user avatar
  • 1
-1 votes
0 answers
11 views

How do I get the styling to apply after converting a template?

I am creating a storefront application and I chose a free bootstrap template to use. How do I get the styling to show up when I run the solution? I can only see the basic html. I updated, or so I ...
zowaayy's user avatar
1 vote
0 answers
20 views

Animating position of radial gradient using framer moiton

So I have this component which aims to add a sort of spotlight effect to a paragraph/text. I've used a radial gradient as the background image and background clip text to make the effect. I wanted to ...
Dantcho's user avatar
  • 293
-4 votes
2 answers
45 views

Creating a Web with a database [closed]

As a beginner in coding, what are the things that I need to learn in creating a website that stores databases ex. personal details and other information and you can search it when you type a specific ...
Henry Louis Tamon's user avatar
-3 votes
1 answer
38 views

how to remove white space at the bottom of the webpage? [duplicate]

i have been trying to remove an extra whitespace at the very bottom of my webpage that is visible only on mobile view. webpage for reference i have highlighted the borders for every content. I tried ...
Prasant Kumar Pradhan's user avatar
0 votes
2 answers
22 views

what is the correct way to build projects after learning html and css? [closed]

after i learn html and css should i build projects completely from my mind or should i use google for help or somthing .....................................................................
now0thing's user avatar
0 votes
3 answers
24 views

How do you embed two or more external content sources next to each other?

I want to embed two pinterest pins next to each other. Pinterest gives you the html code to do this which looks like this: <iframe src="https://assets.pinterest.com/ext/embed.html?id=...
Cullen Boone's user avatar
-1 votes
0 answers
27 views

Item inside the flexbox doesn't cover the whole width, even when set to 100% [duplicate]

I'm trying to center some elements so that they visually align. The top div has some strange space on the right, and it's making all the content inside that div, pushed over and not truly centered. ...
legoblocks's user avatar
0 votes
1 answer
16 views

Why do rounded dividers look terrible in Firefox, and normal in Chrome?

I just tried to make a rounded divider in Firefox and it looks terrible. Here's the simple code: <html> <style> hr.rounded { border-top: 15px solid #bbb; border-radius: 8px; width: ...
rrutouowrpeie's user avatar
0 votes
1 answer
22 views

any way to match only if all children matches in css? or at worst make it easier to repeat n times [closed]

I was trying to figure out if now that we have new selectors like :has and :is and :where. I can apply a style only if all children matches a selector. In the example below I hardcoded the items to ...
Ricardo Silva's user avatar
0 votes
1 answer
29 views

Page Scrolling Effect

I was trying to clone the UI of an app with HTML and CSS. In the app, there is a sliding effect which it uses to toggle between two parts. While I was doing this, I was able to create the interface, ...
Olalere's user avatar
0 votes
2 answers
19 views

Is there any difference between the align-items property value flex-start and start in flexbox layout?

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1....
holy's user avatar
  • 1
0 votes
0 answers
13 views

::after element not working in my React component - React 3D portfolio project

I'm working on a portfolio project by LamaDev (https://www.youtube.com/watch?v=qALsVa-V9qo&t=2334s&ab_channel=LamaDev). Around timestamp 36:40 he creates this ::after selector which doesn't ...
user7305's user avatar
0 votes
0 answers
16 views

Scroll Effect CSS

I'd like to be able to create a more smooth scrolling animation using css. I believe the effect is labeled as Slide In while scrolling. An example of what I'm looking for is at https://anybrain.gg/ I ...
CosmoCreeper's user avatar
0 votes
0 answers
13 views

How to select one element from a class with multiple elements [duplicate]

I have a project that i'm working on for a couple days and now i just can't move on with this in my sight, i need help I tried several selectors but none of them could solve this if someone can help i ...
Gattts's user avatar
  • 1
0 votes
1 answer
15 views

custom webfont not working on iphone but works on pc/android/ipad

im making a personal website (think of something like neocities) and im having a slight issue. basically, one of the custom webfonts im using works on pretty much any platform EXCEPT ios on iphone. i ...
wheatleyirl's user avatar
1 vote
0 answers
26 views

How to add a background image to a Form on TMS Web Core for Delphi

im trying to get this done on TMS webcore via Delphi code where one can give the form a background image, This is how it would be done in CSS body { background-image: url("material.jpeg"); } ...
Gorhin Stroebel's user avatar
-1 votes
0 answers
38 views

Why does this function not work for changing the background? [duplicate]

Here are the following functions form my "utilities.js" file: export function getBackgroundColor(data) { const weatherCode = data?.weather[0]?.id const period = data?.weather[0]?.icon[2]...
Ryan D's user avatar
  • 1
0 votes
0 answers
12 views

How width of flex item affects the flex container even though there is flex-basis exists [duplicate]

Hey everyone i have simple but serious problem. As u see the question, how width of flex item affects even though there is flex-basis exists. As far as i know if there is flex-basis set in flex item ...
Cihangir Köroğlu's user avatar
0 votes
1 answer
21 views

Load embed CSS file and make edit to hide element

Can I load an embedded CSS file using JavaScript and then edit it to hide the .embed--powered--logo class and hide that Powered by Shoppy from the Pop-up window? The embed code is: <script src='...
bTempDev's user avatar
-1 votes
0 answers
23 views

When I add an opacity < 1 to parent, the backdrop-filter: blur(20px); property seems to stop working

When I add an opacity < 1 to parent, the backdrop-filter: blur(20px); property seems to stop working. .parent-div { position: absolute; opacity: 0.5; .child{ display: flex; ...
Carlos Dubón's user avatar
0 votes
2 answers
62 views

validity of input field using span

I am trying to create an input field with front-end validation. The idea is that when the user types in the password and unfocuses the input field, depending on the criteria that are not met the ...
kangkong's user avatar
0 votes
1 answer
24 views

Fixing the vertical and horizontal position of an element over an image which is set to onbject-fit to contain

I have already several days looking for a solution CSS or component for making an image resizable (height and width) and over the image, elements keeping the position over the same X and Y coordinates ...
Keniako's user avatar
  • 31
1 vote
1 answer
23 views

Apply CSS styles to descendants but not if a child is of a certain selector

I'm asking this question for an Angular application but I believe this relates to CSS in general. I have an Angular component with a number of child components, and each has the standard view ...
DJDMorrison's user avatar
  • 1,322
0 votes
2 answers
20 views

CSS pseudo elements translate faster than main element

I have a simple div with a before and after pseudo element. I use keyframes to transform everything along the y axis. The pseudo elements move faster than the main element and I have no idea why. I ...
Thomas Pötz's user avatar
0 votes
0 answers
32 views

Space on top and bottom of image in Flexbox layout

I have a two column flex layout with an image on the left and text on the right. Looks great at desktop size, but when it starts scaling down to my mobile break point, the image is sized down and ...
trees123's user avatar
0 votes
0 answers
8 views

What are the basics of providing "style classes" for Glade GTK+ for python app to specify a font for a widget?

I am using glade 3.40.0 to edit a GTK+ GUI for a python app, I understand the glade tool is not currently maintained. I have added a GtkEntry object to my existing GUI, and I want to specify the font ...
Charlweed's user avatar
  • 1,527
-1 votes
0 answers
17 views

Is there classname when tab is disabled?

I’d like to change tab style so tab is tab title is invisiable when tab is disabled. I am wondering if there is classname for disabled. tab has classname and selected_classname. Is there like ...
roudan's user avatar
  • 3,188

1
2 3 4 5
15977