Проблема с кодом

[Mr.Black]

Есть у меня проблема ,больше часа питаюсь решить

<hr style="border: 1px #CCC inset; margin-top:10px; margin-bottom:10px;" />
<div style="margin-left:20px; white-space:nowrap; "><span id="navigator"  >[prev-link]Назад[/prev-link] {pages} [next-link]Вперед[/next-link]</span> | <form  action="http://skrypalej.net"  name="go_on_page"  method="get" >
		<input style="width:30px;height:18px;" type="text" name="cstart" class="perexod" />
		<input type="submit" value="Go" style="width:30px" class="button_vote"/>
</form> | <span id="navigator"  ><a href="java script:window.scrollTo(0,0);">Вверх</a></span>
</div>

Оно вигледит так

[

<hr>

А нужно так

Edited October 18, 2010 by Mr.Black

[psywalker]

Сделай всё в таблице.

[Mr.Black]

Вот так???

<table><tbody><tr>
<hr style="border: 1px #CCC inset; margin-top:10px; margin-bottom:10px;" />
<div style="margin-left:20px; white-space:nowrap; "><span id="navigator"  >[prev-link]Назад[/prev-link] {pages} [next-link]Вперед[/next-link]</span> | <form  action="http://skrypalej.net"  name="go_on_page"  method="get" >
		<input style="width:30px;height:18px;" type="text" name="cstart" class="perexod" />
		<input type="submit" value="Go" style="width:30px" class="button_vote"/>
</form> | <span id="navigator"  ><a href="java script:window.scrollTo(0,0);">Вверх</a></span>
</div>
</tr></tbody></table>

[psywalker]

Нет, не так. Каждый элемент в отдельный td, которых кстати выше в коде я не наблюдаю.

[Mr.Black]

<table ><tbody>
<hr style="border: 1px #CCC inset; margin-top:10px; margin-bottom:10px;" />
<tr style="white-space:nowrap;"   ><td id="navigator"  >[prev-link]Назад[/prev-link] {pages} [next-link]Вперед[/next-link] <td id="navigator" >|</td> </td><td><form  action="http://skrypalej.net"  name="go_on_page"  method="get" >
		<input style="width:30px;height:18px;" type="text" name="cstart" class="perexod" />
		<input type="submit" value="Go" style="width:30px" class="button_vote"/>
</form><td> <td id="navigator" >|</td>  <td id="navigator"  ><a href="java script:window.scrollTo(0,0);">Вверх</a></td>
</tr></tbody></table>

Вот так??

А в чем разница между дивами и тд???

[psywalker]

<table ><tbody>
<hr style="border: 1px #CCC inset; margin-top:10px; margin-bottom:10px;" />
<tr style="white-space:nowrap;"   ><td id="navigator"  >[prev-link]Назад[/prev-link] {pages} [next-link]Вперед[/next-link] <td id="navigator" >|</td> </td><td><form  action="http://skrypalej.net"  name="go_on_page"  method="get" >
		<input style="width:30px;height:18px;" type="text" name="cstart" class="perexod" />
		<input type="submit" value="Go" style="width:30px" class="button_vote"/>
</form><td> <td id="navigator" >|</td>  <td id="navigator"  ><a href="java script:window.scrollTo(0,0);">Вверх</a></td>
</tr></tbody></table>

Вот так??

А в чем разница между дивами и тд???

Да дело не в разнице, а в том, что в данной ситуации Если ты всё правильно сделаешь, то не будет ничего разваливаться.

[Mr.Black]

Да дело не в разнице, а в том, что в данной ситуации Если ты всё правильно сделаешь, то не будет ничего разваливаться.

Вот

Как мне поменять цвет форми где вписивать № страници для перехода и кнопку Go

И как поставить чтоб навигация была по правому краю когда я вставлаю align="right" в табле у меня плохо отображается ,подскажите где его поставить???

Edited October 19, 2010 by Mr.Black

[sap1ens]

Таблицы для этого использовать - последнее дело.

Можно засунуть каждый элемент (номер страницы, кнопку, инпут) в див (а не в спаны, как было), и выставить всем float: right. Они выстроятся в ряд по правому краю.

Чтобы поменять цвет у инпута и формы используй css свойство background-color

[Mr.Black]

Подскажите как в этом коде

<table ><tbody>
<hr style="border: 1px #CCC inset; margin-top:10px; margin-bottom:10px;" />
<tr >
<td id="navigator"  >[prev-link]Назад[/prev-link] {pages} [next-link]Вперед[/next-link]</td>
<td id="navigator" > | </td><td><form  action="http://skrypalej.net"  name="go_on_page"  method="get" >
		<input style="width:20px;height:20px;" type="text" name="cstart" class="perexod" />
		<input type="submit" value="Go" style="width:25px" class="button_vote"/>
</form><td>
<td id="navigator" >| </td>
<td id="navigator" ><a href="java script:window.scrollTo(0,0);">Вверх</a></td>
</tr></tbody></table>

Зделать чтоб все было с права????

[Mr.Black]

Решил,неактуально,спасибо всем

[psywalker]

Решил,неактуально,спасибо всем

Как именно?

[Mr.Black]

<div align="right"  ><table ><tbody>
<hr style="border: 1px #CCC inset; margin-top:10px; margin-bottom:10px;" />
<tr >
<td id="navigator"  >[prev-link]Назад[/prev-link] {pages} [next-link]Вперед[/next-link]</td>
<td id="navigator" > | </td><td id="navigator" ><form  action="http://skrypalej.net"  name="go_on_page"  method="get" >
		<input style="width:20px;height:20px;" type="text" name="cstart" class="perexod" />
		<input type="submit" value="Go" style="width:25px" class="button_vote"/>
</form><td>
<td id="navigator" >| </td>
<td id="navigator" style="padding-right:20px;" ><a  href="java script:window.scrollTo(0,0);">Вверх</a></td>
</tr></tbody></table></div>

Вот так

[CoDy]

А не вариант поставить для формы

link]<form  style="display:inline;" ......... <form

Edited October 21, 2010 by CoDy

[Mr.Black]

И что случится???

[psywalker]

И что случится???

Тоже интересно ответ узнать.