html - filling a blank between two bars - css -
i'm trying move blue bottom bar paste top blue bar, can't find how, please?
screenshot: http://hpics.li/1b82a29
html code :
<%@ page pageencoding="utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!doctype html> <html> <head> <script language="javascript"> var timeforhide; function showmenu(menuid) { cleartimeout(timeforhide) document.getelementbyid('menu').style.visibility = 'visible' } function hidemenu(menuid) { timeforhide = settimeout("didhidemenu()", 700) } function didhidemenu() { document.getelementbyid('menu').style.visibility = 'hidden' } </script> </head> <body> <div> <ul id="nav"> <li><a href="/projetforum/accueil">forum</a></li> <c:if test="${!empty utilisateur }"> <li><a href="/projetforum/profil">profil</a></li> <li><a href="/projetforum/deconnexion">se déconnecter</a></li> </c:if> <c:if test="${empty utilisateur}"> <li><a href="/projetforum/connexion">se connecter</a></li> <li><a href="/projetforum/inscription">s'inscrire</a></li> </c:if> <li><a href="/projetforum/contactus">nous contacter</a></li> <form method="post" action="<c:url value="/search"/>"> <input type="text" placeholder="recherche..." class="search" required onfocus="showmenu('menu')" onblur="hidemenu('menu')"/> </form> </ul> <table id="menu" style="position: absolute; visibility: hidden; margin-left: 850px; width: 400px; color: #ffffff;"> <tr> <td>recherche par : <td><input type="radio" name="choice" value="sujet" checked />sujet</td> <td><input type="radio" name="choice" value="post" />post</td> <td><input type="radio" name="choice" value="utilisateur" />utilisateur</td> </tr> </table> </div> </body> </html>
i think you're after: http://jsfiddle.net/uqzqd/3/
you should start css reset. used * selector reset padding , margin in example , looks think want in ff, chrome, , safari.
http://meyerweb.com/eric/tools/css/reset/
i fixed errors in html well.
language="javascript" obsolete, <form method="post" action="<c:url value="/search"/>"> isn't valid.
Comments
Post a Comment