I made a Side menu that transitions , how am i able to let it push the body?

<link href="style.css" type="text/css" rel="stylesheet">
<div id="navmenu" >
    <li><a href="home">Homepage</a></li>
    <li><a href="about">About</a></li>
    <li><a href="history">History</a></li>
    <li><a href="col">Contacts and Location</a></li>
    <li><a href="qna">Question and Answer</a></li>
    <div id="button"><span></span><span></span><span></span></div>


On http://classic-corvettes-ky.com the menu used main.css as follows:

#menu {
	border-radius: 14pt;
	width: 100%;
	height: 28px;
	margin: 50px auto;
	display: inline-block;
	text-align: center;
#menu ul li, #menu ul li a, #menu ul li ul li a {
	color: #1B49E0;
	font-family: "Comic Sans MS", sans-serif;
	font-size: 16pt;
	text-decoration: none;
	font-weight: bold;
	font-style: normal !important;
#menu ul li a:hover, #menu ul li ul li a:hover {
	color: #7B0BA3;
#menu ul {
	list-style: none;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;

CSS Only solution to turn my images colored when hovered

well , what i actually wanted to acheive is turn all my images in the gallery grey and when hovered back to colored , exactly as the following solution i found on the web .

Link Here

can somebody really explain to me , what does ? also in the HTML i see attributes like k1="0" k2="1" k3="0" k4="0" what are they ? in the CSS i see the below confusing , mind tangling bit of code :


CSS 3 animation

animation: blurFadeInOut 3s ease-in backwards;

the values taken by the animation property confuses me , the 3s is the duration , what exactly are the rest of it ? blurFadeInOut is the effect i suppose , but i don't get the need for the last 2 ! .

strange problem with horizontal buttons

Having a strange problem: Self generating forms makes its own id tag for css to use. The tags are #Jan, #Feb, #Mar, #apr, ETC. I display six horizontal buttons, currently Oct through Feb. The first 4 are ok. The 4th button has no color and the 6th is not on the same line.

css code follows:
div#what_month {position:fixed; top: 2em; left: 0em; width: 40em; height: 3.5em; background: #800000; color: #FFFFFF;}
div#home button#home_button {
display: block;
float: left;
text-align: center;
margin-left: 0.25em;

Syndicate content