Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 9 months ago.
Improve this question
i have a problem with form inputs on only on safari. I don't know why they stick out beyond the edges of the form.
Why is this happening
This happens because inputs have a default width determined by the size attribute of an input. You can learn more here.
Workaround
You can adjust the size attribute or make the parent bigger but my favorite way is to create a div that wraps input and its corresponding label, give it a display: flex, and a flex-direction: column. This way input will always span the full width of the parent. Example
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 months ago.
Improve this question
I'm trying to adjust the paragraph spacing and move it closer to the title, but Top or Bottom seems to be disabled when using flex-direction: column... What can I do to push up .par2?
Properties bottom and top work with position: absolute; elements. They don't work with other positions.
You have to use padding-top or margin-top with negative meaning (for example -10px).
And you can check properties margin and padding by headers ('CATORING', 'EVENT HOSTING', 'DELIVERY') using GoogleChrome Devtools. Most likely it is they who prevent the text from being located higher.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
Hi i want to know that how can we create column in a row with html and css.
Like this in the picture.1
You can try using one row like container, inside create 4 div's and add display flex and justify-content.
You could use Flex Box to have a single row of items and use the boxes to space appropriately, this will also provide scaling for different screen sizes.
Here is a link to a great explaination of what Flex Box can do: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
If that's not what you're looking for, there's always making a table.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
I have some buttons,i gave them margin auto and display:block. when i run it, margin auto runs correctly but buttons show under each other . can some one help me to solve this problem?
If you want the buttons centered but next to each other, wrap them in a div and put margin:auto on the wrapping div.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
When my site loads the view is correct but if you scroll right there is a gap. All div's have 100% width set and no padding on right... I went through each element to putting display:none trying to single the problamatic element but this didn't help either. A test version of the site is available at www.emma-cooper.co.uk
Take width:100%; out of the #logo CSS definition, and the right and left padding off the
div#hmenu definition (make it padding:0.8em 0;)
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
I want to display inner divs in a single row without giving width to outer div.
In a given code it is displaying vertically one after the other, if I don't add width.
heres DEMO
One option is to set the parent element to display: table and the child divs to display: table-cell. Remove any floats if you choose this method.
You could add display: inline-blockto the col_1class.
I'm really not sure what should be on the same line in your example. But if you are talking about the p element with class .btn, you may try to remove 'float: right;' as 'display: inline-block' is enough.