search field now at the right position with image button and image textfield

5 files changed, 39 insertions, 5 deletions

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 69db939..0b32673 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -14,6 +14,16 @@
       <div id="header">
         <%= image_tag "header.png" %>
       </div>
+      <div id="search">
+        <table>
+        <% form_tag search_path, :method => 'get' do %>
+          <tr>
+            <td><%= text_field_tag :search_term %></td>
+            <td style="padding-top: 2px"><%= image_submit_tag("search_button.png") %></td>
+          </tr>
+        <% end %>
+        </table>
+      </div>
       <div id="left_column">
         <%= main_menu %>
         
diff --git a/app/views/search/index.html.erb b/app/views/search/index.html.erb
index 2e46d20..28764bf 100644
--- a/app/views/search/index.html.erb
+++ b/app/views/search/index.html.erb
@@ -1,9 +1,5 @@
 <h2>Suche</h2>
 
-<% form_tag search_path, :method => 'get' do %>
-  <%= text_field_tag :search_term %>
-  <%= submit_tag "Suchen" %>
-<% end %>
 
 
 <% if params[:search_term] %>
diff --git a/public/images/search_button.png b/public/images/search_button.png
new file mode 100644
index 0000000..9a59f04
--- /dev/null
+++ b/public/images/search_button.png
diff --git a/public/images/search_field.png b/public/images/search_field.png
new file mode 100644
index 0000000..1ee523d
--- /dev/null
+++ b/public/images/search_field.png
diff --git a/public/stylesheets/ccc.css b/public/stylesheets/ccc.css
index 3ef7975..3417fef 100644
--- a/public/stylesheets/ccc.css
+++ b/public/stylesheets/ccc.css
@@ -107,7 +107,7 @@ div#left_column {
 div#center_column {
   position: absolute;
   background-color: #ffffff;
-  left: 185px;
+  left: 200px;
   width: 460px;
   padding-left: 15px;
   padding-right: 15px; 
@@ -139,4 +139,32 @@ div.article_partial h2 a {
 
 div.article_partial p.excerpt {
   color: #404040;
+}
+
+div#search {
+  position: absolute;
+  top: 145px;
+  left: 676px;
+  height: 1000px;
+  vertical-align: top;
+}
+
+div#search input[type=button] {
+  display: block;
+  height: 20px;
+}
+
+div#search input[type=text] {
+  display: block;
+  padding: 0px;
+  margin: 0px;
+  height: 20px;
+  width: 132px;
+  line-height: 20px;
+  border: none;
+  background-image: url(/images/search_field.png);
+  background-repeat:no-repeat;
+  padding-right: 5px;
+  margin-right: 5px;
+  background-position: top top;
 }
\ No newline at end of file