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%; margin-bottom:2%;
height:14%;} height:14%;}
#logoMain
{float:left;}
#logo #logo
{ {
margin-left:2%; margin-left:2%;
padding-top:2%; padding-top:2%;
} }
#logoText
{margin-left:2%;}
.searchForm .searchForm
{margin-left:2%; {margin-left:2%;
padding-top:2%; padding-top:2%;
} float:left;}
.search .search
{width:30%; /*fine if i give this width in percent, right?*/ {width:30%; /*fine if i give this width in percent, right?*/

View File

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