Changeset 7687

Timestamp:

Apr 6, 2010, 2:32:53 PM (15 years ago)

Author:

janveeden

Message:

Layout of the searchpart made.

Location:

trunk/src_map

Files:

• index.php (modified) (1 diff)
• style/stylesheet.css (modified) (1 diff)

trunk/src_map/index.php

@@ -37 +37 @@
                 <div id="infobottom">
                         <div id="searchbox">
+                                <form>
+                                <input type="text" name="naam" size="18" maxlength="30"><input type="button" name="knop" value=">">
+                                </form>
                         </div>
-                        
                         <div id="searchlist">
+                                <select multiple>
+                                        <option value="node1">Node 1 Leiden</option>
+                                        <option value="node2">Node 2 Leiden</option>
+                                        <option value="node3">Node 3 Leiden</option>
+                                        <option value="node4">Node 4 Leiden</option>
+                                        <option value="node5">Node 5 Leiden</option>
+                                        <option value="node6">Node 6 Leiden</option>
+                                        <option value="node7">Node 7 Leiden</option>
+                                        <option value="node8">Node 8 Leiden</option>
+                                        <option value="node9">Node 9 Leiden</option>
+                                        <option value="node10">Node 10 Leiden</option>
+                                </select>
                         </div>
                 </div>

trunk/src_map/style/stylesheet.css

@@ -53 +53 @@
 }
 
+#searchbox {
+margin-top: 3px;
+border-top: 1px solid gray;
+border-bottom: 1px solid gray;
+height: 25px;
+}
+
+#searchbox input[type=text] {
+width: 85%;
+}
+
+#searchbox input.text {
+width: 85%;
+}
+
+#searchbox input[type=button] {
+width: 15%;
+}
+
+#searchbox input.button {
+width: 15%;
+}
+
+
+#searchlist {
+overflow: hidden;
+}
+
+#searchlist select {
+width: 100%;
+height: 115px;
+}
+
 #navigation {
 margin-top: 5px;