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.
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 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
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 6 years ago.
Improve this question
There are some menu items with floating left property. But if I make screen small then one of the menu items (which is named Игнорлист e.g. third from the left) does not fully stick to left side.
Why is this?
This looks like
Instead of using float, try inline-block.
.link {
display: inline-block;
margin-right: 35px;
}
Provide width to the main div. Since the div doesn't have enough width its pushing the element to the next line.
Width:1024px;
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 7 years ago.
Improve this question
What css code should i use to make this transparent png element with a shadow in the png file, float over the upper image to avoid this white stripe?
http://postimg.org/image/ektu4srvn/
http://postimg.org/image/dged2yme3/
Use z-index CSS property to control which elements 'float' over others. An element with a z-index of 1 would appear above an element with z-index 0 when the two overlap.
W3Schools Z-Index
As Andy Furniss points out in the comments, in order for z-index to work, position property should be set on the element.
W3Schools Position
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;)