Skip to main content

All Questions

Tagged with or
Filter by
Sorted by
Tagged with
0 votes
0 answers
5 views

How do you change the clickable region around a label in Java FX?

In Java FX, you can change the padding around a label with CSS. In doing so with negative values, you can remove some space between the border of the label and the text inside it, like the images ...
George Economou's user avatar
1 vote
1 answer
9 views

Overlaying a div with an svg using CSS grid layout when div size is unknown ahead of time

I have a div: it has width, but it is not known ahead of time it might or might not have height set when height is not set, it should expand vertically to match content. I want to overlay that div ...
Loki Kriasus's user avatar
  • 1,299
1 vote
1 answer
27 views

Remove firefox form field highlight?

I'm having this problem with firefox form fields. They're suddenly highlighting in bright, ugly blue, and I'm trying to get it back to the original, more clean dotted line. Actually, at this point, ...
Jake J's user avatar
  • 129
0 votes
0 answers
32 views

Can someone help me find the error in my code? [duplicate]

My content won't rest inside my background image properly. I need it to be centered with one another. It's just not happening. The first image is the expectation and the other is mine. Can anyone ...
Kewonte' Thomas's user avatar
0 votes
0 answers
13 views

css is not loading on server after hosting but loading when run local

I am trying to host asp.net core website(.NET8) on linux server. At local everything work fine but when i host on server it then the .css is not loaded and it gives 404 not found (please check http://...
sst's user avatar
  • 33
0 votes
1 answer
30 views

How to simulate button click using rvest

I am trying to scrape a webpage that requires a button press to populate a table. I am able to achieve this for some buttons but not others. I am trying create a reproducible pipeline using rvest and ...
babylinguist's user avatar
0 votes
1 answer
22 views

Delay between percentages in keyframes css

i need to change various images in one div, but i want that, between image and image, 1s delay. I need to set a delay between percentages in keyframes here my code .imgWrapper{ background-size: ...
mini1012's user avatar
0 votes
1 answer
22 views

When clicking on hamburger menu nothing happens

I'm creating responsive navbar for my website, and I came across to this simple looking problem. Whenever I'm clicking on hamburger menu icon nothing happens. My idea is -- whenever hamburger icon is ...
jordimetil's user avatar
-4 votes
0 answers
26 views

How to code a ratings distribution widget? [closed]

I am trying to create a ratings distribution visual. Like these examples: It's for a site where users rate items and I'm looking for direction on how to develop something that display's the ratings ...
user3471040's user avatar
-1 votes
0 answers
20 views

Triggering a swipe event with a click

I created a simple horizontal scroll window for viewing reviews. I set up scroll-snap and also added some JavaScript so that on clicking one of the chevrons bounding my scroll window the content is ...
ufghd34's user avatar
  • 161
0 votes
1 answer
23 views

Relation between <a> tag and image in CSS responsiveness

i am trying to resize a image(.logo) placed in a tag. But whenever i make the image smaller, the image is get small in size but the size of tag remains same. And the space between the image and next ...
MR Mornamo's user avatar
0 votes
0 answers
27 views

Viewing my site on a mobile scales a background image differently to a desktop browser set to the phone's dimensions sveltekit

So I have a paragraph and an svg graphic (nearly a rectangle but with 'wavy' edges on the top and bottom) in my sveltekit site. I would like the SVG to stretch to fill the width of the screen and ...
tobyallwood's user avatar
0 votes
0 answers
16 views

Change cursor color on hover in css [duplicate]

So my question is:- Can we change the Colour of Cursor pointer during hover state of a button? If Yes, then How? eg. The viewer's cursor default color is white. But I want it to be black when the ...
Suman Das's user avatar
0 votes
0 answers
17 views

Windows Presentation Framework (WPF) Markup Contol for CSS

I am developing a VSTO adding for Visio that has a modal dialog / form that enables the user to edit CSS classes for rendering Visio models in SVG format, and to be able to see the results immediately ...
Andrew Tyson's user avatar
0 votes
0 answers
27 views

Flickering unstyled content code need for elementor

I need this code to be usable with all my template instead of one specific template of my website. I am using Elementor and it suggested following code: add_action('wp_enqueue_scripts', function() { ...
Hassan Cheema's user avatar
-3 votes
0 answers
23 views

Pressed Pseudo-class Not Triggered When Clicking a Link with target='_blank' and Returning [closed]

In this AI age, who would've thought that we would have problems with simple pseudo-classes in our browsers? I have some links with pressed pseudo-classes. The issue is that when you click a link, it ...
benxha's user avatar
  • 35
0 votes
1 answer
29 views

Notifications "action" button position

I try to create a vue/bootstrap notifications component with action buttons. Thats my current result, no matter what i do, the buttons are part of the notification body itself: Instead of that, i ...
Marc's user avatar
  • 3,876
0 votes
4 answers
54 views

Can you figure out how to align the top of the <p> tag with the top of the <textarea> tag?

I’m trying to create a text box in the style of a source code editor, but I’m using the <p> tag for the number side bar thing, and the <textarea> tag for the source code, so they do I'm ...
Person's user avatar
  • 3
0 votes
0 answers
6 views

iOS and Focus on Search Form on a Webpage: Unwanted Enlargement of the whole page

I have a form field of the type "search" on a valid* page: <search> <form action=https://cse.google.com/cse method=get target=_blank> <input type=hidden name=cx ...
ibu's user avatar
  • 35
3 votes
1 answer
20 views

How should I reference different files for different devices using Angular?

So this is my project's structure in version 18.2.8. enter image description here This is the structure if I'm looking with a pc: enter image description here What I want to do is to show a css file ...
Miler_2's user avatar
  • 33
0 votes
1 answer
34 views

Text positioned over WebGL canvas becomes blurry

I have encountered a problem where my pixelated text that overlaps with a WebGL canvas becomes noticeably blurry. Pictured is (1) the element slightly above the canvas and then (2) touching the canvas ...
sandy's user avatar
  • 11
0 votes
0 answers
31 views

Iphone 'hamburger' button doesnt work well. Website made with elementor pro

I made a website using elementor pro. I made a menu with an hamburger button. When I click it on my android phone it opens normal. When I use an iphone with developer tools it works as well. But a ...
Ismail's user avatar
  • 1
0 votes
1 answer
41 views

Replace default mouse cursor in Gmail and Chromium

I am trying to replace the default (ugly) mouse cursors that Gmail uses within Chromium. This problem does not happen in Firefox. So far, I have the following code... I detect the custom icon I ...
cacamailg's user avatar
  • 133
0 votes
0 answers
18 views

Why my css transition failed to implement my expected sliding?

I am trying to make a very simple display time project for practicing my coding skills, the main implementation logic is completed, but there is a tiny problem is that I want to implement a fancy way ...
Rookie's user avatar
  • 19
0 votes
2 answers
30 views

How could I obtain clickable box ability for every box I have newly created for creating new boxes at the end of boxes row [duplicate]

I want to change my code for obtaining creation of new round box after clicking any box from new created set of them, not only first box. How could I obtain this ability for my code? const box = ...
Szymon Howorus's user avatar
0 votes
1 answer
18 views

Change vuetify v-field label font size

Im trying to customize the font size of the label of a v-text-field. The problem im encountering is that when the field is clicked, the label normally transitions to the top of the field and becomes ...
Felix's user avatar
  • 25
0 votes
0 answers
9 views

Footer overlaps content instead of creating new page with Paged.js in A4 doc

I'm putting together an HTML document that needs to be A4 sized and needs to be very strict about the positioning and styling of its items, so I'm using Paged.js to set up pages while also maintaining ...
Guilherme Henrique's user avatar
-2 votes
3 answers
59 views

I want a signature animation on my svg i have tried but only half of its is showing? [closed]

<svg xmlns="http://www.w3.org/2000/svg" width="282" height="122" viewBox="0 0 282 122" fill="none"> <!-- Signature Path --> <path id="signature" d="M59.1294 91.0229C59.2018 87.6683 ...
user17651225's user avatar
-1 votes
0 answers
38 views

Why does my dropdown menu expand upwards instead of downwards in my component?

Description: I'm working on a dropdown menu in my React component. When I click a list item to expand a dropdown menu, it expands upwards instead of expanding downwards as expected. I want the ...
Potatostudies's user avatar
0 votes
1 answer
22 views

Can't change React-tilt default options doesnt work

i'm designing a blog, and i want to use react-tilt for a premium and incredible experience, well, everything works, tilt works, effects works, but i want to change default options, like max tilt ...
mini1012's user avatar
-5 votes
1 answer
54 views

CSS Navbar Media Queries-

I'm a designer now working as a web dev (taught myself thru YT lol) Working on a nav-bar for one of my first clients and struggling to make it responsive on smaller devices, and scratching my head as ...
user28774270's user avatar
-1 votes
0 answers
17 views

Style a fullscreen slider for portrait and landscape images

How would I style a slider for mobile devices for landscape and portrait images where all images are set up as a square image as either a pillerbox or a letterbox the user is supposed to rotate the ...
theking2's user avatar
  • 2,684
0 votes
1 answer
25 views

Bootstrap 4 Navbar not working on mobile view

I'm having an issue in the mobile view of my chrome dev tools. I've seen the issue on a friend's phone, but my phone works fine... I have a bootstrap 4 navbar with dropdown menus, and the dropdown ...
xanabobana's user avatar
4 votes
2 answers
70 views

Make an element sticky until a specific amount of the remaining container height is reached

How can an element be defined to behave like a sticky element only when the remaining height of the element is greater than a specific size (that I will call sticky container margin)? For example, in ...
Benjamín V's user avatar
-1 votes
0 answers
18 views

Move button text down and change button color [duplicate]

In WordPress, I was able to change some radio buttons to look like buttons using the below CSS: .gfield_radio { list-style-type:none; margin:25px 0 0 0; padding:0; } .gfield_radio li { ...
John Beasley's user avatar
  • 3,043
1 vote
2 answers
46 views

How to make transparent inside of path canvas

I have script that writes two triangle, blue and red. I want to make transparent this area instead of blue and red like Paper-cutting work. (I want to put the image background, so it must be ...
whitebear's user avatar
  • 12.3k
0 votes
2 answers
44 views

React Native OTP Input - Cursor Not Centered in TextInput Box

I’m building an OTP input component in React Native with four TextInput boxes, but I’m facing an issue where the cursor is not centered inside the box. Instead, it’s aligned to the right side of the ...
Arijit das's user avatar
0 votes
3 answers
53 views

How to set CSS attributes for one element on the basis of other element's class

I am working with React and CSS. I wanted to set "background-color":"yellow" on selector 2 (tr#selector2), if selector 1 (div.selector1) is having "show" class: div....
sunil's user avatar
  • 165
-3 votes
0 answers
30 views

Creating responsive flexbox grid with equal items [closed]

I have a problem with matching all my requirements regarding boxes in flexbox. Assume I have 3 breakpoints. My requirements: On first breakpoint, boxes should be in one column, on second breakpoint ...
Sheppard25's user avatar
0 votes
0 answers
23 views

How can I make Shopify Liquid Code Colour Swatch code less squished?

I have some code that checks for a colour swatch on Shopify liquid code, it links to the silver or gold version of a product based on a custom meta field, but the text is all squished, can anyone help ...
Daniel Grosso's user avatar
1 vote
1 answer
48 views

What is the correct browser behaviour when you have CSS shorthands in combination with individual shorthand constituents?

Consider the following code. a { text-decoration-color: red; } .oops{ text-decoration: underline; } code { border: 1px solid rgb(0 0 0 / 0.2); padding-inline: 0.5em; } <p>This <...
Mark Fisher's user avatar
  • 1,227
-1 votes
0 answers
16 views

ComposedChart React

<React.Fragment>         <Stack spacing="1-x">           <div id="benchmark-filter">             <BenchmarkFilter               isSettinsPage={false}      ...
Kritika Chordia's user avatar
-1 votes
0 answers
78 views

flex container has extra bottom gap when a card-body is inside, and container of the .row has fixed height [closed]

I have 5 cards which have display as flex in a row with class mrow.I have the row in a container with class mcontent.The height of the row is 571px. .mrow{height:100%} .mcontain{height:571px} But ...
user3103982's user avatar
-1 votes
1 answer
77 views

Background showing through div background [closed]

I fixed it, thanks for trying. The problem was the translate and transform. I replaced it with z-index and ran javascript to find the center. Check it out, always room to improve It does not work on ...
Smiley_Guy's user avatar
0 votes
0 answers
28 views

react navbar components alignment

well i have been stragling to align all the items of the navbar next to each other couldn't see where the problem is i tried to fix the size of the logo but it didn t work and the elements remaind on ...
emir fenina's user avatar
1 vote
2 answers
27 views

ionic controlling height of controller modal

i am using a controller popup launching like this async openNwInsights(){ const modal = await this.modalCtl.create({ component: ExplainNetworthComponent }) modal.present(); ...
Moblize IT's user avatar
  • 1,306
0 votes
1 answer
25 views

How to styling AutoComplete component in Primevue

i need to how to styling AutoComplete component in PrimeVue this is the current code sample <AutoComplete size="small" v-model="selectedEmployee" class="" placeholder=...
Suneth Udayanaga's user avatar
1 vote
1 answer
32 views

Select only the first match after each instance of another kind of match

I have a table that is broken up into groups headed by specially formatted elements. The first row of each group requires some special formatting so it is appropriately spaced and delimited from the ...
Caroline Regalado's user avatar
0 votes
0 answers
14 views

vs code Go To Definition for alias path css import in Astro project does not takes to original file but to client.d.ts file

I have Astro based project where using path alias for css file. { "paths": { "@/assets/*": [ "src/assets/*" ] } } and here is importing css ...
xkeshav's user avatar
  • 54k
0 votes
1 answer
33 views

User icon moves with the menu in a Bootstrap 5 navigation bar

Question: I'm using Bootstrap 5 to create a sticky navigation bar at the top of a Django project. When the navigation menu expands on smaller screens (via the toggle button), the user icon (fa-user) ...
Aarón Más's user avatar

1
2 3 4 5
16155