Форум » Помощь по коду » Вопросы: HTML » Ответить
Вопросы: HTML
Blazing Wizard: Эта тема предназначена для вопросов, связанных с хтмл на вашем форуме, то есть со всем, что не связано с Фотошопом: таблицы, установка фона, изменение шрифтов, полосы прокрутки и т.д. Перед написание вопроса убедитесь, что ответа нет в помощи начинающему дизайнеру borda.ru Убедительная просьба, формулируя вопрос, делайте это как можно точнее. Не используйте термины, которые вы плохо знаете, что означают. Объясняйте простым русским языком. Опишите подробно, что вы хотите получить в результате, и где именно у вас возникла проблема. Если пробуете сделать на каком-то форуме, то было бы неплохо дать на него ссылку. Это сделает разговор более предметным и вам не придется самому копировать большие куски кода сюда. К тому же помочь проще, видя все поля кода. Для того, чтобы помогли вам качественее и быстрее, неплохо упомянуть свой уровень владения хтмл, желательно не использовать понятие "средне" - оно очень растяжимое. Кроме хтмл, можно упомянуть о CCS и JavaScript, если вопрос связан с ними. При помощи объяснять вам будут, ориентируясь на указанный вами уровень.
Авалон: не могу избавиться от дублирующей правый границы форума, в опере одна (возле скролинга), в эксплоере кажется три дубля. Вот эта бестия, которая сильно помяла мои нервы: http://i.piccy.kiev.ua/i2/6a/2f/60117f267bd25d78f67a4617f5aa.jpeg
Zenitchik: Вот ваш код: Верх: <BODY bgcolor=#000000 text=#000000 link=#000000 vlink=#000000 alink=#000000 marginwidth=20 marginheight=0 leftmargin=0 topmargin=0> <table width="990" border="0" align="center" bordercolor="#382D39" cellpadding="0" cellspacing="0" height="100%"> <tr valign="top"><td height="149" colspan="3"><img src="http://politen.by.ru/finita/diagon/diagon_logo.jpg" width="990" height="256"></td></tr> <tr valign="top"> <td nowrap width="50" background="http://i.piccy.kiev.ua/i2/2e/2f/ac215145e5a438b38ebfba9d8d39.jpeg" height="58"> <table width="41%" border="0" cellpadding="0" cellspacing="0" height="129"> </table> </td> <td width="600" nowrap background="http://i.piccy.kiev.ua/i2/9a/26/61443602382bf4f9d3f04d2dfe8a.jpeg" bgcolor="#1E1E1E"> <table width="887" border="0" height="100%" cellpadding="0" cellspacing="0" align="center"> <tr><td valign="top"> <!-- HTML-up --> Здесь типа сам форум <!-- HTML-down 1206179070 --> Низ: </td></tr> </table> </td> <td background="http://i.piccy.kiev.ua/i2/7c/3d/7c5fc12da311ea7cc3a8a5d595f3.jpeg" width="109" nowrap> </td> </tr> <tr valign="top"> <td height="13" colspan="3"><img src="http://i.piccy.kiev.ua/i2/d0/0b/de541d799c7bed099ab0328d0629.jpeg" width="990" height="79"></td> </tr> </table> </TD></TR></TABLE> </BODY> красное - ну, вот и он. Больной зуб. Проектируйте таблицы на бумаге, прежде чем реализовывать - тогда не будете с шириной путсться. Реальная ширина картинки - 50px. зачеркнутое - это просто лишнее. зеленое - а это, если не секрет, для чего?
Авалон: Моя благодарность не знает границ, в эксплоере дефекта нет, и в опере почти не видно. Зеленое, боюсь остается и для мене секретом. Еще раз большое спасибо.
MadRadiation: Такой вопрос, возможно его уже проездили вдоль и поперек, но четкий ответ на вопрос так и не смогла найти. У меня проблема с фоном таблицы, точнее ее пока нет, но появится. Вот фон, который я хотела бы поместить на свой форум: [url=<a href="http://s126.photobucket.com/albums/p83/sashama/?action=view¤t=234.jpg" target="_blank"><img src="http://i126.photobucket.com/albums/p83/sashama/234.jpg" border="0" alt="Photobucket"></a>]<a href="http://s126.photobucket.com/albums/p83/sashama/?action=view¤t=234.jpg" target="_blank"><img src="http://i126.photobucket.com/albums/p83/sashama/234.jpg" border="0" alt="Photobucket"></a>[/url] Я знаю несколько способов, как разместить сложный фон, но я не хочу портить свою картинку (в середине) ведь она имеет свой рисунок-грязь там всякая и пятна. Как не разрезав фон разместить его? С другой стороны целиком нельзя-это издевательство над трафиком, что делать?
Mad: MadRadiation Если без издевательств над трафиком, придется без пятен. Нужно построить таблицу в три строки и три столбца. Как создать рамку вокруг таблицы форума? Если есть базовые знания хотя бы по созданию таблиц, то сам принцип следующий: http://img259.imageshack.us/img259/1018/screen11fq7.png То есть создается таблица 3х3: Первая строка Первая ячейка aka первый столбец - изображение угловой картинки (не дублирующейся, с фиксированным значением ширины и высоты). Вторая - изображение картинки рамки (дублирующейся, с фиксированным значением высоты, но не ширины). Третья - изображение угловой картинки (не дублирующейся, с фиксированным значением ширины и высоты). Вторая строка Первая ячейка - изображение дублирующейся картинки (дублирующейся, с фиксированным значением ширины, но не высоты). Вторая - собственно, тут изображений не нужно. Это ячейка для форумной таблицы (то есть тут кончается HTML-верх и начинается форум). Все последующие теги пишутся уже в хтмл-низ. Третья - изображение дублирующейся картинки (дублирующейся, с фиксированным значением ширины, но не высоты). Третья строка Первая ячейка - изображение угловой картинки (не дублирующейся, с фиксированным значением ширины и высоты). Вторая - (форумная таблица заканчивается, начинается HTML-низ) изображение дублирующейся картинки (дублирующейся, с фиксированным значением высоты, но не ширины). Третья - изображение угловой картинки (не дублирующейся, с фиксированным значением ширины и высоты). В вашем случае рамки - это края пергамента. *вместо изображения: фонофая текстура пергамента (середина) задается бэкграундом. Должна правильно дублироваться.
Prongs: Вопрос - как сделать, чтобы автоматический архив отображался на главной странице форума? Можно ли его закрывать "1"?
Zenitchik: Ууу, брат... Сие страшное магическое действо... Короче, по порядку: да; скорее всего нет. Сейчас распотрошу свой код и извлеку скрипт на свет божий... <script type="text/javascript"> function genRow(link,text1,text2,post,topic,last){ var tr=document.createElement('TR'); tr.valign='top'; var td=document.createElement('TD'); td.style.backgroundColor=diz[4]; td.width='1%'; var img=document.createElement('IMG'); img.src=diz[0]+'/lb.gif'; img.alt='-'; td.appendChild(img); tr.appendChild(td); td=document.createElement('TD'); td.className='font3'; td.style.backgroundColor=diz[4]; var a=document.createElement('A'); a.href=link; a.innerHTML=text1; td.appendChild(a); td.appendChild(document.createElement('BR')); var div= document.createElement('DIV'); div.className='font2'; div.innerHTML=text2; td.appendChild(div); tr.appendChild(td); td=document.createElement('TD'); td.className='font2'; td.align='center'; td.style.backgroundColor=diz[2]; td.valign='center'; td.innerHTML=post; tr.appendChild(td); td=document.createElement('TD'); td.className='font2'; td.align='center'; td.style.backgroundColor=diz[2]; td.valign='center'; td.innerHTML=topic; tr.appendChild(td); td=document.createElement('TD'); td.className='font2'; td.style.backgroundColor=diz[2]; td.valign='center'; td.nowrap='nowrap'; td.innerHTML=last; tr.appendChild(td); return tr; } function getTBody(table){ var r=table; for(var i=0;i<table.childNodes.length;i++){ if(table.childNodes[i].tagName=="TBODY"){r=table.childNodes[i];return r;} } return r; } if(work==''){ var tabs=document.all.tags('TABLE'); var tb; for(var i =0; i<tabs.length;i++){ tb=getTBody(tabs[i]); if(tb.childNodes[0].childNodes[0].innerHTML=='Форумы')var forum_table=tb; } forum_table.appendChild(genRow('/?0-20','Архив','Старые темы','*','*','Автоматический архив')); } </script> Короче, он работает. Как работает - я сейчас объяснять морально не готов. Втыкаете в ХТМЛ-низ и радуететь. Автоматическое срастание с дизайном - продумано. Будут проблемы - жалуйтесь. С удовольствием устраню ошибки скрипта, буде таковые обнаружатся.
Prongs: Zenitchik Спасибо! Работает прекрасно.
Andrew: Здравствуйте. Не могли бы вы мне помочь? Вот http://andrew.forum24.ru - посмотрите. Видите какое большое расстояние от логотипа до самой таблицы? В чем дело? Я уже замучался разбираться. Заранее спасибо.
Babyshamble: есть небольшой вопросик, возможно, глупый, но надеюсь на вашу помощь. Как поставить картинку, а не цвет в само тело форума? (то же самое насчет таблички новостей)
Zenitchik: Andrew Разберитесь сначала с кодом. Он выглядит так, будто вы его специально перемешивали. Приведите в порядок теги, разберитесь, какой тег в вашем коде за что отвечает. И прочитайте мою автоподпись. Я могу переписать этот код, но не хочу потакать вашей безграмотности.
Zenitchik: Babyshamble А какой у вас уровень занния HTML? Для таблицы новостей вариантов как минимум два - через аттрибут background и через стиль. Для самой таблици форума - только через стиль.
Babyshamble: Zenitchik уровень знания самый начальный, я начала этим заниматься всего пару месяцев назад, да и то не слишком много времени этому посвятила (работа и все такое). Тем не менее, примерно поняла, что нужно делать. спасибо за помощь)
Andrew: Zenitchik Я написал код именно так, чтобы он хотябы работал лучше чем было. Ранее, эпиграф вовсе не вливался в общую таблицу. Т.к. надо было бы писать, по сути, именно так, у меня не работает. Я с этим фастбб уже замучился, когда пишу сайты, то все выглядит нормлаьно, "перефразируя" на этот сервак, все коды перестают работать нормально.
Zenitchik: Andrew В вашем коде черт ногу сломит. Браузероделов вешать надо, за то что это чудо вообще отображается. Ждите. Сейчас я приведу в порядок ваш код, под ваше честное слово, что купите любую книгу по HTML - да хоть "Просто как 2х2", и начнете оформлять код так, как дОлжно. (Заодно, поройтесь в и-нете - например, на htmlbook - и разберитесь, что означают теги <HTML>, <HEAD> и <BODY> - уверяю вас, они не для красоты).
Zenitchik: Пункт 1. Бросается в глаза: В ХТМЛ-верх: <BODY bgcolor=#f0f0f0> ... <BODY style="background-attachment: fixed"> В ХТМЛ-низ: <BODY COLOR=#ddcfcd background=""> ... <BODY COLOR=#ddcfcd background=""> Во-первых, повторное открытие BODY все равно игнорируется. Параметры, ЕМНИП, суммируются, но могут и не суммироваться, т.к. подобная ситуация не предусмотрена спецификацией ХТМЛ и совесть браузероделов в это плане чиста. Во-вторых, у вас в таблице стилей (тег STYLE) уже объявлен стиль body {...}. Следует: убрать все лишние теги <BODY>(кроме первого), а требуемыепараметры прописать оставшемуся, а аттрибуты стиля из параметра STYLE перенести в таблицу стилей. Тег: <BODY bgcolor="#f0f0f0" COLOR="#ddcfcd" background=""> Стиль: body {scrollbar-face-color:#000000; scrollbar-arrow-color:#6f6f6f; scrollbar-track-color:#6f6f6f; scrollbar-shadow-color:#6f6f6f; scrollbar-highlight-color:#6f6f6f; scrollbar-3dlight-color:#6f6f6f; scrollbar-darkshadow-Color:#6f6f6f; background-attachment: fixed;} Вариант: можно полностью переместить все требуемые аттрибуты в стиль. Это повысит читаемость кода. Тогда стиль будет: body {scrollbar-face-color:#000000; scrollbar-arrow-color:#6f6f6f; scrollbar-track-color:#6f6f6f; scrollbar-shadow-color:#6f6f6f; scrollbar-highlight-color:#6f6f6f; scrollbar-3dlight-color:#6f6f6f; scrollbar-darkshadow-Color:#6f6f6f; background-attachment: fixed; background-image:url(""); background-color:#f0f0f0; color:#ddcfcd;} А тег упростится до вида <BODY> Пункт 2: <div style="position:relative; width:150px; height:230px; left:225px; top:-250px; overflow:auto;"><font size="-3"><font size="-3"><font face="verdana" color="#000000">Стоит посмотреть нововведение</font></div> Ошибка на ошибке и ошибкой погоняет. Разбирать не буду, полагаю, это скорее по невнимательности чем по незнанию (или я заблуждаюсь?) Разве что, ЕМНИП, размера шрифта №-3 не существует. FireFox отображает этот шрифт как №1 (или x-small - для CSS) Правим: <div style="position:relative; width:150px; height:230px; left:225px; top:-250px; overflow:auto;"><font size="1" face="verdana" color="#000000">Стоит посмотреть нововведение</font></div> Вариант: т.к. тег FONT является устаревшим и больше не входит в спецификацию HTML, целесообразно выразить шрифт стилем с параметрами: font-size:x-small; font-family:verdana; color=#000000; Если вы хотите применить шрифт для всего элемента div следует подписать в стиль этого элемента: <div style="position:relative; width:150px; height:230px; left:225px; top:-250px; overflow:auto; font-size:x-small; font-family:verdana; color=#000000;">Стоит посмотреть нововведение</div> Если только для фрагмента текста - нужно воспользоваться тегом span: <div style="position:relative; width:150px; height:230px; left:225px; top:-250px; overflow:auto;"><span style="font-size:x-small; font-family:verdana; color=#000000;">Стоит посмотреть нововведение<span></div> Пункт 3: <TABLE WIDTH=650 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TD width=650 background="http://keep4u.ru/imgs/b/080420/bf/bf6f8676ddbc0ae12a.jpg"> <table width=650 border=0 cellpadding=0 cellspasing=0 align=center> <tr> <script> if((work==4)&&(rang<5)){ //ранг до которого нельзя отправлять ЛС alert("Пока личные сообщения Вам недоступны. Посещайте нас чаще и не забывайте играть. С уважением, администрация."); location.replace('http:/'+'/rebeldewaygame.borda.ru/)} </script> <td> <center><font face="verdana" size="2" color="#ddcfcd"></center> </STYLE> </HEAD> Я уже удалил из цитаты лишний тег <BODY> - см. Пункт 1. а) Этому скрипту здесь точно не место. Т.к. он не добавляет никаких тегов или текста в тело страницы, ему лучше быть в секции <HEAD> (Надеюсь, разберетесь?) б) Хромает синтаксис первой таблицы. Не начата строка, а ячейка уже есть. Браузер имеет полное право не показывать эту ячейку. Отображение происходит лишь по милости программистов, заложивших астоисправление этой ошибки. в) <center><font face="verdana" size="2" color="#ddcfcd"></center> - Это, если не секрет, зачем? г) теги </STYLE> и </HEAD> могли сюда попасть только по бо-ольшой невнимательности. Конечный вид этого фрагмента кода: <TABLE WIDTH=650 BORDER=0 CELLPADDING=0 CELLSPACING=0> <tr> <TD width=650 background="http://keep4u.ru/imgs/b/080420/bf/bf6f8676ddbc0ae12a.jpg"> <table width=650 border=0 cellpadding=0 cellspasing=0 align=center> <tr> <td> Пункт 4: HTML-низ: </tr> </table> </TD> </TR> </tr> </table> </TD> </TR> <TR> <TD COLSPAN=7> <IMG SRC="http://keep4u.ru/imgs/b/080420/cb/cb74625fbdf2acf004.jpg" WIDTH=650></TD> </TR> </TABLE> </center> </TD></TR></TABLE> </BODY></HTML> а) В начале ХТМЛ-низ потерялся </td>, которому по логике положено там быть - мы же открыли <td> в конце ХТМЛ-верх, значит в начале HTML-низ должны его закрыть. б) Красным выделил лишний тег. в) Выделенное синим относится к несуществующей таблицы. Я не понимаю ваш замысле относительно этой части кода, поэтому не могу посоветовать метод исправления.
Zenitchik: Ну вот! Теперь код стал понятным и я нашел проблему! Вы накладывали текст на логотип, не иначе, по моей статье (надо было сразу об этом сказать - тогда бы мне хоть в коде не пришлось копаться) и допустили логическую ошибку. Главный тег div должен ВКЛЮЧАТЬ В СЕБЯ теги текстовых областей, а у вас он предшествует им. <div style="width:635px; height:294px; background-image:url(http://keep4u.ru/imgs/b/080420/e6/e6b8c7999e79b51af4.jpg); overflow:hidden;"></div> <div style="position:relative; width:150px; height:230px; left:225px; top:-250px; overflow:auto;">...</div> <div style="position:relative; width:200px; height:40px; left:-220px; top:-270px; overflow:auto;">...</div> <div style="position:relative; width:200px; height:40px; left:-25px; top:-310px; overflow:auto;">...</div style> </div> Это убрать, это поставить. А это - вообще ересь, в закрывающих тегах параметров не бывает. Удалите.
Denka: Ребят, помогите пожалуйста. Вот форум- http://savemysoul.forum24.ru/ Подозреваю много ошибок в HTML коде. Но я сама в этом не сильна...Не могу найти. И еще одна просьба- подскажите, как сделать, чтобы таблица не растягивалась? Или хотя бы, что этому самому растяжению способствует(слишком большие аватары,ЛЗ и т.п) Заранее низкий поклон ^^
Blazing Wizard: Denka код пока не смотрел, но вроде отображается все корректно. Где имеено, в каких браузерах и при каком разрешении что-то не так?
Denka: Blazing Wizard Проблемы только с эксплорером. При разрешении 1280х800 (по крайней мере у меня), растягивается таблица. Это вообще можно каким-либо способом исправить?
Blazing Wizard: Беглым взглядом просмотрел код в целом вроде достаточно грамотно написан, хотя есть пара тегов, в которых я не уверен, это уже Зенитчик должен посмотреть. В ХТМЛ-низе нашел вот что: <IMG height=194 src="http://i264.photobucket.com/albums/ii179/LizaGrey/dlogo.gif" width=756></TABLE></BODY> <br> <center> <marquee width=250 heigth=31 scrollamount="2"><a href="http://savemysoul.forum24.ru"><img border="0" src="http://i264.photobucket.com/albums/ii179/LizaGrey/Uluqiorra.gif" alt="Bleach.Good Bye.Halcyon Days." width="88" height="31"></a> <a href="http://cool-naruto.ucoz.ru/"><img src="http://cool-naruto.ucoz.ru/banner1.gif" alt="cool-naruto" width="88" height="31" border="0" /></a> <a href="http://www.narutofuture.forum24.ru"><img border="0" src="http://i009.radikal.ru/0802/54/8899fb55bf94.gif" alt="Naruto Future" width="88" height="31"></a> <a href="http://naruto.newbb.ru/"><img src="http://i047.radikal.ru/0804/66/5f19b382ed2a.gif" title="Наруто. Жизнь в Токио" border="0" width="88" height="31" ></a><A href="http://bleachrole.rolka.su/" target=_blank> <IMG title="BLEACH" height="31" src="http://i027.radikal.ru/0804/5c/77120066697e.gif" width="88" border="0"></A> <a href="http://claymore.newbb.ru/"><img src="http://i042.radikal.ru/0804/9d/b343c1707800.gif" title="Клеймор" border="0" width="88" height="31"></a> </marquee> </center> </BODY></HTML> тег, закрывающий бокс BODY, вы рано поставили (выделено красным), переставьте туда, где я отметил синим. Вообще посмотрел с Мозиллы и с Эксплорера 7 (разрешение 1280*1024) - таблица не растягивалась...
Zenitchik: Единственное, что заметил: <FONT size=1><FONT face=verdana color=#000000> - в приветсивии ("Рады приветсововать ...") Почему бы не написать <FONT size=1 face=verdana color=#000000> ? А вообще, я бы рекомендовал подписать в стиль элемента div font-size:x-small; font-family:verdana; color=#000000 - тогда можно будет обойтись без font'а. С исполнением разберётесь?
Denka: Blazing Wizard пишет: Вообще посмотрел с Мозиллы и с Эксплорера 7 (разрешение 1280*1024) - таблица не растягивалась... Видемо дело в моем разрешении...Но ладно, зато будет причина пользоваться Оперой. Blazing Wizard Zenitchik Спасибо большое за корректировки
Blazing Wizard: Denka хоть помогло? или все также? от разрешения по идее зависеть не должно... скрин можно этого растягивания?
Andrew: Zenitchik Спасибо, именно в этом и была проблема, но... теперь появилась новая. Текст пропал, неужели он просто сместился, или проблема в другом? По идее, он должен был остаться на месте.
Zenitchik: Скорее всего, они сместились вверх. Попробуй обнулить top и посмотреть, что будет.
Kenscy: Здраствуйте...нужна ваша помощь, надеюсь администраторам еще не открывшихся проектов вы не откажете в помощи...вообщем нужна помочь с этим форумом http://mechawars.forum24.ru/ Так как оба администратора знают хтмл на крайне низком уровне, не можем разобраться что с талицей новостей. В Опере она сьезжает влево, в а ИЕ вроде все нормально. В остальных браузерах не смотрел, ибо у меня их нету....заранее спасибо за помощь
R.S.S: Kenscy, *просит у всех прощения, что вмешивается* Код не покажете?.. Гм, и правильно она съезжает. Логотип отцентрован ( <center></center> ), а таблица новостей, похоже, нет) Кстати, некое "<centre>" в коде мне привиделось или действительно присутствует?
Kenscy: R.S.S Конечно, спасибо за помощь....<centre> там действительно присутствует, но возможно я его не туда поставил, ибо как говорилось, имею крайне низкое познание в хтмл...собственно код: <centre><br><tr><td colspan="3"><center><img src=http://i138.photobucket.com/albums/q241/sakurenok/3b354f73e849.jpg></center></td></tr><tr><th scope="row"><table width="90%" border="1"><tr><td width="33%" align="center" valign="top"><center><br><font-size:6pt"><i><u>"<font color="#D2D3D6"><b>Дата и время:</b></u></i><br>---- <br><i><u><b>Погода:</b></u></i><BR>---<br></i></a></a></td><td width="33%" align="center" valign="top"><center><u><font color="#D2D3D6"><b>Новости:</b></u><br>-------<font><td width="33%" align="center" valign="top"><span style="font-size: 11pt"></font><BR><a href="ссылка"><font color="#D2D3D6"><b>Правила</b></font><BR><a href="ссылка"><font color="#D2D3D6"><b>Регистрация</b></font><BR><a href="ссылка"><font color="#D2D3D6"><b>Список персонажей</b></font><BR><a href="ссылка"><font color="#D2D3D6"><b>Сюжет</b></font><BR><a href="ссылка"><font color="#D2D3D6"></font></td></td> </tr></table></centre>
R.S.S: table width="90%" border="1"> <table width="90%" border="1" align=center> Без кавычек center) valign=center\top\bottom кстати, тоже без кавычек пишется.
Kenscy: R.S.S помогло спасибо^^
R.S.S: Kenscy, Хорошо) Пожалуйста, не за что)
Элейн: Подскажите пожалуйста, как сделать так, чтобы таблица "упиралась в пол"? Т.е. не было вот такого пробела внизу:
Zenitchik: Не могу сказать. Судя по вопросу, у вас нет базы, чтобы понять объяснение на словах. Дайте ссылку - покажу, что исправить в коде. А на досуге - изучайте HTML.
Элейн: Извините за беспокойство) Уже помогли.
Кара: Zenitchik У меня вот такой вопрос... В скрипте отображения автоматического архива можно поменять слова "Архив", "Старые темы" и "Автоматический архив"? Я попробовала сменить - раздел схвался куда-то в кибернетическое пространство...
Zenitchik: Конечно можно. Покажите свой код (кстати, лучше в вопросы по скриптам).
Мышь: Ребята, подскажите куда перемещены темы из шапки В помощь молодому дизайнеру FastBB (FAQ)?
Zenitchik: Это не темы, это ссылки на посты, находящиеся ниже. Я их исправил, теперь они работают.
Мышь: М-мм... Наверное, вы меня не так поняли (или я вас =)) Меня интересуют ссылки из разряда: 1. Какие названия у кнопок и куда их подгрузить? 2. Как разместить таблицы по бокам от основного форума? и т.д. Сейчас когда я на них нажимаю мне всё равно пишут, что "Тема перемещена или удалена" =/ Извините, что отнимаю у вас время.
полная версия страницы