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.
6,054
questions
0
votes
1
answer
31
views
Table width stretches even though explicitly limited, how to fix this?
This is what I got so far:
<center><table border="0"
width="100%">
<tr>
<td></td>
<td align=&...
-1
votes
0
answers
24
views
site problem with sizing after going below 500px in width
So i'm trying to add responsive design to my site. When width is above 500px everything works fine but when it drops below 500px the scaling of the background goes like its aligning on left:
img with ...
0
votes
1
answer
50
views
How to make my animation more smooth/fluid in Xamarin.Ios (C#,Xaml)
I try to make a automatic scroll for a label who cannot fit totally fit in a Box View, so I use two list of char, one visible and the other not and switch char from one to other, that wasn't smooth at ...
0
votes
0
answers
19
views
How do I get my buttons centered without 100% width? [duplicate]
I've looked at a few solutions but I'm pretty sure I just can't code correctly. Whenever I use "display:block" the buttons display vertically but the clickable area has a 100% width, when I ...
0
votes
0
answers
21
views
Visual height inconsistency
I'm new to web development and am VERY lost on a project. I'm trying to do a simple film portofolio for a friend of mine, and I'm quite lost on a visual resizing problem. I'm trying to make this very ...
0
votes
0
answers
33
views
Javascript Height & Width Of Dropped Image
I have written code to access height width etc when image uploaded with a button but I cannot seem to access any information when the image is dropped. I am using sample code as below.
let ...
0
votes
1
answer
44
views
How to get width of svelte component
I want to store the width of a parent component and pass it down to its child component in <slot />:
<Parent bind:clientWidth={width}>
<Child width={width}></Child>
</...
1
vote
0
answers
16
views
How to collapse empty space in two-column flexbox text layout? [duplicate]
I want to remove the empty space in two-column text layouts, like this:
This is a flex container with two columns containing (potentially) multi-line text. It looks fine when the text is all on one ...
0
votes
0
answers
40
views
Having issues (bugs) with the how the App renders in react
The app was created with npx create-react-app. The main bug that I am not understanding is that my app renders with white spaces to the sides of the screen. I originally had the files without a ...
0
votes
0
answers
14
views
How to stretch the text horizontally like we stretch an image horizontally or vertically in pdfmake or change the width of text
I'm using pdfmake tool. I am stuck at a place where I need to stretch the text horizontally or change the width of the text
"columns": [
{
"text": [
{
&...
0
votes
0
answers
16
views
Setting Bar width in plotly GO when x axis is datetime
The go.Bar object has a parameter width, which controls the width of the bars BUT it's in the units of the axis.
From the docs:
width
Sets the bar width (in position axis units)
This makes it ...
0
votes
1
answer
14
views
To decrease the width of a colorbar when cax is already specified
I am plotting using matplotlib but my colorbar width is not matching with the plot the width of colorbar is very large and the labels are getting cut out. It is not fully visible. I have already ...
0
votes
1
answer
38
views
The width of table can not larger than 100% when set width to auto in chrome 80?
When I set width to auto;
In chrome 80, the width of the table is up to 100%.
In chrome 100+, the width of the table can larger then 100%.
I want to know what's the reason lead to this problem and how ...
0
votes
0
answers
46
views
Different cells width ExtJS
I have a table to show changes history. For some reason cell's width is different in each row.
This is the code:
{
xtype: 'gridpanel',
padding: '10px',
...
0
votes
1
answer
24
views
Why won't the contents of this div container reach full width?
For some reason, the right side of this div container refuses to let the contents achieve full width.
Image of the issue. Right column is not reaching full width.
This is my css code.
main-content is ...
0
votes
2
answers
28
views
How to increase the width of Cover block in Gutenberg Editor,Wordpress?
How to increase the width of Cover Block in Gutenberg Editor in WordPress? The background colour of the block is widening to full width, but the Block width is not widening corresponding to the width ...
0
votes
2
answers
32
views
How to vary boxplot width when making custom quantiles?
I wanted to set the length of the boxplot whiskers to be the median of the data +/- 1.96*standard deviation (aka the 95% distribution of the data). I did this by calculating the boxplot statistics ...
1
vote
1
answer
48
views
Fill width of parent div even overflow scroll
I have a table that has another table in each row. I use scroll overflow for the mobile view which makes the rows not fill the maximum available size and has no background when using the scroll table.
...
0
votes
1
answer
68
views
How to make inline-size include padding for container queries?
My header element has padding, which the container query doesn't include in calculating the width of the element. Therefore, when the full width of the element is 800px, the container query thinks the ...
-2
votes
1
answer
32
views
Image height doesn't want to be adjusted in css
I'm having problems with an image in my project, I would like it to occupy 20% of width and the height to adjust to maintain its proportion, without stretching or compressing it, but when I try to ...
0
votes
0
answers
9
views
Visual Studio Code for Mac. Terminal output is wrapped onto next line
Using Visual Studio Code on my Mac. Version 1.80.0
I am running some simple python code, the output seems to be wrapped in the integrated terminal output, see picture
I was expecting all the output to ...
2
votes
1
answer
35
views
Width, text align and margin code not working for <a> code in css [duplicate]
So far the only codes that are working are color, padding and font codes. But when i try to add width or align the code to the right it doesent work?
html code:
<a href="https://www.football....
-2
votes
1
answer
46
views
Why is this background color cut off on the edge sides and the colors are only applied on the center?
Background Color Consistency Problem:
I know my code has some layout issues for sure. But just to explain what's the current problem I am struggling with, the background colors (background color ...
0
votes
1
answer
47
views
Make header photo 100% on smaller screens and mobile
I have this current Wordpress website: mypathway.com.au.
Apparently, it has been through a few different developers and every time some CSS has been added to it. In fact, there is css in the Theme ...
0
votes
1
answer
20
views
How do I adjust the width of a JScrollPane based on the width of JTable Data?
My Java program has a JTable in a JScrollPane. For the table I set setAutoResizeMode(JTable.AUTO_RESIZE_OFF) and I adjust the column widths to match the data using resizeColumnWidth (shown in many ...
1
vote
1
answer
77
views
Word VBA to check every object in the doc is smaller than page margin
I need to check every object (table, figure) in a large document and ensure they do not go outside of margins? i.e., compare each object's width with page width... then flag with <TOO_LARGE> on ...
0
votes
0
answers
7
views
flexbox not adjusting div width to its width in css
hello i am creating my web where i am creating a header of full width and down there a container which has height of - headers width,
there were 3 div in container => sidebar, main
the problem is ...
0
votes
0
answers
34
views
How can I get image width and height before image render ?
here is my code
{isVisible?
<Image
ref = {imageRef}
src={url}
fit="contain"
/>
:
...
1
vote
1
answer
75
views
HTML input field width varies with content using only CSS (no JS)
I can set the width of an <input type=number> field with CSS width = 6em; or width = 100%, but those only set a fixed width or a width that varies with the container. I want the width to depend ...
1
vote
0
answers
40
views
Problem creating table with TableRow with different size TableCell using Open XML SDK
I'm having problems creating a table, for example, I need the first row of the table to have 16 cells with a percentage of
different sizes for each cell, in the second line that has 8 cells with a ...
0
votes
4
answers
51
views
footer won't fill 100% width of page
This is my footer styled as shown below, but it does not fill the full width of the page. I tried changing the width property to max-width, but it didn't solve the issue. I noticed that I can still ...
0
votes
2
answers
32
views
Unnecessary indentation on the site in the line
The problem is in the mobile version of the site, either in flexbox, or in svg, or in width, which I don't understand. Devtools shows that there are indents from svg and the text itself has indents
...
0
votes
0
answers
34
views
PDF file is not taking all the CSS
I am using dl dt dd tags in my HTML page. I have some table structure. And in a row I have four columns. I have given same 'width' to each column (for dd element) in HTML.
Also I have functionality to ...
0
votes
0
answers
12
views
How to use RelativeLayout with weight for width or height in android studio?
I want to give new positions for views with differents weights for width and height using RelativeLayout.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:...
0
votes
1
answer
18
views
fixed scrollable tbody to take full table width
tbody adjusts to the width of the first one, not the total width placing each column under its respective one in the header. How could i fix it? I need stay the header sticky on the top and a ...
0
votes
2
answers
101
views
Restricting two (or more) columns of a CSS grid layout to exactly one specific width
I have a CSS grid layout with a specific template for the columns, for example:
.layout {
display: grid;
grid-template-columns: [t1] 40% [t2] 20% [o1] 1fr [o2] 1fr;
grid-template-rows: ...
0
votes
2
answers
297
views
Swiperjs 100% width bug when inside grid
I am facing an issue while using SwiperJS inside a grid. When I place the Swiper wrapper inside a with display: grid, the wrapper overflows by 100%. I have provided a link to my JSFiddle example. If ...
1
vote
2
answers
118
views
What is causing my ggplot2 boxplot to turn into skinny lines instead of wide boxes using the width argument?
I am struggling with boxplots in R studio. I have a data set that looks like this:
Site
date
Chloride_mgL
B
2021-06-08 12:00:00
29.13800
D
2021-06-08 12:00:00
29.41100
D
2021-06-15 12:00:00
29....
1
vote
1
answer
41
views
How can I make a div's width be contained between two other divs with 'space-around' spacing?
I am trying to make a div whose width will be contained between two other divs that are spaced with space-around instead of the entire width of the containing div.
I am trying to reach a design that ...
1
vote
0
answers
18
views
How can I adjust the width of bar plots with different numbers of columns for consistent presentation in Word?
I am currently trying of saving several plots to put them in my word document for presentation. Some bar plots have 4 columns, others have 8. I would like to adapt the size of the bar plots with only ...
0
votes
1
answer
64
views
Pandas does not set column width (In Jupiter Notebook /Lab)
I want to show each row of pandas DataFrame in One line, and as I searched, it seems the solution is to set the display column width as None. However, it does not do the job for me.
Here is a test ...
0
votes
1
answer
52
views
class="lazyload" problem data-src problem fix
I am checking websites page source inorder to learn how to desing. And I saw a code liike this.
<img
class="lazyload"
data-src="//example.com/files/image_{width}x.jpg?v=*...
0
votes
0
answers
36
views
Sankey in R: set constant height left to right
I want to create a sankey that describes whether people are retained in care, lost to follow up, died or censored at each year after they started treatment.
I have created the diagram but the buckets ...
0
votes
0
answers
15
views
width and height img attribute values for devices with devicePixelRatio > 1 - should they be changed?
For devices with window.devicePixelRatio == 1
<img src="http://example.com/100x100.jpg" alt="image 100 by 100" width="100" height="100">
looks good: an ...
0
votes
2
answers
65
views
Scratch image to fill div with aspect ratio or limit dimensions if image is bigger than div
I have a div of dimensions 630x630px. Now I want to place an image inside this div. If image is larger than 630px (it's width or height) I can simply use max-width and max-height and it will be fitted ...
0
votes
1
answer
28
views
.contact won't change when using @media to have custom view on devices with widths less than 678px
Link to website
I'm trying to have a custom view for devices with a width less than 678px.
Most of things I've written to change inside the @media block change. the only thing that won't change is the ...
2
votes
1
answer
259
views
specify same width for certain columns using xltabular
I am creating a table using the code below with 5 columns (first column is wider with long text but the others are not).
How can I adapt the code below to specify the exact same width for columns #2, #...
0
votes
1
answer
325
views
React Material UI: useResizeContainer - The parent DOM element of the data grid has an empty width
The table (normal DataGrid of MUI, not pro version) I am trying to display should have the exact summed up width all columns (maybe plus 10px). Apart from that the table should be centered in its ...
0
votes
0
answers
44
views
How to get a flex item to fill the width of the parent div
Im trying to get an input to fill a flex containers width , I've tried adding w-full to the input , i've tried adding grow to the input as its a flex child and i'ver had no success yet. This is the ...
0
votes
0
answers
5
views
Is there a way of defining the width of list text?
My main paragraph text is justified but my list text falls 10cm short of the right margin.
I tried <Style = “padding - right: 0;”> and can make it work using a table but I am sure there must be ...