Questions tagged [width]
The property which determines the size of an object on the X-axis. The most common form of this measurement is in pixels or millimeters.
5,903
questions
0
votes
1
answer
20
views
In CSS how can I use the max between 100% and max-content
So i need to always have my width to 100%, except when max-content is longer.
width: max(100%, max-content);
Something like that but isn't working
1
vote
1
answer
11
views
Scroll one page to the right in Cypress
How could I scroll one page to the right in Cypress?
E.g. I have a horizontally scrollable area. The area contains elements a, b and if I scroll to the right a and b get destroyed, while c and d get ...
0
votes
0
answers
6
views
How do I display the width of a JPanel after using getWidth();
How would I display the width of a panel after using getWidth()? Can I put it in a JTextField/TextArea? I don't think so, but I'm not sure.
0
votes
0
answers
38
views
Set width of entry object in an optimal way the string is fully visible
I have following code:
from tkinter import *
from tkinter import simpledialog
def resize(lbl):
USER_INP = simpledialog.askstring(title="User input",
...
1
vote
1
answer
14
views
The width of img before appending to DOM?
I've done some simple code tasks and I've found that I can get height and width of downloaded img by its img.height and img.width attributes, without appending it to DOM. Is this crossbrowser? Coudn't ...
0
votes
0
answers
29
views
CSS - why are list items ignoring max-width and word wrapping?
so I'm facing a very frustrating CSS issue at the moment, where my list items seem to be ignoring the max-width constraints and causing a horizontal scroll to appear, which for a webapp primarily ...
0
votes
1
answer
26
views
React Native make items responsive
Example between correct and incorrect item stacking
Please refere to the image. I have twee phones one with a screen width of 1440px and one with 1080px.On the 1440 screen the items are stacked in a ...
0
votes
1
answer
18
views
Content does not size correctly to viewport
I'm a beginner on CSS and HTML, and I have to fix a problem on this website:
https://arena-supplements.com/
on the Mobile Version, when you scroll left, you still see a lot of space outside the page.
...
0
votes
0
answers
10
views
Getting element heights other than using puppeteer (intercept value at the layout process within the critical rendering path)
I am new to node.js and I am currently working on a project that requires obtaining heights of text elements of varying lengths and element widths.
I am using bluebird combined with puppeteer in node....
0
votes
1
answer
18
views
Mobile nav is offset and height is not taking 100vh
I'm trying to make my nav fill the entire screen (it will be hidden in right corner and slide to the center) but it has this weird margin on the left side.
Also height: 100vh; it's not taking 100% ...
0
votes
0
answers
16
views
Error displaying tables in TinyMCE Editor
we found the following issue, is there any known fix or workaround?
Summary
After creating tables in the TinyMCE editor it happens that the frame widths are not displayed correctly or not uniformly.
...
0
votes
1
answer
26
views
in EmEditor, a space width is not equal to a English letter width , how to resolve it?
see the picture, the width of space is only equal to half of width of "a", how to make them equal , thanks!
1
vote
0
answers
22
views
width animation in Jquery is not wokring
Jquery works fine with other stuff
<script>
$(document).ready(function() {
$("#no").mouseover(function() {
console.log("hover")
$("...
0
votes
0
answers
15
views
The width of the DropDownButton gets increased when adding ButtonTheme
When I use the ButtonTheme() to customize the DropDownMenuItem, The DropDownButton width gets increased. Is this an issue, or am I missing something?
This is my code:
SizedBox(
width: MediaQuery.of(...
0
votes
2
answers
32
views
R, charater with <U+200B>
I imported a table from an excel.
If I open this table (as dataframe) from the environment it looks fine:
Name Ser_NR
ABC 123
DEF 458
EGS 954
However, I noted that for some rows, the filter ...
0
votes
1
answer
39
views
graphviz autofit TD width in html label
With the following dot
digraph structs {
node [shape=plaintext]
struct1 [label=<
<table border="1">
<tr>
<td align="left">
<TABLE ...
0
votes
0
answers
38
views
How do I left, right, center align String in Java?
Console Library Image
I need to make a neat looking box and make the String to be in left, right, or center alignment. I have made the text to be in the center already, but I could print blankSize in ...
0
votes
3
answers
26
views
max-width changes its value automatically
I have a question about max-width and why does it change itself Dependeds on display width.
here is my code:
div {
height: 100px;
max-width: 500px;
background-color: powderblue;
}
So the max-...
-2
votes
0
answers
22
views
when using html2pdf printing the table page break issue
I am using html2pdf for table printing.when i am using got one issue ,in the pdf the page break is happen in between the data.is there any solution for thishttps://i.stack.imgur.com/yabRc.png
0
votes
1
answer
117
views
Make column width fit to data and header in Dash Datatable
I am using Dash actually but havent found any way to properly set column width adapted to the content.
Because when I set fill_width to False, the width fits to the datas but not to the header and on ...
-1
votes
0
answers
26
views
Shrink font size of cell in longtable when text is bigger than cell width
I have a longtable with a fixed cell width and i need that when the text is bigger than the size of the cell it shrinks and not break line.
\begin{longtable}{|p{0.15\textwidth}|p{0.15\textwidth}|p{0.4\...
0
votes
1
answer
16
views
Why does max-width and width display a completely different result?
I am working on my CSS skills and by watching Kevin Powell's video "How to use CSS object-fit to control your images", I couldn't understand why the use of either max-width or width would ...
0
votes
2
answers
36
views
Show different content (layouts) depending on available width/height in Android Compose
I have an Activity and MyApp composable function. In the function I need to show either list with details or just list screen depending on the available width. How to determine available width for the ...
0
votes
1
answer
43
views
Variable padding with printf and csv file
I'm aware that there are a lot of similar questions but I can't find an answer that relates to my particular use case, though I'll admit that this may be due to my lack of understanding more than ...
1
vote
1
answer
32
views
Changing the widths of plotly boxes and/or the space between them
I have grouped data which I want to plot as a group of box plots using R's plotly package, and control the width of the boxes and/or the space between theme.
Here are the data:
set.seed(1)
df <- ...
0
votes
1
answer
21
views
How can I set the width of dropdown_field in Blockly?
The block is long because there are too many characters in the dropdown field.
So I want to fix the number of characters or the length of the dropdown field.
Please give me your advice !
Have a nice ...
0
votes
2
answers
40
views
margin: auto center paragraph appears off center
i am working on a simple site and i need to center a paragraph aligned with the header as in the screenshot below -
ideal alignment
however, trying all of absolute, flex and margin: auto center (which ...
0
votes
0
answers
15
views
footer images not changing width at all
This footer is driving me nutso, anyone know why my footer images remain the same size? tried width on the footer container, on the socials class and they are just staying the same size
#...
0
votes
1
answer
27
views
Why is the width property not being respected in the flexbox? [duplicate]
I have a flexbox and I want want it's items to have a width of 200px but it doesn't go over 500/5 = 100px.
I set the min-width to 200px and it worked, but I don't know why width didn't work. Could ...
1
vote
0
answers
23
views
PHP Make Calculations Using DOM Width
I want to create a responsive section for products but I ran into a problem when I tried to get DOM offsetWidth.
Basically I have an SQL statement which should show the selected items but I want to ...
0
votes
4
answers
40
views
Move button to center
I was wondering if someone knows how can I move this button slightly to the left so it goes straight to the center. This is the code:
<!-- Modal for Contact - us Button -->
<div ...
1
vote
0
answers
25
views
Window.open() Width + Height Resize Doesn't Work
I am working on a google extension that opens four random pop-ups every hour (and opens different pop-ups during the day and night).
The pop-up sizes vary so I set each size of the pop-up url but it ...
0
votes
0
answers
22
views
add size atributes to an image with markdown using remark
I have a blog made with Nextjs s that uses markdown in posts using remark lib
The problem is in lighthouse audit asks for size attributes in images
is there any way to add width height attributes in ...
0
votes
0
answers
19
views
How to define the pen width in the menu bar
I am trying to write the code for my own paint program. I have added the menu for few basic color options. Now I would like to add the same menu style pen width option (e.g. 5, 10, according to the ...
1
vote
0
answers
36
views
Component not centering when screen is smaller
I am making a website which has to be compatible for all devices (laptop, tablet, phone) and can't seem to get my weather API component to become smaller when on smaller screens. I have mainly been ...
1
vote
1
answer
37
views
Content is wider than screen on ios
I'm creating a Wordle like app with an on-screen keyboard. When developing on desktop and using dev tools to simulate a mobile screen, it looks fine. But when I view the site on my iPhone (Safari and ...
0
votes
0
answers
12
views
How to set Bulma level breakpoint to a larger value
I am using the Bulma CSS framework in a Vue app. I am using the level component to display a set of items in a horizontal chain. The level is automatically stacking them vertically on smaller screens, ...
-1
votes
1
answer
16
views
How to ScrollLeft 50% and ScrollTop using jQuery [duplicate]
I have the solution. I noticed new trainees find it difficult to implement some functionality at times.
Strongly not for ratings but for education purposes
1
vote
1
answer
25
views
I need guidance on how to move the green bar to the left side of the blue bar in the following bar chart
The green bar is overlapping the blue bar. Can someone show me how to move the green bar to
the right of the blue bar? I want the three bars to align.
import matplotlib.pyplot as plt
import numpy as ...
0
votes
2
answers
26
views
How to make an element auto-expand to fill space without taking over?
I am creating a custom calendar in XAML and WPF. The calendar is made up of seven <Grid> columns that can auto expand (e.g. width="1*") with the window.
Here's what's happening right ...
1
vote
0
answers
35
views
Limit Child-Text to Column Size of child in Flutter
I want to make an image preview gallery like this. The height for the image is fixed to 150px using SizedBox. So I do not know the actual width of the image, depends on its aspect ratio.
Now, I want ...
0
votes
1
answer
60
views
How to apply HTML Table in React Native?
What I want is setting all the cells width in a column as widest cell in the column.
For example I have a column and there are cells in that column. Cells have widths by their contents like; 30px, ...
0
votes
3
answers
78
views
Using CSS border-radius (rounded corners), how can we prevent the rounded corners from disappearing if the image is scaled down (max width/height)?
Consider this scenario:
An image is centered both horizontally and vertically using a flex box
The image has a CSS border-radius configured (rounded corners)
The image is inside an <a> tag
The ...
0
votes
1
answer
29
views
set width contaner to only span content width flex item fixed width and height
how to adjust flex container to only span content width (width of flex items). In this excercise I put 3 flex item (span) in a div container and set width and height for span and expect div to only ...
0
votes
0
answers
26
views
How can I apply dynamic values to my var's width and height?
I am setting up a var to be reused, and the element it's referencing (#indicator) uses a scaling/dynamic width and height via CSS (e.g. 5vw). I want to set its dimensions for further functions but I ...
6
votes
3
answers
198
views
Remove extra horizontal width from overflow wrapping with flex
Essentially, I am trying to remove/prevent the extra horizontal width created when a horizontal row of block elements has any of the block elements wrapped. That is, I want the width of the div ...
0
votes
0
answers
14
views
My altair labels are cut off - how can I see the whole label? [duplicate]
When I increase the width of the chart, it only increases the width of the bars part, not the labels. I want to see the whole label. Is there a way to give more room to the labels on the side?
1
vote
1
answer
38
views
jquery/javascript: when to get the correct container div size?
jquery/javascript: when to get the correct container div size?
<div>
<div class="container">
<div class="slider">
<img src="image1.jpg"&...
0
votes
0
answers
43
views
Problems getting real width and height of videos
I'm having a problem when I upload videos. The thing is that I record my videos with my cellphone in vertical way and when I download them to my computer or pass them through whatsapp they still look ...
0
votes
0
answers
49
views
How to change viewholder height and width in recyclerview dynamically?
Now, I have a RecyclerView with GridLayout, and 4 ViewHolders: 2 rows per 2 columns.
On ViewHolder click events its height, and width should snap to fullscreen (change size), and another ViewHolder ...