Нужна помощь по HTML.

Страусь » 19 апр 2008, 09:44

Мое почтение коллегам.
Понадобилась помощь по языку.
Суть такая.
В приложенном архиве два файла.
Один HTML, второй CSS.
HTML - это упрощенная до последнего страница с сообщением нашего форума.
Выглядит он как во вложенном test-3.jpg
Путем ряда экспериментов нетрудно убедится, что надпись Nazad всегда расположена внизу. Всегда. Независимо от размера левой части.
Вопрос - как это реализуется? Нужен точный ответ. Ответ, что "... это реализуются при помощи div и CSS..." меня не устроет. Ответ нужен, что бы тоже самое сделать с надписью Vpered.
Может поможите? А?

ShineOn » 19 апр 2008, 13:33

Лёша, добавь тэги <td>..</td> на секцию Vpered, у меня заработало:

<td>
. . <div class="postbody">
. . . . <div class="content">1<br>1<br>1<br>1<br></div>
. . . . <div class="back2top">Vpered</div>
. . </div>
</td>

Страусь » 19 апр 2008, 14:06

ShineOn писал(а):Лёша, добавь тэги <td>..</td> на секцию Vpered, у меня заработало:

Играл не угадал.
У меня не работает.

ShineOn » 19 апр 2008, 18:22

Переделал вот так в виде таблицы 2x2, теперь обе надписи (Vpered и Nazad) ВСЕГДА будут внизу. Пропорции или физические размеры столбцов и всей таблицы можно подогнать по месту.

Код: Выделить всё: <table width="80%" id="p56725" class="post bg2 online"> <tr> <td width="50%"> <div class="postbody"> <div class="content"> 1<br>1<br>1<br>1<br> </div> </div> </td> <td width="50%"> <dl class="postprofile" id="profile56725">  <img src="test_html_files/online.gif"><br> <dd>0</dd> <dd>1</dd> <dd>2</dd> <dd>3</dd> </dl> </td> </tr> <tr> <td width="50%"> <div class="back2top"> Vpered </div> </td> <td width="50%"> <div class="back2top"> Nazad </div> </td> </tr> </table>

DrFOX » 20 апр 2008, 01:43

А так не проще? И обозначить стрелками(картинками)

Код: Выделить всё: <body id="phpbb" class="section-viewtopic ltr"> <div id="p56725" class="post bg2 online"> <div class="postbody"> <div class="content">1<br>1<br>1<br>1<br></div> </div> <dl class="postprofile" id="profile56725">  <img src="test_html_files/online.gif"> <br> <dd>0</dd> <dd>1</dd> <dd>2</dd> <dd>3</dd> <dd>1</dd> <dd>2</dd> <dd>3</dd> </dl> <div class="back2top">Vpered Nazad</div> <hr class="divider"> </div> </body>

Страусь » 20 апр 2008, 05:57

ShineOn писал(а):Переделал вот так в виде таблицы 2x2, теперь обе надписи (Vpered и Nazad) ВСЕГДА будут внизу.

Благодарствую. Можно и так поступить.
Но что же заставляет Nazad уходить в самый низ... "... и где у него кнопка ..." (С) Фильм про Электроника.

DrFOX писал(а):А так не проще?

Нет. Это нужно не для этого.
Вообще это нужно для тог. что бы подпись в сообщениях была всегда внизу, а не сразу за текстом как сейчас.

DrFOX » 20 апр 2008, 22:24

Ну тогда так:

Код: Выделить всё: <body id="phpbb" class="section-viewtopic ltr"> <div id="p56725" class="post bg2 online"> <div class="postbody"> <div class="content"> 1<br> 1<br> 1<br> 1<br> </div> </div> <dl class="postprofile" id="profile56725">  <img src="test_html_files/online.gif"> <br> <dd>0</dd> <dd>1</dd> <dd>2</dd> <dd>3</dd> <dd>1</dd> <dd>2</dd> <dd>3</dd> </dl> <div class="back2top"> Nazad</div> <div> <p style="text-align: left">Vpered</p> </div> <hr class="divider"></div> </body>

Чем меньше меняешь код тем лучше!!!

ShineOn » 20 апр 2008, 22:26

DrFOX, не, по твоему последнему варианту не работает!

DrFOX » 20 апр 2008, 22:50

ShineOn писал(а):по твоему последнему варианту не работает!

Страннннно!!!, у меня работает...
Дайте кусок кода оригинального, а то как-то не с руки химичить...

ShineOn » 21 апр 2008, 00:04

DrFOX писал(а):Страннннно!!!, у меня работает...

Ну у меня то он тоже работает, только Vpered и Nazad на разной высоте отображаются.

Если не веришь, могу скриншот прислать.

DrFOX писал(а):Дайте кусок кода оригинального

Так в первом сообщении Страуся как раз исходник и лежит. На нём и тренируемся выполнить поставленную задачу.

Страусь » 21 апр 2008, 04:47

DrFOX писал(а):Ну тогда так:

Не пойдет.
Структура должна соблюдаться.
Четыре дива - два описывают левый столбик, два правый.

DrFOX » 21 апр 2008, 10:45

Вот вариант:

Код: Выделить всё: <body id="phpbb" class="section-viewtopic ltr"> <div id="p56725" class="post bg2 online"> <div class="postbody"> <div class="content"> 1<br> 1<br> 1<br> 1<br> </div> </div> <dl class="postprofile" id="profile56725">  <img src="test_html_files/online.gif"> <br> <dd>0</dd> <dd>1</dd> <dd>2</dd> <dd>3</dd> <dd>1</dd> <dd>2</dd> <dd>3</dd> </dl> <div class="back2top"> <table border="0" width="100%" style="border-collapse: collapse"> <tr> <td> <div class="back2top"> Vpered </div> </td> <td width="217"> <div class="back2top"> Nazad </div> </td> </tr> </table> </div> <hr class="divider"></div> </body>

ShineOn » 21 апр 2008, 10:51

DrFOX, ну собственно, один в один то что я и предлагал ранее - сделать нижнюю часть в виде таблицы. Так однозначно работает.

Страусь » 21 апр 2008, 10:53

Не, мужики. Вы немного не поняли.
Что-то заставляет Nazad смещаться в конец правого столбика.
Вот бы найти, что заставляет смещаться и применить тоже самое к Vpered.
То, что можно решить другими конструкциями, это хорошо. Но ведь что-то заставляет смещаться ...

DrFOX » 21 апр 2008, 10:56

Не совсем, у тебя все в таблице, а у меня только нижняя часть... Так проще

Нужна помощь по HTML.

Нужна помощь по HTML.

Re: Нужна помощь по HTML.

Re: Нужна помощь по HTML.

Re: Нужна помощь по HTML.

Re: Нужна помощь по HTML.

Re: Нужна помощь по HTML.

Re: Нужна помощь по HTML.

Re: Нужна помощь по HTML.

Re: Нужна помощь по HTML.

Re: Нужна помощь по HTML.

Re: Нужна помощь по HTML.

Re: Нужна помощь по HTML.

Re: Нужна помощь по HTML.

Re: Нужна помощь по HTML.

Re: Нужна помощь по HTML.

Кто сейчас на конференции