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 2 years ago.
Improve this question
I'm trying to remove the blue border from the button which appears every time the button is clicked. No matter what I try it doesn't go. Please see image below for details:
Any info on why this issue occurs?
Add outline: none; to the button.
The solution is pure CSS:
outline: unset;
You might need to add it with the :focus selector and/or :active.
The outline is used by default in a lot of browsers (especially for mobile UX)
Related
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>
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 5 years ago.
Improve this question
Thats a picture of of the menu bar. as you can see it is very close together. (click the link to see photo)
You can use either margins or padding in CSS.
https://www.w3schools.com/cssref/pr_padding.asp
to space out your link you can use "PADING LEFT" here is a small link to give some explanation :)
https://www.w3schools.com/css/css_padding.asp
http://dabblet.com/gist/5b2553d1b366469d0b3979a0905a9c7e
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 8 years ago.
Improve this question
So, what I want to make is simple, I want an expanding menu. So for example, if you hover or click over/on one item, like "Home", there will appear several other items underneath it.
Basically, what I want is a floating div underneath the menu item. I already tried
menubar {
visibility:hidden
}
menubar:hover, menubar:active {
visibility:visible
}
This doesn't work!
Help? Thanks.
Maybe this is what you're trying to achieve: http://jsfiddle.net/d74Yv/
Basically we're using :hover and + selectors to show the submenu only when either its .handler or the .menu itself is hovered.
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.
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 8 years ago.
Improve this question
In this website www.johnpaulus.com I am unable to move the top search bar to the topmost position, just to the right of the social networking icons. It is getting hidden behind the background.
How can I shift it up and make it visible on the right side of the social networking icons?
I wish to use CSS / HTML only.
Your positioning is wrong, a fiddle would be helpful but just did this using firebug, give margin: -40px 0 0; to #searchbar, you can do it better with positioning but as you've not shared any fiddle or code I tried to modify your styles
Screen Shot