CSS and HTML Mozilla Error [closed] - html

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 9 years ago.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Improve this question
I've been writing my first HTML CSS website and I'm confused by what is messing up my navbar on Firefox because for some reason it's showing up above the page window. Is there a -moz- prefix that I am missing?
Here's the website: http://fightthefamine.org/

Replace .homepage .navbar with the following in your CSS.
.homepage .navbar {
display: inline-table;
position: relative;
top: -30px;
}

Related

Why do the images move when clicked in html and css? How to prevent it? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
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.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Improve this question
I am completely new to html and css. This is my first website. When someone clicks on an image under some category, it moves while using chrome. I would like to prevent it. Please help.
This is because the books li selector is positioned relative:
.books li{
display: inline;
position: relative; /* remove this */
top: 100px;
left: 10%;
}

Adding a notification bar to a website [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I want to add a red notification bar to my site to display notices for example scheduled maintenance.
What code would I need to add to my site to enable this to work.
Thanks.
Just add a div with some styling to the top of your site.
<div id="notificationbar">
<p>Currently the site is down</p>
</div>
You can style it with css:
#notificationbar {
background-color: red;
}
#notificationbar p {
color: white;
}
You can do many things with it using javascript or css. If you don't understand the above, you should check out how to write HTML and CSS (try looking on google) or hire someone who does.

How to put rectangle into the middle [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
How to put rectangle between triangle? http://goo.gl/EgXE5k When I remove text from rectangle it returns on its normal position. `
Float them all left:
.left,.center,.right {
float:left;
}
jsFiddle example
You can use
position: absolute;
and then design left and top attributes for each DIV
Updated fiddle
add this to the rectangle:
vertical-align: top;
http://jsfiddle.net/HMfz7/

How to make HTML footer div stick to the bottom of the page [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I'm writing my home page in and the footer is shown on top of the main section.
I tried adding position:relative and position:absolute;bottom:0; but it did not work.
remove height from CSS style in this classes : .login and .homeArticle that way it will always fit at the bottom.

Alignment issues with css [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
Anyone see why my footer is all shifted over with the image as well as the links and copyright isn't showing as it should?
http://kansasoutlawwrestling.com/
mockup:
http://kansasoutlawwrestling.com/assets/images/wrestling2.jpg
You are floating your <li> elements to the left.
Remove the float left and change the css on these to display: inline and it will look much more like your mock up.
It's because line #58 of v1.css floats the whole thing left.
#footer ul {
list-style: none outside none;
margin-left: 40%;
text-align: center;}