floating logo and search
This commit is contained in:
parent
93a68a5b4f
commit
027e7e7303
|
@ -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?*/
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue
Block a user