added select for menu on left.

This commit is contained in:
Karen 2011-08-25 23:25:56 +05:30
parent 05febe1222
commit 55ab2758e1
2 changed files with 29 additions and 3 deletions

View File

@ -58,7 +58,6 @@ right:4px;
top:11px;*/
margin-left: 174px;
margin-top:4px;
border:1px solid #f0f0f0;
background:url(img/search-icon.png) no-repeat right;
padding:2px 2px 2px 4px;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
@ -67,6 +66,7 @@ color:#7d7d7d;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #f0f0f0;
-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
box-shadow:inset 2px 2px 6px #d7d7d7;
@ -145,6 +145,21 @@ padding-right:20px; /*why is this 20 and the left 10?*/
padding-bottom:6px;
clear:both;}
.selectMenu
{padding-top:6px;}
.selectMenu select
{color:#3b3b39;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:2px outset #f0f0f0;
background-color:#f0f0f0;
outline:none;}
.selectMenu select:focus
{border:1px solid #999;}
#listLeft
{position:relative;}

View File

@ -49,7 +49,18 @@
{{ t.text }}
</div>
{% endfor %}
</div>
<!--is this select okay, my forms are a bit weak, do we need action and method here?--><form class="selectMenu" action="" method="post">
<span>Select by</span><!--Can i avoid a p tag here to keep it inline-->
<select>Select
<option value="atoz">A-Z</option>
<option value="ztoa">Z-A</option>
<option value="title">Title</option>
<option value="mostpopular">Most popular</option>
</select>
</form>
</div>
</div>
<div id="listLeft">