Question

^这是我的问题^

我希望按钮«Generelt»（一般用英语）与所有其他按钮（Startside，Nyheter，Fakta，Medlem等）在同一条线上。我没有弄明白我是怎么做到的，所以我的问题很简单，我该怎么做？我还希望«Generelt» - 图像与«Donér»（捐赠）按钮的大小相同，但是当第二张图像到来时（你可以选择页面）我希望它的大小与现在一样大，当你把鼠标放在图像上时会说图像切换/改变大小，但我仍然希望它在同一行上。

以下是有问题的来源：

<A HREF="default.php"
   onMouseOver="hiLite('img01','startside2')"
   onMouseOut="hiLite('img01','startside1')"><IMG SRC="startside1.gif" WIDTH="124" HEIGHT="28" BORDER="0" ALT="" NAME="img01"></A>

<A HREF="nyheter.htm"
   onMouseOver="hiLite('img02','nyheter2')"
   onMouseOut="hiLite('img02','nyheter1')"><IMG SRC="nyheter1.gif" WIDTH="87" HEIGHT="28" BORDER="0" ALT="" NAME="img02"></A>

<A HREF="fakta.htm"
   onMouseOver="hiLite('img03','fakta2')"
   onMouseOut="hiLite('img03','fakta1')"><IMG SRC="fakta1.gif" WIDTH="78" HEIGHT="28" BORDER="0" ALT="" NAME="img03"></A>

<A HREF="medlem.htm"
   onMouseOver="hiLite('img04','medlem2')"
   onMouseOut="hiLite('img04','medlem1')"><IMG SRC="medlem1.gif" WIDTH="86" HEIGHT="28" BORDER="0" ALT="" NAME="img04"></A> 

<SCRIPT LANGUAGE="javascript"><!--
document.write("<P><A HREF=\"javascript:nada()\"><IMG SRC=\""+picture_source+"\" width=124 height=76 NAME=\"img05\" border=0 USEMAP=\"#dir1\"></A>");
   //--></SCRIPT>
</SCRIPT>
<NOSCRIPT>
   <IMG SRC="generelt2.gif" WIDTH="124" HEIGHT="28" BORDER="0" USEMAP="#dir2" ALT="Directory: Home-Mail-Links">
</NOSCRIPT>

我该怎么做？

编辑：如何进行显示：内联块，我应该把它放在哪里？我需要它，以便我可以将它放在同一条线上，如前所述。

完整网站：http://christofferhn.comoj.com/help.htm

Answer 1

段落是一个块级元素，它自然会掉到一个新行。您需要使用span作为包装器，或将display: inline-block应用于您使用的元素。

我在这里重新考虑你的方法。这是非常不标准的，这意味着它会让用户感到困惑，对于那些有障碍的人来说，它可能不太容易接近。

Answer 2

将<P>元素放在document.write中，你可能会得到你想要的东西。

我不得不同意isherwood，你设置网站的方式是非标准的，你应该重新考虑它。

带有图像的Javascript鼠标悬停

2 个答案: