Отправлено: 14.04.07 13:19. Заголовок: Вопросы: HTML

Эта тема предназначена для вопросов, связанных с хтмл на вашем форуме, то есть со всем, что не связано с Фотошопом: таблицы, установка фона, изменение шрифтов, полосы прокрутки и т.д.

Перед написание вопроса убедитесь, что ответа нет в помощи начинающему дизайнеру borda.ru

Убедительная просьба, формулируя вопрос, делайте это как можно точнее.

Не используйте термины, которые вы плохо знаете, что означают. Объясняйте простым русским языком.

Опишите подробно, что вы хотите получить в результате, и где именно у вас возникла проблема.

Если пробуете сделать на каком-то форуме, то было бы неплохо дать на него ссылку. Это сделает разговор более предметным и вам не придется самому копировать большие куски кода сюда. К тому же помочь проще, видя все поля кода.

Для того, чтобы помогли вам качественее и быстрее, неплохо упомянуть свой уровень владения хтмл, желательно не использовать понятие "средне" - оно очень растяжимое. Кроме хтмл, можно упомянуть о CCS и JavaScript, если вопрос связан с ними. При помощи объяснять вам будут, ориентируясь на указанный вами уровень.

 Отправлено: 29.06.07 17:47. Заголовок: Re:

Prongs
Неужели этого нет в теме "В помощь дизайнеру"? (пошла исправлять упущение)
в сттиле body добавить no-repeat и fixed. Первое отвечает за повторы, второе - за прокрутку.

 Отправлено: 02.07.07 14:04. Заголовок: Re:

Карми
Не помогает. Пробовал и по одному, и вместе эти параметры - результат на форуме. http://returntotime.forum24.ru

 Отправлено: 02.07.07 14:21. Заголовок: Re:

И ещё вопрос - я сделал дизайн, смысл построения которого такой же, как на этом форуме - т.е. фоновый рисунок идёт по центру под форумом. Хотел бы уточнить, что надо прописывать в настройках в хтмл-вверх и ни на примере вашего кода, если можно.

цитата:

<!-- field menubar "Таблица меню" --> <table border="0" cellspacing="0" cellpadding="0" class="menu" id="table4" style="position: relative; top: 65px; left: 95px"> <tr><td> <a href="/?1-0-0-00000015-000-0-0-0">О КАТАЛОГЕ</a> </td></tr> <tr><td> <a href="/?1-0-0-00000001-000-0-0-0">ПРАВИЛА</a> </td></tr> <tr><td> <a href="http://roles.fastbb.ru/?0-13">КАТАЛОГ РОЛЕВЫХ ИГР</a> </td></tr> <tr><td> <a href="http://roles.fastbb.ru/?0-17">НАША ОЦЕНКА ВАШЕГО ДИЗАЙНА</a></td></tr> <tr><td><a href="/?0-1">ИССЛЕДОВАТЕЛЬСКИЕ РАБОТЫ</a></td></tr> </table><!-- /field --> </td></tr> <tr rem="Новости"><td height="219" background="http://ori87.nm.ru/roles/bg_02.jpg"> <table border="0" cellspacing="0" cellpadding="0" id="table2" style="position: relative; top: 17px; left: 40px"> <tr> <td align="center" valign="middle" width="415px" height="100px" class="font1"> <!-- field news "Новости" --><a href="/?1-0-0-00000001-000-0-0-0">29.06.07 Обновлены правила форума</a><br><br> <a href="/?1-18-0-00000014-000-0-0#007">Подведены итоги The BEST VII</a><br><br> <a href="/?1-18-0-00000034-000-0-0-0">7777'Design</a><br><br> <a href="/?1-14-0-00000007-000-0-0-0">Опрос: как часто вы читаете рекламу на форуме?</a><br><!-- /field --> </td> <td width="28"> </td> <td width="415" align="center" valign="middle" class="font1"> <!-- field hello "Добро пожаловать" -->Этот портал является каталогом ролевых игр на базе форумов сервиса <a href="http://borda.ru" target=_blank><u> www.borda.ru</u></a>. Мы оцениваем ролевые игры с точки зрения дизайна и помогаем их админам в его создании. <a href="http://roles.fastbb.ru/?1-0-0-00000015-000-0-0">Подробнее...</a><br>Также мы оцениваем по содержанию Ролевые Форумы на основе любых скриптов и занимаемся исследованиями в области их (форумов) организации<!-- /field --> </td> </tr> <tr><td height="20px" colspan="3"> </td></tr> <tr><td colspan="3"> <table><tr style="font-size:xx-small"> <td height="31"> <b>Победитель <!-- field thebest "Победитель The BEST" -->The BEST VII:</b> </td><td width="88" style="font-size: x-small"><a href="http://xmengame.borda.ru" target="blank_"><img src="http://img123.imageshack.us/img123/4383/xmengame3id5.gif" border="0"></a><!-- /field --> </td> <td> <b>Победитель <!-- field diz7777 "Победитель 7777" -->7777'Design:</b></td><td width="88" style="font-size: x-small"> -<!-- /field --> </td> <td align="right"> <!-- field banners "Баннеры" --> <!-- /field --> </td> </tr></table> </td></tr> </table> </td></tr> <TR rem="Форум"><TD background="http://ori87.nm.ru/roles/bg_03.jpg"> <table width=890 border=0 cellpadding=0 cellspasing=0 align=center rem="ужимает форум"><tr><td>

