Страница 1 из 2
Нужна помощь по HTML.
Добавлено:
19 апр 2008, 09:44 Страусь
Мое почтение коллегам.
Понадобилась помощь по языку.
Суть такая.
В приложенном архиве два файла.
Один HTML, второй CSS.
HTML - это упрощенная до последнего страница с сообщением нашего форума.
Выглядит он как во вложенном test-3.jpg
Путем ряда экспериментов нетрудно убедится, что надпись Nazad всегда расположена внизу. Всегда. Независимо от размера левой части.
Вопрос - как это реализуется? Нужен точный ответ. Ответ, что "... это реализуются при помощи div и CSS..." меня не устроет. Ответ нужен, что бы тоже самое сделать с надписью Vpered.
Может поможите? А?
Re: Нужна помощь по HTML.
Добавлено:
19 апр 2008, 13:33 ShineOn
Лёша, добавь тэги <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>
Re: Нужна помощь по HTML.
Добавлено:
19 апр 2008, 14:06 Страусь
ShineOn писал(а):Лёша, добавь тэги <td>..</td> на секцию Vpered, у меня заработало:
Играл не угадал.
У меня не работает.
Re: Нужна помощь по HTML.
Добавлено:
19 апр 2008, 18:22 ShineOn
Переделал вот так в виде таблицы 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>
Re: Нужна помощь по HTML.
Добавлено:
20 апр 2008, 01:43 DrFOX
А так не проще? И обозначить стрелками(картинками)
- Код: Выделить всё
<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>
Re: Нужна помощь по HTML.
Добавлено:
20 апр 2008, 05:57 Страусь
ShineOn писал(а):Переделал вот так в виде таблицы 2x2, теперь обе надписи (Vpered и Nazad) ВСЕГДА будут внизу.
Благодарствую. Можно и так поступить.
Но что же заставляет Nazad уходить в самый низ... "... и где у него кнопка ..." (С) Фильм про Электроника.
DrFOX писал(а):А так не проще?
Нет. Это нужно не для этого.
Вообще это нужно для тог. что бы подпись в сообщениях была всегда внизу, а не сразу за текстом как сейчас.
Re: Нужна помощь по HTML.
Добавлено:
20 апр 2008, 22:24 DrFOX
Ну тогда так:
- Код: Выделить всё
<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>
Чем меньше меняешь код тем лучше!!!
Re: Нужна помощь по HTML.
Добавлено:
20 апр 2008, 22:26 ShineOn
DrFOX, не, по твоему последнему варианту не работает!
Re: Нужна помощь по HTML.
Добавлено:
20 апр 2008, 22:50 DrFOX
ShineOn писал(а):по твоему последнему варианту не работает!
Страннннно!!!, у меня работает...
Дайте кусок кода оригинального, а то как-то не с руки химичить...
Re: Нужна помощь по HTML.
Добавлено:
21 апр 2008, 00:04 ShineOn
DrFOX писал(а):Страннннно!!!, у меня работает...
Ну у меня то он тоже работает, только Vpered и Nazad на разной высоте отображаются.
Если не веришь, могу скриншот прислать.
DrFOX писал(а):Дайте кусок кода оригинального
Так в первом сообщении Страуся как раз исходник и лежит. На нём и тренируемся выполнить поставленную задачу.
Re: Нужна помощь по HTML.
Добавлено:
21 апр 2008, 04:47 Страусь
DrFOX писал(а):Ну тогда так:
Не пойдет.
Структура должна соблюдаться.
Четыре дива - два описывают левый столбик, два правый.
Re: Нужна помощь по HTML.
Добавлено:
21 апр 2008, 10:45 DrFOX
Вот вариант:
- Код: Выделить всё
<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>
Re: Нужна помощь по HTML.
Добавлено:
21 апр 2008, 10:51 ShineOn
DrFOX, ну собственно, один в один то что я и предлагал ранее - сделать нижнюю часть в виде таблицы. Так однозначно работает.
Re: Нужна помощь по HTML.
Добавлено:
21 апр 2008, 10:53 Страусь
Не, мужики. Вы немного не поняли.
Что-то заставляет Nazad смещаться в конец правого столбика.
Вот бы найти, что заставляет смещаться и применить тоже самое к Vpered.
То, что можно решить другими конструкциями, это хорошо. Но ведь что-то заставляет смещаться ...
Re: Нужна помощь по HTML.
Добавлено:
21 апр 2008, 10:56 DrFOX
Не совсем, у тебя все в таблице, а у меня только нижняя часть... Так проще