6,059 questions
0
votes
1
answer
40
views
transition on bootstrap column width is sluggish
i want to apply transition on bootstrap columns width when open state changes, the transition works but it's sluggish, it's not smooth at all
layout.js
"use client";
import { useState } from ...
1
vote
1
answer
105
views
Why doesn’t "auto" change the width and height of my image?
I tried to add a picture to my HTML page, but the image was always way too large. I didn’t want to set the width and height in pixels, because then it doesn’t scale properly when the browser isn’t in ...
0
votes
0
answers
25
views
Content with "white-space: nowrap" increases the element width [duplicate]
Imagine I have a card with width: auto, growing horizontally with its body content until it reaches a certain max-width. This card have a one-line title that should be clipped and display an ellipsis ...
3
votes
2
answers
68
views
Set div height to half the width minus 50px
To make my div’s height equal to its width, I use aspect-ratio. For example:
width: calc((100% / 5) - 8px);
aspect-ratio: 1;
Now, I want the height to be half the width minus 50px. I can’t just use ...
3
votes
1
answer
121
views
How to set the width of boxplots with custom quantiles?
For these boxplots with custom y quantiles and centered on the medians x_q50, how to set their width based on given x quantiles (e.g. based on x_min and x_max, or x_q025 and x_q975...), while having ...
0
votes
0
answers
17
views
CSS How all elements with inline-block be overflow scroll after it exceeds width [duplicate]
The last Element with inline-block will be show in the bottom after it exceed width
How can i make all elements will be in same row but has overflow scroll if it exceeds the width of the box?
Here's ...
-1
votes
1
answer
77
views
Why can max-width: min(100%, 30em) make the container take up all available space, depending on the size of its contents? [closed]
I was trying to be smart and applied max-width: min(100%, 30em); to my elements that contain text. The result is that under some circumstances, the container of such an element takes up all horizontal ...
-2
votes
1
answer
58
views
How can I resize the entirety of a webpage's content if it exceeds the width of the browser window? (without changing the item positioning at all))
Probably not the best way to ask what I'm asking but I don't really know how else to say it.
I have this recreation of the sega.com website from 1996. I tried to remake the layout without using tables ...
-1
votes
1
answer
70
views
How to have a summary-like textbox [closed]
I want to have a textbox with the following logic:
Meaning, some text and the dots until reaching a predetermined width and a number. I am aware that since I am not using a monospaced character the ...
0
votes
1
answer
54
views
adjust bar width, padding, and distance between x categories INDEPENDENTLY in 2 factor ggplot
I am trying to create a 2-factor plot where I can increase the distance between categories (dog vs. cat) WITHOUT affecting the padding between bars or width of the bars. This has been a whack-a-mole ...
0
votes
0
answers
36
views
How do I appropriately size images when using bootstrap?
I am inserting a picture into a bootstrap carousel; but the image is too zoomed in. I have attached a picture of the original image and the output on my screen.Original imageCentered imageimage with ...
0
votes
1
answer
35
views
Have div fill the space when the edges of the space are relatively moved
If I want a div to fill the space between two others, I can do the following, and the overflow:auto on the container of the centre div causes it to fill the space. However large or small (within ...
0
votes
0
answers
41
views
Ant Table fixed column width
The column width is not set via the width property.
If you set the width of the cells, the column will still stretch if the table container is enlarged.
Can you tell me, has anyone come across such a ...
0
votes
2
answers
64
views
Is `auto` a valid value for the HTML attributes `height` and `width`?
Is auto a valid value for the HTML attributes height and width ?
Please provide a reputable source. I was unable to find a reputable source saying yes or no (i.e. specifically settling this issue one ...
0
votes
0
answers
38
views
How to Fix Width and Height Not Applying in Login Modal?
The modal in the first code block is the same as LoginModal, but even though I specified the width and height in LoginModal (as shown in the second code block), the width and height are not being ...
0
votes
1
answer
49
views
Tie row height to grid width
My grid can have cell content of varying heights, three cells in each row, the row height grows to match the tallest cell content, but should not drop below 1/3 of the grid width (basically meaning ...
0
votes
2
answers
812
views
How do I modify the width of the password component in PrimeVue?
I am trying to override the default width of the Password component in PrimeVue but it didn't work.
**I have attempted to override the width using the following CSS:
**
.p-password-input {
width: 100%
...
-2
votes
1
answer
54
views
Background color shrinks when trying to make it responsive, i would also like to center my items when resizing, cant figure it out
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&...
0
votes
2
answers
115
views
How To Make All Flex Items The Same Length As The One With Longest Text With No Text Wrap
I am trying to make all sibling flex items the same width as the one with the longest text, without making its text wrap. So if an item has the text "First" and another one has much longer ...
1
vote
2
answers
96
views
How to prevent text moving when transitioning sibling element's width
I'm developing a website that will have a "learn more" button that's split in two, one part says "learn more" and the other says "+". When the mouse hovers over it the &...
0
votes
1
answer
57
views
Overflow hidden and parent width transition
Here is the fiddle with the best i could achieve regarding my problem: https://jsfiddle.net/langocha/rofyxbhq/
When i hover the yellow box, i want a message to get out by the right side of it and ...
2
votes
2
answers
78
views
Set element width based on a string that is not in the element
I have a React component that can render one string or another.
const MyComponent = (props: {
readonly textA: string;
readonly textB: string;
readonly renderB: boolean;
}) => {
...
0
votes
1
answer
49
views
Flutter AlertDialog Container minimum width size controll
Hello mates
i was making instagram colon app with flutter and i wanted to making this pop up page but when i tried to make container size less than 100, it wasn't work and i couldn't find the way can ...
0
votes
1
answer
59
views
Get PythonTkinter width of string in pixels using given font
Given a string such as "this is a string" or "THIS IS A STRING" and knowing the font family and size, how can the pixel width be calculated?
This is required to align columns for ...
0
votes
0
answers
58
views
Why `geom_arc_bar()` width is not uniform ? How to make it the same width everywhere?
From this dataset:
data <- data.frame("type" = c("low_carbon", "high_carbon"),
"start" = c(0, 0.7 * pi),
"...
0
votes
2
answers
716
views
How to get WooCommerce shop page to show full width
I'm struggling to get my WooCommerce shop page full size (or at least wider than default). I've tried all sorts of CSS codes from other posts, but they either also change my other pages, or don't do ...
1
vote
1
answer
670
views
Does TailwindCSS support ch units of measurement?
New to Tailwind and re-writing a site but in my Styled Components file I'm declaring a ch unit of 50, example:
const Foobar = styled.div`
max-width: 50ch;
`
when researching the documentation I don'...
0
votes
1
answer
105
views
HTML body does not obey the width or height
I am doing my own portfolio site using HTML and CSS, so far so good. All the other pages are responsive and looking good, but there is one page that for some reason the HTML body does not obey the ...
-1
votes
1
answer
44
views
How to make a flexbox container auto-width and centered with buttons aligned next to each other?
Im using the following code, but the container is still full width
I'd like it to adapt to the width of its contents
.cta-primary {
display: flex;
justify-content: center;
align-items: ...
0
votes
3
answers
54
views
Can't seem to centre page on mobile browser load up, automatically corrects itself to where I want it after scroll. html/css related [duplicate]
How the website loads on mobile
After a scroll the sections jumps to the desired loading location
So, I'm trying to centre a section with a heading, paragraph & button on a welcome page. My code ...
-1
votes
2
answers
56
views
Quarto 20:60:20 html layout on multiple screens
I am unable to achieve a reasonable layout of quarto html output. On wide screens there are 2 extra spaces left/right on top of standard sidebar / margin, and I am loosing TOC when playing with column-...
1
vote
0
answers
226
views
How to scale an image on hover without messing with other elements, while also respecting max-width, using only CSS?
I'm trying to add zoom on hover to some images. The entire images should be viewable while zoomed in.
First I tried classic scale transformation, but it doesn't work well with smaller devices like ...
0
votes
0
answers
24
views
Navigation bar won't fit entirely on the screen
navigation bar problem
I'm having trouble regarding my navigation bar because it won't fit entirely on my screen when i'm decreasing the screen width when inspecting. What should I do?
I already tried ...
0
votes
2
answers
47
views
How to get the *rendered* width of element with javascript/jquery? All methods tried yielded only intrinsic width
I have a slider with a html like this
<div id="bilder"> | height: 70vh;
<div id="pappediv"> | height: 100%;
<div id="slider&...
0
votes
1
answer
112
views
PyQtGraph: Retrieve size of GLTextItem
I'm using pyqtgraph to plot radar data (in 2D and 3D) using a GLViewWidget. Adding and visualizing the data in 2D and 3D works well.
I also added text labels using GLTextItem, but they are a bit ...
1
vote
1
answer
82
views
Get the width of a custom control from within its own class, in .NET MAUI 8?
How do I get the width of a custom control from within its own class?
I'm creating a custom RangeSlider with a track, an overlapping range and two thumbs to change the range. In XAML, I am able to get ...
0
votes
1
answer
67
views
Flutter set Smallest Width DP
I want my app to have the same look and feel with regards to the font sizes and space occupied by my widgets. Currently, in different phones with different smallest width and varying DP, the font ...
0
votes
1
answer
26
views
Change background on hover
I want the whole of the background to change on hover. At the moment the width of change in color hugs the width of the original text plus padding and not the whole width of the submemu.
I tried the ...
0
votes
3
answers
56
views
How can i fix my CSS so that width accounts for both padding and border?
To put it simply, i want my sidebar here to be 20% of the width of the page, while the article itself is 80%. Because of the padding in my different sections, the width is offset, meaning i have to ...
-1
votes
2
answers
57
views
Shuttle theme full width
I want the part of "RENT A CAR DONI" on https://liridonigraphics.com/, the red background to be full width but the theme has any option that is not letting it done. Can you help me how to ...
0
votes
1
answer
385
views
Dynamically set column width on page in Business Central
For some background, I'm a junior Business Central AL developer with not much experience. I am hoping to find some help with the syntax of what I'm trying to accomplish.
Situation:
I have several ...
0
votes
2
answers
50
views
width: inherit/100% of a child
I want to put a side bar on top of an image, with the same width as the image. Neither width: inherit|100% work.
CSS
body {
display: flex;
}
#main-pic {
...
-1
votes
2
answers
868
views
How can I set the width of a Bootstrap 4 toast?
I have a page with a Bootstrap 4 toast where I set the toast's postion as postion: fixed. The whole toast part looks like this:
<div class="container mt-5">
<button type="...
0
votes
2
answers
159
views
Chart.js: Is there a way to have a chart with fixed height and variable width based on the number legend's items
I would like to know if there is a way to make the chart's width increase if the number of items in the legend doesn't fit with its initial size
I tried a lot of different settings and approces like ...
1
vote
1
answer
63
views
Why is the width of my webpage exceeding the device width
I'm encountering an issue with building a responsive webpage. When testing the page's responsiveness, the width extends beyond the device's width for some reason.
I've tried removing various parts of ...
0
votes
0
answers
53
views
Entrywidth argument not working in R plotly
I am trying to make an interactive plot with the plotly package. The legend needs to be next to the image and have a certain width. I now have the issue that the default appears to be that the legend ...
1
vote
1
answer
262
views
How to control the width of bar charts in chartjs?
The bars in my bar chart using chartsjs are too wide. How can i make them thinner?
Here is my code
<body>
<div class="chart-container" style="position: relative; height:40vh; ...
1
vote
2
answers
174
views
Flutter: Have TextField (or any widget) take up only the minimum necessary space
I am new to Flutter, coming from React and Vue.
I'm trying to make a simple widget used to enter hours and minutes. I think it is turning out fine, although I have the problem that the widget ...
1
vote
1
answer
94
views
How to increase error bar width using stat_summary (ggplot2) in R
I'm following this tutorial to plot a stripchart with error bars, but I'm being unable to control bar width.
# Convert the variable dose from a numeric to a factor variable
ToothGrowth$dose <- as....
1
vote
0
answers
199
views
How to configure full screen MenuAnchor width
enter image description here
I want to use MenuAnchor to display a down box with the width of the screen. How to configure it
I've been looking at the code, the screen configuration widget set the ...