jquery - Header Button Hover Colour -

-

i 2 weeks new web development , in process of making website. have been trying hover on header button working can't find solution. here code.

html:

    <!doctype html> <html lang="en">  <head>     <title>home</title>     <meta charset="utf-8">     <meta name="viewport" content="width=device-width, initial-scale=1">     <link rel="stylesheet" type="text/css" href="style.css">     <link href='http://fonts.googleapis.com/css?family=pt+sans' rel='stylesheet' type='text/css'>     <script src="http://timthumb.googlecode.com/svn/trunk/timthumb.php"></script> </head>  <body>     <div class="banner">     </div>     <div class="nav">       <ul>         <li><a class="active" href="#">home</a></li>         <li><a href="#">about us</a></li>         <li><a href="#">faq</a></li>         <li><a href="#">orbat</a></li>       </ul>      </div>

css:

/*stylesheet */  body {     margin: 0;     padding: 0;     background: #ccc;     overflow-x: hidden;     font-family: 'pt sans' }  /*header*/ .banner {     background-image: url('http://www.respectfulrevolution.org/sites/all/themes/curiouser_respect/graphics/header.png');      width: 100%;     height: 100px; } .nav {     width: 100%;     height: 90px;     position: fixed;     background-color: #444;  } .nav ul {     list-style: none;  } .nav  li{     display: inline-block;     padding: 15px 20px 15px 20px;     margin: 0;     background-color: #3f3f3f; } .nav {     text-decoration: none;     color: #fff;     font-size: 1.250em; } .nav a:hover {     background-color: #028482;     opacity: 50%; } /*end of header*/

i have tried things position relative , display block.

please check css code:

.nav {   width: 100%;   position: relative;   background-color: #444;   min-height: 1px; } .nav:after, .nav:before{   display: table;   content: " ";   clear: both; } .nav ul {   list-style: none;  } .nav li{   display: inline-block;   margin: 0; } .nav li {   border-radius: 3px;   text-decoration: none;   color: #fff;   font-size: 1.250em;   padding: 15px;   background-color: #3f3f3f;   transition: background 0.3s ease, color 0.3s ease;   -webkit-transition: transition: background 0.3s ease, color 0.3s ease;   -moz-transition: transition: background 0.3s ease, color 0.3s ease; } .nav li a:hover, .nav li a:focus {   background-color: #028482;   transition: background 0.3s ease, color 0.3s ease;   -webkit-transition: transition: background 0.3s ease, color 0.3s ease;   -moz-transition: transition: background 0.3s ease, color 0.3s ease; } .nav li a.active{   background-color: #028482 !important;   transition: background 0.3s ease, color 0.3s ease;   -webkit-transition: transition: background 0.3s ease, color 0.3s ease;   -moz-transition: transition: background 0.3s ease, color 0.3s ease; }

see here: https://jsfiddle.net/nkjp2uj3/2/


Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

spring - SubProtocolWebSocketHandler - No handlers -

-
i have ugly error during deploying spring app on jboss. 18:11:16,025 error [org.apache.catalina.core.containerbase.[jboss.web].[default-host].[/consumer]] (msc service thread 1-7) exception sending context initialized event listener instance of class org.springframework.web.context.contextloaderlistener: org.springframework.context.applicationcontextexception: failed start bean 'subprotocolwebsockethandler'; nested exception java.lang.illegalargumentexception: no handlers @ org.springframework.context.support.defaultlifecycleprocessor.dostart(defaultlifecycleprocessor.java:176) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor.access$200(defaultlifecycleprocessor.java:51) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor$lifecyclegroup.start(defaultlifecycleprocessor.java:346) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.s...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more