цитата:

</td></tr></table> </TD></TR> <TR rem="Низ"><TD> <IMG SRC="http://ori87.nm.ru/roles/bg_04.jpg" WIDTH=950 HEIGHT=131> </TD></TR> </TABLE>

Отличия - отсутствие ссылок на первой части картинки, высота частей картинок и параметры таблицы новостей я могу сам прописать. Мне надо только разобраться, в какую форму кода это всё вставить.

 Отправлено: 02.07.07 14:36. Заголовок: Re:

ХМ...
У нас весь дизайн построен на одной таблице из четырех строк по одной ячейке. Уже в нее напихано все остальное. Ячейкам назначен разный фоновый рисунок.
Не лучшее решение, но вполне заслуживающее право на жизнь.

А все-таки я потерял нить. Чего вы хоитте добиться?

 Отправлено: 02.07.07 14:42. Заголовок: Re:

Zenitchik пишет:

цитата:

Чего вы хоитте добиться?

Если говорить про фон, то хочу, чтоб картинка была одна и в одном месте.

Как построен здешний дизайн, я, вроде, понял, но я не могу отличить того, что прописано в настройках и что появляется при сохранении страницы....Prongs пишет:

цитата:

<!-- field banners "Баннеры" --> <!-- /field -->

Вот это у вас. например, написано в хтмл-вверхе или это блокнот с браузером сам выдаёт?

 Отправлено: 02.07.07 19:36. Заголовок: Re:

Prongs пишет:

цитата:

Не помогает. Пробовал и по одному, и вместе эти параметры - результат на форуме.

Это потому что вставили вы его не туда, куда следовало.

цитата:

<body bgColor=#636E5D background="http://i195.photobucket.com/albums/z189/belyaev/logo2.gif" no-repeat fixed>

цитата:

