Question

以下是我网站的链接HighCountryCampingEquipmentAndOutdoorSports.com 下拉菜单显示如下：

------狩猎装备------
---划船/船舶导航---
-----按尺寸搜索帐篷----- < / p>

但我希望他们并排这样：

---划船/海上导航--- -----狩猎装备----- -----按尺寸搜索帐篷-----

以下是我正在使用的脚本的副本：

<FORM name="guideform">
<SELECT name="guidelinks" onChange="window.location=document.guideform.guidelinks.options[document.guideform.guidelinks.selectedIndex].value"> <OPTION SELECTED value="jdrop2.htm">--Choose--
<OPTION value="jex15.htm">Page 1
<OPTION value="jex16.htm">My Cool Page
</SELECT>
</FORM>

任何人都可以告诉我，我需要添加到上面脚本的脚本代码是什么，告诉它将3个下拉菜单连续放置，并排放置如下：
菜单A菜单B菜单C

而不是：
菜单A
菜单B
菜单C

我还在学习，我不知道所有的编程术语“，所以有人可以给我一个如何做到这一点的示例脚本吗？我已经在网上搜索了几个星期了，我似乎无法自己找出如何做到这一点。

Answer 1

这三个下降之所以相互之间的原因是“形式”和“＃39;围绕它们的元素正在“块”中呈现。样式。你想要这三种形式的＆＃39;元素要内联＆＃39;或者＆＃39; inline-block＆＃39;。最好的解决方案可能是使用＆＃34; display：inline-block＆＃34;来为这些元素添加一个css类。风格。

顺便说一句......看看你渲染的源代码（＆＃39;查看源代码＆＃39;）。通过验证器运行它。这是一个链接：

http://validator.w3.org/check?uri=http://highcountrycampingequipmentandoutdoorsports.com/&charset=(detect+automatically)&doctype=Inline&group=0

您可能想要修复这些错误。相当多的非标准html /合规性问题可能会导致渲染问题。

希望这有帮助。

鲍勃

Answer 2

对于HTML下拉列表，请将其括在p标记中。这是一个例子：

<form>
Select your favorite browser:
<p>
<select id="myList" onchange="favBrowser()">
  <option></option>
  <option>Google Chrome</option>
  <option>Firefox</option>  
  <option>Internet Explorer</option>
  <option>Safari</option>
  <option>Opera</option>
</select>
<select id="myList" onchange="favBrowser()">
  <option></option>
  <option>Google Chrome</option>
  <option>Firefox</option>  
  <option>Internet Explorer</option>
  <option>Safari</option>
  <option>Opera</option>
</select>
</p>
</form>

如何对齐3个单独的下拉菜单，使它们水平并排显示？

2 个答案: