我怎样才能让这两个下拉菜单紧挨着？

在我的网站上Website我似乎无法得到这些下拉菜单，彼此相邻，我该怎么做？我怎样才能让这两个下拉菜单紧挨着？

这是我的代码...

<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
<title>$MODULE_NAME$ - $SITE_NAME$</title> 
<?$META_DESCRIPTION$?> 

<link type="text/css" rel="StyleSheet" href="/_st/my.css" /> 
</head> 
<body> 
$ADMIN_BAR$ 
$GLOBAL_AHEADER$ 
<!-- <middle> --> 
<div id="maincol"> 
$MODULE_SEARCH_FORM$ 
<!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> 
<tr> 
<td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->MAIN<!--</s>--></a> &raquo;  <!--<s5208>-->MOVIES<!--</s>--></td> 
<td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5202>-->Add new entry<!--</s>--></a> ]<?endif?></td> 
</tr> 
</table> 
<hr /> 
<table border="0" cellpadding="0" cellspacing="0" width="100%"> 
<div> 
<form name="yearselect">FILTER BY: 
<select name="menu" onChange="window.document.location.href=this.options[this.selectedIndex].value;" value="GO"> 
<option selected="selected">YEAR</option> 
<option value="year/1">2014</option> 
<option value="year/2">2013</option> 
</select> 
</form> 
</div><div> 
<form name="genreselect"> 
<select name="menu" onChange="window.document.location.href=this.options[this.selectedIndex].value;" value="GO"> 
<option selected="selected">GENRE</option> 
<option value="URL">Action</option> 
<option value="URL">Horror</option> 
</select> 
</form> 
</div> 
<td align="right"><?if($PAGE_SELECTOR$)?><!--<s3015>-->Pages<!--</s>-->:   $PAGE_SELECTOR$<?endif?></td> 
</tr> 
</table> 
<hr /> 
$BODY$ 
<?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR1$</div><?endif?>  <!-- </body> --> 
</div> 
<div id="sidebar"> 
<div id="soc"> 
<?if($RSS_LINK$)?><a href="$RSS_LINK$" target="_blank" title="RSS" class="soc-rss"></a>  <?endif?> 
<a href="http://del.icio.us/post?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Del.icio.us" class="soc-del"></a> 
<a href="http://www.facebook.com/share.php?u=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="FaceBook" class="soc-facebook"></a> 
<a href="http://memori.ru/link/?sm=1&u_data[url]=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Memori" class="soc-memori"></a> 
<a href="http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Vkontakte" class="soc-vkontakte"></a> 
<a href="http://twitter.com/share?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Twitter" class="soc-twitter"></a> 
</div> 
$GLOBAL_CLEFTER$ 
</div> 
<div class="clear"></div> 
<!-- </middle> --> 
</div> 
</div> 
$GLOBAL_BFOOTER$ 
</div> 
</div> 
</div> 
</body> 
</html>

这是代码的完整的源代码，但是，我只需要与部分帮助..

来源

2014-07-26 Magicskid

什么下拉菜单旁边对方的意思，请把你的全SRC。我检查是否没有css它ok –

我已经发布完整的来源，@tuanhuynh – Magicskid

避免表！请参阅本fiddle

标记：

<div> 
    <form name="yearselect">FILTER BY: 
     <select name="menu" onChange="window.document.location.href=this.options[this.selectedIndex].value;" value="GO"> 
      <option selected="selected">YEAR</option> 
      <option value="year/1">2014</option> 
      <option value="year/2">2013</option> 
     </select> 
    </form> 
</div><div> 
    <form name="genreselect"> 
     <select name="menu" onChange="window.document.location.href=this.options[this.selectedIndex].value;" value="GO"> 
      <option selected="selected">GENRE</option> 
      <option value="URL">Action</option> 
      <option value="URL">Horror</option> 
     </select> 
    </form> 
</div>

CSS：

div { 
    display: inline-block; 
    width: 50%; 
}

来源

2014-07-26 02:57:02 sarbbottam

所以，你必须在表跨格一路绵延，每个下拉集中在每列。你需要在桌子的div上设置一个最大宽度，这样它才会扩展到一定的宽度，然后这个下拉不会再远离这个距离。或者，你可以把它们放在同一列（基本上没有表），并将它们放在一边。

来源

2014-07-26 02:57:45 dster77

这里是一个有效的HTML5解决您的问题，fiddle

<form> 
    <table> 
    <tr> 
     <td>FILTER BY: 
     <select name="yearselect"> 
      <option selected="selected">YEAR</option> 
      <option value="year/1">2014</option> 
      <option value="year/2">2013</option> 
     </select> 
     </td> 
     <td> 
     <select name="genreselect"> 
      <option selected="selected">GENRE</option> 
      <option value="URL">Action</option> 
      <option value="URL">Horror</option> 
     </select> 
     </td> 
    </tr> 
    </table> 
</form>

来源

2014-07-26 03:08:46 mdesdev

当我尝试这个下拉菜单不工作@mdesdev – Magicskid

是啊现在下拉框不起作用@mdesdev – Magicskid

你是什么意思doesn不工作？ – mdesdev

我怎样才能让这两个下拉菜单紧挨着？

回答

相关问题