I made a Side menu that transitions , how am i able to let it push the body?
<html> <head> <title>Home</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <div id="navmenu" > <ul> <li><a href="home">Homepage</a></li> <br/> <li><a href="about">About</a></li> <br/> <li><a href="history">History</a></li> <br/> <li><a href="col">Contacts and Location</a></li> <br/> <li><a href="qna">Question and Answer</a></li> </ul> <div id="button"><span></span><span></span><span></span></div> </div>
Question
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 .
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.
www.themcatees.net/test/php_files/where_we_are.php
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;
