Adding a notification bar to a website [closed] - html

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.

Related

CSS and HTML Mozilla Error [closed]

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;
}

I can't figure out what is causing this gap between the bottom of my content and 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
A copy of my page can be found here.
I cannot figure out what css or html could be causing the 10-15 pixel gap that can be seen between the footer banner image and the end of the page. This is based on the WordPress theme twentytwelve.
This fixed it for me! It's the 2 span.statcounter's towards the end of the page that are pushing it down.
.statcounter {
display:none;
}
there is two <span> after footer with 16px height. you can use this code to remove that space:
.statcounter {
display: none;
}
reason of this issue is javascripts below footer, put javascripts between <footer> and </body> into a <div> with 0height, 0margin, 0padding, overflow:hidden;

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.

how to wrap html elements in a box? [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 8 years ago.
Improve this question
I have a search results page and I'd like to wrap each result in a simple box to differentiate between each group but I can't find anything on how to do this. All I found was w3schools page on the box model and that seems to affect the whole page so it isn't really what I'm looking for.
You'd need to wrap them in what's called a div this is essentially saying to a browser looking at the website "This is a block of something, treat it like that". You can create a div like this
<div class="result">Content in here!</div>
You can then assign all your divs the CSS class result this lets your use CSS code like
.result {
border: 1px solid red;
}

Side Nav Bar Extended to Base [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
I know this is easy for most but it doesn't seem to want to work for me. I am trying to get the sidebar to extend all the way down the page using height: 100% but isn't working. I don't know how to do it could someone please tell me what I am doing wrong?
You can find the page here: http://bcs-global.org/new/
Notice the nav bar on the side well I want that light brown color to be even with the body of content area.
Make the container height as 100% and you are good to go
html, body {
height: 100%;
}
Also you are using XHTML doctype, instead use HTML5 <!DOCTYPE html>