BODY {margin: 10px; font-family: Verdana; background-image: url(http://i195.photobucket.com/albums/z189/belyaev/logo2.gif); background-repeat: no-repeat; background-attachment: fixed;}

------
удалить добавить

Просто различайте HTML от CSS. Предназначение последнего как раз заключается в том, что бы отделить структуру от дизайна, и удобной работе с первым и вторым.
Свойства и применение остальных атрибутов background доходчиво объяснены в этой теме.

 Отправлено: 03.07.07 14:01. Заголовок: Re:

Mad
Спасибо. :)
И ещё вопрос по дизайну - я так и не разобрался с кодом. Не подскажете, что исправить?
http://prongs.borda.ru (тренируюсь на пробном дабы оригинал не испортить)

 Отправлено: 04.07.07 17:50. Заголовок: Re:

Prongs пишет:

цитата:

<!-- field banners "Баннеры" --> <!-- /field -->

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

цитата:

<center><table id=table1 cellSpacing=0 cellPadding=0 width=1060 align=center border=0> <tr rem="Логотип и меню"> <td background="http://i195.photobucket.com/albums/z189/belyaev/1.jpg" height=355> <table class=menu id=table4 style="LEFT: 95px; POSITION: relative; TOP: 65px" cellSpacing=0 cellPadding=0 border=0> <tr><td></table></td></tr> <tr rem="Новости">

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

 Отправлено: 06.07.07 16:10. Заголовок: Re:

После кое-каких исправлений удалений у меня получилось следующее -
вверх -

цитата:

<table width=1060 align=center cellSpacing=0 cellPadding=0 border=0> <tr> <td background="http://i195.photobucket.com/albums/z189/belyaev/1.jpg" height=355> <table class=menu style="LEFT: 95px; POSITION: relative; TOP: 65px" cellSpacing=0 cellPadding=0 border=0> <tr><td> </td></tr></table> <tr> <td background="http://i195.photobucket.com/albums/z189/belyaev/2.jpg" height=155> <table align=center widht=1000 border=0 cellSpacing=1 cellPadding=1> <TR> <td valign=top width=450 height=155><font face=verdana size=1 color=#000000><b>Игровые данные:</b><br><u>Сегодня</u> - 1 ноя, 11 лунный день<br> <u>Сейчас</u> - 16:00, пасмурно, прохладно и ветренно<br> В Хогвартсе кончились занятия и в данное время студенты предоставлены сами себе</font></td> <td valign=top width=450 height=155><font face=verdana size=1 color=#000000><b>Новости:</b><br> После летних каникул форум снова открыт и игра возобновлена</font></td> <td valign=top width=100><font face=verdana size=1><b>Ссылки:</b><br>правила<br> сценарий<br> персонажи<br> регистрация<br>вопросы<br> реклама<br> </font></td></tr> <tr rem="Форум"> <td background="http://i195.photobucket.com/albums/z189/belyaev/3-1.jpg"><table cellPadding=0 width=1000 align=center border=0 rem="ужимает форум" cellspasing="0"><tr><td>

низ -

цитата:

</td></tr></table></td></tr><tr rem="Низ"> <td><img height=107 src="http://i195.photobucket.com/albums/z189/belyaev/4-1.jpg" width=1060> </td></tr></table>

Дело в том, что дизайн я делал в офф-лайне, изменяя код сохранённой страницы, и у меня всё получалось и размеры были правильные, а вот в он-лайне что-то не так...

 Отправлено: 06.07.07 16:50. Заголовок: Re:

Prongs
Возьмите калькулятор и считайте...
Если у Вас сразу же в первой строчке:
Prongs пишет:

цитата:

<table width=1060

то вспомните, что одно из самых распространенных разрешений - 1024х768
Чтобы фон не шел в дубль, нужно использовать no-repeat, подробности можете прочитать в этой теме

 Отправлено: 09.07.07 17:26. Заголовок: Re:

Карми
Всё равно, и с ноу-рипит завал... И почему-то нижняя картинка по центру, а остальное как-то косо. Можно для особо непроходимого меня просто код написать, чтоб я в него только значения и адреса поставил? (с шириной фона это как-нибудь потом улажу)

 Отправлено: 29.07.07 21:16. Заголовок: Re:

А можно спросить по коду баннеров.куда именно его втавлять? перед первым баннером или в ХТМЛ -верх?

 Отправлено: 29.07.07 21:25. Заголовок: Re:

В таблицу стилей, вестимо. Это ж стиль.

 Отправлено: 29.07.07 21:26. Заголовок: Re:

ааа....спс..Я еще много не знаю.

 Отправлено: 29.07.07 21:28. Заголовок: Re:

Ну вот и случай научиться представился

 Отправлено: 01.08.07 16:09. Заголовок: Re:

<html>
<head>
<title>Пример простейшей таблицы</title>
</head>

<BODY>

<TABLE border>
<TR>
<TD>Ячейка 1 строки 1
<TD>Ячейка 2 строки 1
<TR>
<TD>Ячейка 1 строки 2
<TD>Ячейка 2 строки 2
</TABLE>
Что неправильно?Она неотображается!

</body>

</html>

 Отправлено: 01.08.07 16:11. Заголовок: Re:

<html>
<head>
<title>Пример простейшей таблицы</title>
</head>

<BODY>

<TABLE border>
<TR>
<TD>Ячейка 1 строки 1
<TD>Ячейка 2 строки 1
<TR>
<TD>Ячейка 1 строки 2
<TD>Ячейка 2 строки 2
</TABLE>


</body>

</html>
Что неправильно?Она неотображается!
ТОТ же вопрос,потму что учусь.

 Отправлено: 01.08.07 16:56. Заголовок: Re:

Сергей

патамучта гладиолус потому что учебник дурной...

Каждый тег, господа, требует закрытия (за исключением некоторых) у вас же его надо закрыть.. правильный вариант будет:

цитата:

<html> <head> <title>Пример простейшей таблицы</title> </head> <BODY> <TABLE border=1> <TR> <TD>Ячейка 1 строки 1</TD> <TD>Ячейка 2 строки 1</TD> </TR> <TR> <TD>Ячейка 1 строки 2</TD> <TD>Ячейка 2 строки 2</TD> </TR> </TABLE> </body> </html>

Итак, во-первых берем "Учебник HTML для чайников" и учимся по нему!

 Отправлено: 01.08.07 17:14. Заголовок: Re:

спасибо!

 Отправлено: 20.08.07 11:59. Заголовок: Re:

Вопрос - как сделать в теле темы (первое самое её сообщение0 ссылки на разные ответы в этой же теме?
Пример на этом форуме "в помощь молодому дизайнеру"

 Отправлено: 20.08.07 17:19. Заголовок: Re:

Prongs
это_большая_ссылка_на_саму_тему#а_это_номер_поста

 Отправлено: 21.08.07 09:29. Заголовок: Re:

Карми пишет:

цитата:

#

Вот через этот знак, да?
Ага... спасибо... будем пробовать)

 Отправлено: 21.08.07 10:23. Заголовок: Re:

Простой метод:
1. наводишь мышку на иконку в нужном посте;
2. нажимаешь правую кнопку
3. в открывшемся контекстном меню выбираешь "скопировать ярлык".
Иссылка на пост в буфере обмена. Потом вставляешь куда надо.

 Отправлено: 31.08.07 18:13. Заголовок: Re:

Помогите пожалуйста с таблицей.
Слева от форума. Текст на картинке
Примерно
Скрытый текст

 Отправлено: 31.08.07 21:08. Заголовок: Re:

Claess
Про таблицу добавила сюда:
http://roles.borda.ru/?1-0-0-00000011-000-0-0-1183143878

Насчет картинки - уточняйте, что имели ввиду. По рисунку я могу написать код, но догадываюсь, что Вам нужен код совсем не такой, как на этом рисунке...

И зарегистрируйтесь, пожалуйста, негоже говорить с гостем, стоящем на пороге, о серьезных вещах.

 Отправлено: 08.09.07 17:05. Заголовок: Re:

Помогите пожалуйста, а то уже второй день не могу разобраться: как сделать так, чтобы вместо обычного цвета таблицы форума сделать фоновую картинку?

 Отправлено: 08.09.07 22:08. Заголовок: Re:

Алексис
У всего форума или только форумной таблицы?
Если у всего, то http://roles.borda.ru/?1-0-0-00000011-000-0-0-1183143878

 Отправлено: 09.09.07 16:18. Заголовок: Re:

Карми
Только у таблицы.

 Отправлено: 09.09.07 19:45. Заголовок: Re:

Алексис
самый простой способ: заключить таблицу в <div></div> с нужным бэкграундом и соответственно отключить в настройках цвета таблицы (поля оставить пустыми)
надо подробно написать как это делать?))

 Отправлено: 10.09.07 19:24. Заголовок: Re:

