Questions tagged [margin]

The CSS margin properties define the space around elements.

Filter by
Sorted by
Tagged with
-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 ...
Marvelous Dele's user avatar
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 ...
Rad-DMC's user avatar
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 ...
Andriy Ivanchenko's user avatar
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 ...
ahmed abdelaziz's user avatar
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 ...
KawkaGaming's user avatar
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 ...
2540625's user avatar
  • 11.1k
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 ...
pujji's user avatar
  • 1
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 ...
ertan2002's user avatar
  • 1,468
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.
Jaafar Melhem's user avatar
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 ...
SH98's user avatar
  • 1
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 ...
madrysiak's user avatar
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+...
Ryan X's user avatar
  • 1
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 ...
Coding Nerd 's user avatar
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 ...
Coca Coffee's user avatar
-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 ...
ChaseTheCoder's user avatar
-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 ...
DrMedRasen1504's user avatar
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 ...
Malachi's user avatar
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 ...
Roldan Carrillo Hugo Alejandro's user avatar
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 ...
sanbinary's user avatar
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 ...
Harun's user avatar
  • 25
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"> <...
Displayname's user avatar
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 ...
Charan Reddy's user avatar
-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....
Oleg Burakov's user avatar
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 ...
Sinan Akbulut's user avatar
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 </...
NojusC's user avatar
  • 1
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(...
Stefan Jelkovich's user avatar
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 ...
Paul Godard's user avatar
  • 1,065
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> ...
Innocent Victor Mark's user avatar
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:...
baby coder's user avatar
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;;"> <...
Lenn's user avatar
  • 1,283
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 ...
RAMA's user avatar
  • 1
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')...
Jess Bardin's user avatar
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 ...
Yuri Amancio's user avatar
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 ...
bwl's user avatar
  • 1
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 ...
Abdullah Shekfeh's user avatar
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 (...
yael busnel's user avatar
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....
Hammer hunts's user avatar
-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:
Igor Savinkin's user avatar
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: ....
softnspicytofu's user avatar
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%; } ....
Nora's user avatar
  • 77
-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="...
B0BBY's user avatar
  • 1,012
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 ...
benmag11's user avatar
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 ...
DanielAAh's user avatar
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 ...
DmitryTs's user avatar
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 ...
Hani Almutlaq's user avatar
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 ...
user avatar
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 ...
Krzysztof Okomski's user avatar
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 ...
Scamander 1920's user avatar
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 ...
91Flavio91's user avatar
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 ...
Nandhakumar's user avatar

1
2 3 4 5
75