Questions tagged [margin]
The CSS margin properties define the space around elements.
3,725
questions
-1
votes
0
answers
13
views
Margin appearing strangely [duplicate]
I am creating a survey form and i used a div inside a body to house my form elements. I said my body margin to 0 but for some reason, i'm still getting a top margin on my full desktop screen.
pls, why ...
0
votes
0
answers
21
views
Limiting overflow on ticker text CSS
visual aid
I would like to limmit the text at the very bottem (below current match text that streaches all the way along). So that it only shows up in the bracketed area.
It is a ticker there fore ...
0
votes
0
answers
30
views
Is there a way to make sure that one flex-item is positioned higher than it's siblings?
I have a layout that I need to make:
https://www.figma.com/file/YGyQwCMFxuvXjfCHahrjAv/all-mockups?type=design&node-id=108-331&mode=design&t=dq6YQ851y8EynSnx-0
And I need to make sure that ...
0
votes
1
answer
49
views
How to make alignment for label text on left AND right to have same alignment?
I work on template using html and CSS . I face issue I can't do alignment label text on left and right to be same .
as example
submit Date and Employee id not start from same point on left so I need ...
0
votes
0
answers
32
views
HTML: Child elements have unexpected margins, DevTools shows none
.shwph-tab {
background-image: linear-gradient(to right bottom, #ffffff, #f0fbff, #ccfdff, #a4ffff, #94ffe3);
background-size: cover, cover;
width: 600px;
height: 300px;
border: 5px grey ...
0
votes
2
answers
47
views
How to style elements to overlap per container width (to look like tabs)?
I have a list of items that are styled to display in a row, with each one overlapping the other slightly, to look like tabs. Using only CSS (no JS), I would like the overlap to change responsively to ...
0
votes
1
answer
42
views
How to reduce padding, margin in Bootstrap template
Downloaded "https://getbootstrap.com/docs/5.3/examples/heroes/", removed all sections in index.html except "hero" & "sign-up form". There's too much white space ...
0
votes
0
answers
34
views
Set All side Margin to a custom Entry in Xamarin.Forms (ios)
I have a custom Entry element and want to give extra margin ios (like '5,5,5,5') by the TextPaddingForIOS attached property
I created an ios renderer which does its job
using CoreGraphics;
using ...
2
votes
1
answer
46
views
Is it possible to do margin without using Container in Flutter
Is there any low-cost way to do margin without using containers in Flutter?
I don't like to use the container widget just to do margin.
0
votes
2
answers
42
views
Big gap between elements when margin is set to 0 auto
I've used margin: 0 auto; on my two GIF images and also the following properties: bottom, left, right.
It worked very well because my intention was to set them between another image.
However, under ...
0
votes
0
answers
9
views
Calculating product prices based on marketplace margin
I'm working on a script to calculate product prices for dropshipping. My problem: I have price from wholesaler let say wp I know how much I want to profit lets say mp and I can call API for margin I ...
0
votes
1
answer
22
views
Question about the graphs of marginal effect in interaction terms and its hypothesis test in ggpredict()
I met a problem when trying to visualize the marginal effect of my model.
My code is as follows:
fit7am=svyglm(formula=visa~age+male+pregnant+foreigner+fujian+migrant+agent+disadveth+ifoplive+...
0
votes
0
answers
27
views
centering a container with display: table; vertically and horizontally using the position: absolute; method not working?
In my project, I want to center a main element with display: table; vertically and horizontally. I've made some researches online and got some methods, also even from Stack Overflow. I got a method of ...
0
votes
1
answer
37
views
Adding margin to li items [duplicate]
I have an unordered list and I set the style to none which creates spaces as its by default indented.
My understanding of margin vs padding was margin is the outer space of elements hence I tried to ...
-1
votes
2
answers
29
views
Form going to next line in HTML
I'm making an interface inside a header, and the <form></form> with a text input and a submit button automatically goes farther down the page, while my other anchor tags that I use as ...
-2
votes
1
answer
31
views
CSS easy: How can I add margin to my div´s without breaking the lines
I cannot add margin without breaking the line. I found a way to adjust the media queries, but my columns are not aligned on the right side when I reach a certain breakpoint:
I cannot use flow as I am ...
0
votes
1
answer
36
views
How to make a margin smoothly transition between two percentages when the window size is adjusted
I want to have a percentage margin around an element of 5% of the viewport's width when the viewport is small, and 15% of the width of the viewport when the viewport is larger.
I could use a media ...
0
votes
1
answer
32
views
CSS: Change section size
I have a problem with my webpage, there´s a huge gap between my last section and my call to action. How could you solve it?
Thanks for the support!
This the HTml for the certificate section. I think ...
0
votes
2
answers
53
views
CSS Margin Causes Unwanted White Area Around Content in Multi-page HTML Print
I am working on a multi-page HTML document with CSS for printing, specifically targeting the A4 page size. The layout works fine, but the issue I'm facing is that the margin I've applied results in an ...
1
vote
2
answers
43
views
I have given position margin-left margin-top tags on my code html css for desktop how can i delete it to my phone to make it responsive?
How can i delete some items based on the screen size ?
I have given at my css for desktop margin-left, width, height, and position:absolute; properties but I need them not to apply in mobile ...
0
votes
1
answer
30
views
CSS Style not being applied completely
I am trying to crop the right side of the embedded website within the iframe with right : -80px;. Everything seems to work but the cropping of the right side.
<html lang="en">
<...
0
votes
1
answer
20
views
Problem with a Division's margin in React
I have a react component which holds a division called filter. It has a width of 15vw and placed to the left side of the page. I have an another component called product which i want to place to the ...
-1
votes
1
answer
29
views
Set Margin on Pages - Java (LibreOffice)
I have set PaperOrientation and PaperFormat but I can't find where to set right,left,page margin. xPageProps always equals null.
static void setPaper(Object oDoc_To_Store, com.sun.star.view....
0
votes
0
answers
37
views
Adding bottom margin to Wordpress GTranslate plugin
I am using the wordpress gTranslate plugin but on mobile the flags are hovering over the menu button so I want to have a space at the bottom but the flags are called "img" and when I give ...
0
votes
0
answers
38
views
When trying to add margin to an element, only margin-top works
I have a wrapper class and then a class for the content itself.
The html structure is like this
<div class="wrapper">
<div class="content">
// Content
</...
0
votes
2
answers
49
views
Reduce empty space in ggplot2 donut chart
I tried hard, but could not find an answer on SO that helped in my case...
With the following code I create a donut chart in R using the ggplot2-package:
library(ggplot2)
test_data <- data.frame(...
0
votes
0
answers
24
views
CSS position relative not repected by Firefox print
I need to chain a series of div containers (position:relative) to print full page. Each container contains different divs (position:absolute). On the screen FF does a good job but when I print, the ...
0
votes
1
answer
39
views
Absolutely positioned element and margin-bottom
I want to apply margin bottom on an absolutely positioned element but it doesn't work.
Here's my code
Html:
<div class="container">
<div class="absolute"></div>
...
0
votes
0
answers
41
views
AAPT: error: attribute android:Layout_margin not found
I have this peoblem when I run the app. I could not solve it. I need to run this app but I stop with this issue
`
<LinearLayout
android:Layout_margin="10pt"
android:...
1
vote
0
answers
26
views
Why does margin on child of container creates space between html and body? [duplicate]
I have this simple html/css-code:
<html>
<body style="margin: 0;">
<div class="container" style="height: 100vh; min-height: 100vh; background-color: purple;;">
<...
0
votes
1
answer
17
views
How to specify a bottom_margin for ScrollView in java class
How to specify a bottom_margin for ScrollView in java class
specify when the user approaches the end of the page, define a bottom_margin of 20dp.
I've already defined bottom_margin in XML but at the ...
0
votes
0
answers
27
views
Is there a way to set `margin` values for ph_location object in officeR package?
I need to adjust the textbox margin values for items created using code like the following:
label_par <- fpar(
ftext("test", fp_text(bold = FALSE, font.size = 5, font.family = 'Arial')...
0
votes
1
answer
41
views
why my font-size property is being used as a margin?
Anyone has any idea why my CSS is using font-style as a margin property for my paragraph element?
my paragraph element is applying 3.5rem of margin (35px) and the h1 margin-bottom of 1rem is not being ...
0
votes
1
answer
24
views
How to get rid of margins. Bootstrap 5
I have a problem with removing the margins in bootstrap, I want to set up two graphics to show that the page is under construction - one for desktop and one for mobile.
i tried this way:
<!DOCTYPE ...
0
votes
3
answers
350
views
remove margin between swiper elements
I'm using this slider from swiperjs.com:
https://codesandbox.io/p/sandbox/vrs48z?file=%2Findex.html%3A9%2C45
and I was wondering if there was a way to remove the margin space between the slides.
I was ...
0
votes
0
answers
13
views
how can i get a data frame with margin values of my population?
I keep on getting this error: Error in array (x, c(length(x), 1L), if (!is.null(names(x))) list (names (x), 'data' must be of a vector type, was 'NULL':
library(icarus)
Demo$poids2 <- calibration (...
1
vote
2
answers
59
views
How to make a collapsed sidebar?
I am having trouble making my main content move to the left. The code below makes the content of the body move to the right when I click the open button:
function openNav() {
document....
-2
votes
1
answer
25
views
Is there way to display an image hiding/cutting its unneeded margine?
I've an image with blue frame/margine.
How to display it hiding or cutting that margine, with eg. CSS, to be like this:
4
votes
1
answer
102
views
How to reduce gap between items in a flex
I'm trying to reduce the gap in between my images that expand when hovered over.
I want it to look like this:
expectation
But it currently looks like this: reality
What I currently have:
....
0
votes
1
answer
57
views
margin right doesn't apply on container
I have a container with width 200vw and I want add margin on left and right but for some reasons margin right doesn't apply
.container {
width: 200vw;
display: flex;
margin: 0 15%;
}
....
-2
votes
1
answer
64
views
How to align button to bottom in Bootstrap card
In a card I have a column with different buttons.
I want to have the red button at the bottom of this row but margin auto is not working for me.
How can I achieve this? Thank You!
<link rel="...
1
vote
4
answers
92
views
Why does adding margin to my table move donw my sidebar and how can I fix this?
I have a site with a sidebar and a table being the center of the content. I am trying to move the table down from the top of the screen but any attempt aat margin or padding move the sidebar down in ...
0
votes
0
answers
25
views
Responsive design only working for some elements
I started learning web development ≈ 3 weeks ago, so I'm relatively content where my first project went. The only issues are lying with the responsiveness of the design as there's a lot of disconnect ...
0
votes
0
answers
15
views
make slide:hover the overflow the block that is below the slick container
[1]I'm using slick slide. And I need to make slide:hover the overflow the block that is below the slick container
I try make margin-minus and padding-minus - not helping. position absolute also not ...
0
votes
3
answers
68
views
No padding or margin is working on the right side of the page
No padding or margin is working on the right side and I'm not sure if the problem is with the unit vw but changing it didn't work
I'm hoping if you can try the code yourself and see if you can solve ...
0
votes
0
answers
28
views
How do I style the navbar and the rest of the HTML separately? When I try to do them on the same page it always ends in disaster
When I fix the navbar perfectly, the rest of the HTML page is screwed up. No matter how much I try to change the margins or padding, nothing moves. When I get the body and page somewhat okay, the ...
0
votes
0
answers
48
views
html2pdf - white margin on left side in generated pdf file
I made a resume with button generating PDF file using html2pdf. It's working good while I have not much text in it but when I want to make some more text, white margin shows up on the left side of ...
0
votes
1
answer
58
views
Scale pdf to DINA4 and then add a 3mm black margin around it (python)
I have to check if a pdf file has the format of DIN-A4 and if it's not it should be scaled to DIN-A4 (210mm x 297mm). After this on each side of the pdf should be added a 3mm black margin, so that the ...
0
votes
1
answer
38
views
Position one element on top of another... but what's the difference between doing it with the margin property vs position property?
I was thinking about the stacking context and I'd have a question about it. Reading I came to understand that, leaving the elements without any css property that could create a possible stacking ...
0
votes
1
answer
99
views
I accidently added rem unit to line-height value, It overlaps the margin why?
While aligning the text using css, I accidently added rem unit to line-height (I think it shouldn't be added as of my knowledge)of the H3 element and this what happened.
margin of the above P element ...