Remove whitespace of HTML form [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
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.

Related

How to make the text in a text area begin slightly lower? [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 1 year ago.
Improve this question
My current code is simply:
<textarea
class="form-field-textarea"
id="contact_message"
name="contact[message]"
value=""></textarea>
Basically I am looking to move the text inside the container downwards. Right now it's too high and it interferes with my label. How can I do this?
It sounds like you might have some other CSS and HTML that are affecting your textarea. Without seeing more, this is usually how I manipulate the spacing of a textarea.
This answer may change once more is revealed about the structure regarding the label.
textarea{
padding-top: 2em;
}
<textarea
class="form-field-textarea"
id="contact_message"
name="contact[message]">Hello I am some content.</textarea>

How to choose right name for 2 same classes? [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 years ago.
Improve this question
I am having difficulties for editing this 2 things, i can't find the solution to edit individually in css.
Can you help me ?
You can refer to any HTML attribute to select individual elements:
input.zu-input-text[name="name"] {
/* CSS for "Name" text input */
}
input.zu-input-text[name="email"] {
/* CSS for "E-Mail" text input */
}
Theoretically, you could do that with placeholder property too.

How to remove space between two inline-blocks using Slim? [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 7 years ago.
Improve this question
In vanilla HTML I used comments like this:
<div id="one"></div><!--
--><div id="two"></div>
Actually this is not possible in Slim. This would be possible in Haml, using < for the parent element.
Some people use inline html for such cases:
Slim templates - removing whitespaces around the block tag

Display html tags as plain text for viewing [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 7 years ago.
Improve this question
im trying to make visible as text as now it just creates the html tag and isn't text. i've tried doing
tag {
display: block;
}
but it seemingly isn't working.
anything would be helpful thanks
To display the html tags as text you need to encode them.
For example :
<span>Hello</span>

strange left margin appears in firefox [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
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%