HTML/CSS bottom navigation misplaced [closed] - html

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
I am very new at both HTML and CSS but learning on the way. I have come to a stuck point and I can't seem to work it out. When viewing my webpage I have noticed that when I 'inspect element' the bottomnav div and ul div are both the size of my main div which is basically 0.
This is causing my issues in terms of trying to place a boarder on my bottom navigation.
None of the images are working but here it is
Code: http://jsbin.com/xuluqugovu/edit?html,css,output
Thanks for anyone's help on this.

Set overflow:auto on the .main rule (since its contents are floated, it does not expand to contain them)

Related

problem with hovering effect it not showing [closed]

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
enter image description hereenter image description here
So i'm trying to have a hover effect on my filter as shown on the html and css above but it not applying. However i have figured out that if i remove my "div pul" it works fine but on the other hand I need that div "pul" in order for my filters to be responsive on the mobile side, so if anyone have an other solution to offer it will be much appreciated. I have tried a number ways but nothing.
here is my website: https://mitch73.github.io/Reservia/
Your hover-css is applying.
Your problem is, the a element is an inline element and therefore margin-top is not applied to it.
here is a js-fiddle with your code:
https://jsfiddle.net/edwkaL1c/1/

White bar under footer in wordpress site [closed]

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
Hey everyone I am having an issue with this wordpress site with underscore theme.
below the footer I have a white bar. I have combed through all elements can't seem to fix it. Can anyone help me out?
Here is the link--> http://eajohnsongroupinc.com/
Thank you,
K.M.
The problem is the last item in the footer Powered by EZToUse.com. If you remove this element everything is ok. I think that the paragraphs there have some margin/padding.
You can add to keep the link and fix the issue.
.container {
overflow: hidden;
}

How to fix this header background? It resizes according to the window [closed]

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
To be honest I am very new to HTML/css so forgive me if I could not be specific. See the right side of the page. The elements are fine but the background bar changes size according to the page. If I maximize the page then everything is fine.
Here is the jsbin link: https://jsbin.com/qaxaxo/edit?html,output
thanks in advance for helping, I am really stuck here.
In your case, you must define a min-width attribute for #container in CSS look below :
#container {
min-width:1270px; /* Or whatever is minimum size of header */
width:100%;
}

Main Menu responsive issues [closed]

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 was working on this site for its mobile responsivenes.after a few css edits I managed to make it responsive.I tested in different browsers.its working fine but not in mozilla firefox.when we scroll down to the bottom of the page it shows a horizontal scrollbar.just in mozilla.then i figured out its the issue with menu so i changed the css to following
ul#menu-main{overflow:hidden;}
it solved the issue but the dropdown menu was not showing which was showing before i changed the above css.so I reveretd back.
is there any other css to make it responsive in mozilla without hiding the dropdown submenu? thanks!!
I believe this might be the solution to the problem. In the container div, instead of using overflow:auto, use overflow:hidden.
I inspected and checked with firebug and it worked for me

how to make all elements on a page wider [closed]

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
So I am making a test website and I all text images, and navigation text is in the middle of the page and there is a lot of space on the side. how can I use more of the space on the side?
Use your CSS to define the size of your main content. If pixel size (say width:1000px) isn't enough, then set the width to width:100%.
In any case, you are going to have to do some serious research on CSS and how to use it.