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;
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 1 year ago.
Improve this question
I have problem with unwanted horizontal scrollbar.
I used this to see if any element is overflowing:
* {
border: 1px solid red !important;
}
but I did not find any element that overflows.
Your issue is #nav-mobile.
Instead of using position: absolute; use position: fixed;.
You want it fixed on mobile anyways. That's at least how people build mobile menus.
When using absolute, that absolute is in relation to the first positioned ancestor, therefore seems like it inherits some strange margins (even if left is 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 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 8 years ago.
Improve this question
I am fixing up a website for a tech night at my school. The navbar was on the side which isn't my favorite view for the bar so I put it on top, but I can't get the table data or menu to center in the div.
http://jsfiddle.net/ksta1584/c88qswsx/
<a href="http://jsfiddle.net/ksta1584/c88qswsx/">Link<a/>
I would also like instead of the lines disappearing when you scroll over that they are all in equally sized boxes and the boxes sort of "pop" out. I'm not sure how to do that and can't get the border to appear.
Do this in your .nav:
.nav {
width: 100%;
text-align: center;
position:relative;
top:35%;
}
Put margin:0 auto into your .nav rule
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.