strange left margin appears in firefox [closed] - html

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
take a look at this site : IUT Wiki
A strange margin appears at the left side of the whole html and it only appears in Firefox.
Do you guys have any idea on how to fix this?

try:
body {
overflow-x: hidden;
}
EDIT: If you want to solve the cause of the problem:
you have in the css:
ul#f-list {
width: 1025px;
}
change it to 100%

Related

What can I do to keep my list from scrolling when I click search? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 19 days ago.
Improve this question
What can I do to keep my list from scrolling when I click search?
codepen:
codepen.io/Lubanskakinga/pen/mdjXVEK?editors=1100
Since it is a flexible structure, when the search-txt width increases, it scrolls in other divs. If you add Position:absolute and right:0 this problem goes away.
.search-txt {
position: absolute;
right:0;
..
..
}

Does somebody know how to make a gradient background website that follows the window as you scroll? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 4 months ago.
Improve this question
Does somebody know how to make this happen? Im thinking about something like on the fireship website, but didn't manage to recreate it.
Thanks.
I pulled this from the source code:
body {
background: linear-gradient(176deg,rgb(18,24,27) 50%,rgb(32,39,55) 100%);
min-height: 100vh;
background-attachment: fixed;
}

HTML Color Bar how to? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 1 year ago.
Improve this question
I have no idea how to go about this. I have tried to use an image, but can never get it to look right, but if I do it doesn't work well with other devices.
Here's what I'm trying to model after
thanks!
Just try to create a div with a height of 2px, with a linear-gradient background
<div class="br"></div>
.br {
height: 2px;
background: linear-gradient(YOUR COLORS HERE);
}
To create a radiant easily go to https://cssgradient.io/

How do I create a navigation bar with buttons and text? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 1 year ago.
Improve this question
I have a site I would like to create a bottom navigation bar which has text and buttons. Here is a image
I have tried youtube and google search but they vary from what I desire. Help please. Thank you in advance.
#menuFooter {
padding: 20px 10px;
}
</div>

Remove whitespace of HTML form [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
I have this code that indents/whitespaces the content.
<form action="update-carousel.php" method="post">
How can I remove such indent/whitespace? I assume with CSS, but I do not know the tags to do so.
If you want to remove margin and padding for the form-element, then use this in your css:
form {
margin: 0;
padding: 0;
}
Margin is whitespace external to the element and padding is internal.
You have to use JavaScript (and/or do it on server-side).
This question will show you how to do it.
Note: CSS is for the design of your page, not for doing such operations.