Карми
Спасибо) Подробнее не надо - я всё поняла.

 Отправлено: 01.10.07 17:14. Заголовок: Re:

У меня почему то не получается сделать помогите пожалуйста:

<script language="javascript" type="text/javascript">
img=new Array(); dat=new Date();
j=0;
img[j++]="http://ra.foto.radikal.ru/0710/e2/bb154e666809.jpg";
img[j++]="http://ra.foto.radikal.ru/0710/0e/b7a9d5c0d042.jpg";
img[j++]="http://ra.foto.radikal.ru/0710/82/61cece7ede07.jpg";
img[j++]=" http://ra.foto.radikal.ru/0710/6a/e7568c469209.jpg";
img[j++]=" http://ra.foto.radikal.ru/0710/0b/1d45855758e4.jpg";
img[j++]=" http://ra.foto.radikal.ru/0710/8a/b400325eb2e7.jpg ";
img[j++]=" http://ra.foto.radikal.ru/0710/c9/ff9bd581c77b.jpg"; ";
logo.innerHTML='<img src="' + img[Math.ceil(dat.valueOf()/1000) % img.length] + '">';
</script>


Так?и куда вставлять?

 Отправлено: 01.10.07 17:59. Заголовок: Re:

В самую верхушку HTML-низ

 Отправлено: 01.10.07 21:50. Заголовок: Re:

