floating logo and search

This commit is contained in:
Karen 2011-08-31 20:00:03 +05:30
parent 93a68a5b4f
commit 027e7e7303
2 changed files with 11 additions and 3 deletions

View File

@ -16,16 +16,22 @@ border-bottom:1px solid #999;
margin-bottom:2%;
height:14%;}
#logoMain
{float:left;}
#logo
{
margin-left:2%;
padding-top:2%;
}
#logoText
{margin-left:2%;}
.searchForm
{margin-left:2%;
padding-top:2%;
}
float:left;}
.search
{width:30%; /*fine if i give this width in percent, right?*/

View File

@ -22,8 +22,10 @@
<!--<div class="wrapper">-->
<div class="header">
<img src="/static/images/logo-loc.png" width="141" height="32" alt="congress-logo" id="logo">
<div id="logoText">Digital Gazetteer</div>
<div id="logoMain">
<img src="/static/images/logo-loc.png" width="141" height="32" alt="congress-logo" id="logo">
<div id="logoText">Digital Gazetteer</div>
</div>
<form action="" method="get" class="searchForm" id="searchForm"><!--method is right???-->
<input type="text" placeholder="Search digital gazetteer" id="searchField" name="field" class="search" />
<input type="submit" name="searchButton" value="Search" id="searchButton">