В соответствии с предыдущим вопросом я столкнулся с небольшой ошибкой при размещении некоторых горизонтальных кнопок. Не уверен, что это связано с моим незнанием javascript или кнопок.
В основном у меня есть список кнопок на верхней панели навигации, которые должны быть встроенными, но, похоже, складываются.
Каждая простая кнопка переводит фрейм на другую страницу (да, я знаю, что фреймы - зло, но этот проект должен отображать внешние страницы, и он подходит для этой цели http://webdesign.about.com/od/framesprosandcons/a/aaframesyuck.htm)
В любом случае. Вот как это выглядело, когда ссылки были просто ссылками, а не кнопками.
http://s1180.photobucket.com/albums/x406/0vertone/?action=view¤t=linkcorrect.jpg
А вот и прошитая версия:
http://s1180.photobucket.com/albums/x406/0vertone/?action=view¤t=buttonBug.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, но их просто простые ссылки. Возможно, в моем css чего-то не хватает?