Blazing Wizard прошу распишите.Табличку писать вверх или нет?
если не трудна покажите полностью что и как

 Отправлено: 02.10.07 00:06. Заголовок: Re:

указанный выше код стоит ставить в самую верхушку поля HTML-низ
что в этом непонятного?

А вот это:
<div id="logo"></div>
ставить на место картинки, то есть вот этого в коде:
<img="АДРЕС КАРТИНКИ">

 Отправлено: 02.10.07 17:57. Заголовок: Re:

Как именно?

 Отправлено: 05.10.07 10:20. Заголовок: Re:

у меня один маленький вопросик (честно прочитал все что выше, но ответа не нашел): как задать цвет рамки вокруг таблицы, если фон прозрачный. я все перепробовал, но получается что не рамка а сам фон заливается(
http://gorodgrehov.forum24.ru/ вот посмотрите плиз, это там

 Отправлено: 08.10.07 18:00. Заголовок: Re:

Подскажите пожалуйста: как сделать такую же рамку вокруг таблицы форума или похожую, как здесь: http://dozornochnoi.borda.ru/

 Отправлено: 08.10.07 23:15. Заголовок: Re:

Алексис
Забито через таблицу, то есть рисунок размещен в ячейках сверху-снизу-побокам-наискосок от основной таблицы...
Насколько подробно надо объяснять, как это делать? (или хватит уже сказанного?)

 Отправлено: 08.10.07 23:17. Заголовок: Re:

Roller
Аналогично предыдущему, создать таблицу 3х3, где в центральной ячейке - таблица форума, в остальных минимальная жесткопрописанная высота (снизу сверху) или ширина (по бокам)

 Отправлено: 10.10.07 14:58. Заголовок: Re:

Карми пишет:

цитата:

Забито через таблицу, то есть рисунок размещен в ячейках сверху-снизу-побокам-наискосок от основной таблицы... Насколько подробно надо объяснять, как это делать? (или хватит уже сказанного?)

Похоже работа долгая и трудоёмкая? Без навыков не обойтись...