以前の質問によると、いくつかの横のボタンをレイアウトするバグが少しありました。失敗はjavascriptやボタンに関する私の知識の欠如と関係していると確信しています。cssでhorizonatallyボタンを注文する
基本的には、インラインになっているがスタックしているように見える上部のナビゲーションバーにボタンのリストがあります。
各ボタンのシンプルは、とにかく(はい、私は承知しているフレームは悪ですが、このプロジェクトは、外部のページをレンダリングする必要があり、それは、この目的http://webdesign.about.com/od/framesprosandcons/a/aaframesyuck.htmに合った)別のページに
をフレームになります。リンクが単なるリンクであり、ボタンではないときのように見える。次のようにボタンがあるとして、これらのリンクのための
http://s1180.photobucket.com/albums/x406/0vertone/?action=view¤t=buttonBug.jpg
コード:
http://s1180.photobucket.com/albums/x406/0vertone/?action=view¤t=linkcorrect.jpg
そしてここでは、アウト盗聴バージョンです
HTML
<ul class = "links">
<li>
<!--<a href="http://www.google.ie" target ="content">Test</a>-->
<form method="link" action="http://www.google.ie" target = "content">
<input type="submit" value="google">
</form>
|
</li>
<li>
<!--<a href="dashboard.html.erb" target ="content">Dash</a> |-->
<form method="link" action="http://www.google.ie" target = "content">
<input type="submit" value="google">
</form>
|
</li>
<li>
<!--<a href="pageview.html.erb" target ="content">Page</a> |-->
<form method="link" action="http://www.google.ie" target = "content">
<input type="submit" value="google">
</form>
|
</li>
<li>
<!--<a href="listview.html.erb" target ="content">List</a>-->
<form method="link" action="http://www.google.ie" target = "content">
<input type="submit" value="google">
</form>
|
</li>
</ul>
CSS:
ul li.prev {
float:left
}
.links {
margin: 0;
padding: 0;
background: #666;
text-align: right;
}
.links li {
display: inline;
padding: 0 5px;
}
潜在的な解決策は、ボタンをJavascriptから何らかのJQuery UIに変更することですが、その単純なリンクです。おそらく私のCSSに欠けているものがありますか?
私のミスのように、インラインブロック要素として
li
表示することができます。フォームを含むliがインラインであれば、それは継承されると思った。私はそうは思わない。 – overtone