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;*/ top:11px;*/
margin-left: 174px; margin-left: 174px;
margin-top:4px; margin-top:4px;
border:1px solid #f0f0f0;
background:url(img/search-icon.png) no-repeat right; background:url(img/search-icon.png) no-repeat right;
padding:2px 2px 2px 4px; padding:2px 2px 2px 4px;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif; font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
@ -67,6 +66,7 @@ color:#7d7d7d;
-moz-border-radius:8px; -moz-border-radius:8px;
-webkit-border-radius:8px; -webkit-border-radius:8px;
border-radius:8px; border-radius:8px;
border:1px solid #f0f0f0;
-moz-box-shadow:inset 2px 2px 6px #d7d7d7; -moz-box-shadow:inset 2px 2px 6px #d7d7d7;
-webkit-box-shadow:inset 2px 2px 6px #d7d7d7; -webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
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; padding-bottom:6px;
clear:both;} 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 #listLeft
{position:relative;} {position:relative;}

View File

@ -49,6 +49,17 @@
{{ t.text }} {{ t.text }}
</div> </div>
{% endfor %} {% endfor %}
<!--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> </div>