Leaderboard

Ну хорошо, посмотрим.

Это мой вольный перевод статьи Роберта Йохансона Не знаю, будет ли данная тема интересна кому-то, но я недавно сталкивался с проблемой, описанной в данной статье и тогда не знал, как её решить. В "полезные приемы и решения" пока писать не могу. Поэтому.. Меня всегда раздражало то, как трудно стилизовать номера в упорядоченном списке. Нередко проект предусматривает нечто иное, чем просто обычный рисунок – другой шрифт, размер, фон, да что угодно. Традиционный подход к решению этой проблемы – оградить номера элементов списка (li элементы) от стандартного представления их браузером, «жестко» указывая числа в текстовом контенте li. Это позволяет применять различные дизайнерские приемы к номеру до тех пор, пока вы не останетесь довольны. Такое решение работает визуально, но это не совсем семантически правильный способ использовать списки. Когда вы просматриваете такой «поддельно пронумерованный» список с выключенным CSS , вы видите либо список с повторяющимися номерами элементов, либо список с маркерами и числами. Поэтому, когда я недавно опять столкнулся с необходимостью стилизовать номера списка, я подумал, что нужно пойти по другому пути, без подделки этих номеров. Благодаря тому, что Internet Explorer начинает потихоньку понимать прогрессивные методы CSS , мне удалось найти приемлемое решение. Если вы (ну хорошо, ваш клиент) можете продолжать жить, не имея особых стилей номеров списка в IE7 и старше, то можете использовать данный метод. Ключевое значение в данном методе имеет использование Генерация контента CSS, для создания и вставки счетчика номера после удаления нумерации по умолчанию из списка. Я создал демонстрационную страницу с простым примером для того, чтобы было с чего начать изучение этой техники. Ниже представлен CSS, который я применил в демонстрационной страничке: ol { counter-reset:li; /* Инициализируем счетчик */ margin-left:0; /* Удаляем дефолтный левый margin */ padding-left:0; /* Удаляем дефолтный левый padding */ } ol > li { position:relative; /* Создаем среду позиционирования */ margin:0 0 6px 2em; /* Каждому элементу списка добавляем левый margin для места под числа */ padding:4px 8px; /* Добавим немножко пространства вокруг контента */ list-style:none; /* Отключаем стандартную нумерацию */ border-top:2px solid #666; background:#f6f6f6; } ol > li:before { content:counter(li); /* Используем счетчик как content */ counter-increment:li; /* Увеличение счетчика на 1 */ /* Позиционируем и стилизуем числа */ position:absolute; top:-2px; left:-2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; /* Оставляем немного места между числами и контентом для браузеров, которые поддерживают генерируемый контент, но не поддерживают его позиционирование */ margin-right:8px; padding:4px; border-top:2px solid #666; color:#fff; background:#666; font-weight:bold; font-family:"Helvetica Neue", Arial, sans-serif; text-align:center; } li ol, li ul {margin-top:6px;} ol ol li:last-child {margin-bottom:0;} Вот ключевые моменты: list-style:none: отменяет стандартную нумерацию counter-reset и counter-increment: создают область работы счетчика и увеличивают его на 1. Оба описаны в CSS 2.1 12.4 Automatic counters and numbering. content: вставляет индекс созданного счетчика. Описан в CSS 2.1 12.2 The ‘content’ property :before: псевдо-элемент Вы можете использовать почти любой стиль на сгенерированном элементе. Однако, нужно всегда помнить, что произойдет, если список будет очень длинным – хватит ли места для трех- и четырех-значных номеров? Конечно, не очень распространенный сценарий, но все-таки нужно следить за шириной элемента, который содержит номер. Как я уже говорил, этот способ не работает в ИЕ7 и старше, потому что ИЕ до 8 версии не поддерживает псевдо-элементы :before и :after. С помощью условных комментариев и CSS хаков вы можете заставить старые браузеры отображать такие списки тоже, просто без всяких крутых стилей. Я думаю, большинство людей в состоянии жить и без этого. Update: Демонстрационная страница теперь включает в себя «изящное деградирование» для ИЕ7 и старше. Спасибо всем, кто отметил его отсутствие и всем тем, кто предупредил меня о проблемах, которые должны быть исправлены. А также спасибо Эрику Мейеру, который напомнил мне, что некоторые браузеры не позволяют позиционировать генерируемый контент (например Camino 2 и Firefox 3.0). Я добавил некоторый padding и правый margin для генерируемых чисел для того, чтобы они выглядели немножко более прилично в этих браузерах.

О селекторе :nth-child уже написано немало, но я решил перевести свежую статью Криса Коера , где все самые популярные методы использования этого селектора объединили и разложили по полочкам. У меня просто голова кружится, когда я сталкиваюсь с такими идеальными для использования селекторами как :nth-child или :nth-of-type! Чем лучше их понимаешь, тем больше css нердгазмов (от слова nerd - ботан, заучка и т.д) получаешь! В этих примерах я буду использовать простой набор элементов списка и случайно выбранные числа. Вам должно быть ясно, как менять их, чтобы получить подобную выборку. Выбираем только Пятый элемент: li:nth-child(5) { color: green; } Чтобы выбрать первый элемент, вы можете использовать :first-child. Ну или вы уже сами догадаетесь как для этой задачи изменить пример, который я показал выше. Выбрать все, кроме первых пяти: li:nth-child(n+6) { color: green; } Если бы здесь было больше 10 элементов, такой селектор выбрал бы всех их, начиная с 6-го. Выбрать первыe пять элементов: li:nth-child(-n+5) { color: green; } Выбрать каждый четвертый, начиная с первого: li:nth-child(4n-7) { /* или 4n+1 */ color: green; } Выбрать только четные или нечетные: li:nth-child(odd) { color: green; } li:nth-child(even) { color: green; } Выбрать последний элемент: li:last-child { color: green; } Выбирает 10-ый, потому-что у нас есть 10 элементов. Было бы 8 - выбрал бы 8-ой элемент, 1290 - 1290-ый элемент и т.д Выбрать второй с конца: li:nth-last-child(2) { color: green; } Выбирает 9-тый элемент потому что у нас их 10. Было бы 30 - выбирал бы 29-тый элемент. Кроссбраузерность: Кроме ИЕ существует не так много браузеров, о поддержке этих селекторов в которых следует беспокоиться. Для ИЕ используйте Selectivizr.

Ну тогда html тот же, а css такой: .mydiv{width:100%;} .mydiv img:first{width:23%; margin-left:1%;} .mydiv img{width:23%; margin-right:1%;}

kohozabr Бан на неделю, за оскорбление участника форума.

Давайте без оскорблений.

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

Вот здесь почитай о margin'е, там все отлично написано.

А за так делать навигацию, если у вас отдельные картинки? Обычно такой способ используют, когда надо отметить ссылки с картинки, которую нельзя разъединить, например, с карты В чем смысл не понятно

jQuery для начинающих. Там есть также много примеров, которые вам потом не раз пригодятся.

Нет, title я пробовал. Не подходит. Мне бы покрасивее. Читал на форуме, что это при помощи JS можно сделать. Но я в веб-программировании еще новичок не знаю с чего начать. Недавно нашел полезный ресурс ruseller.com очень понравился раздел с jQuery. Но там уже готовые примеры. Хотелось бы изучить с нуля. Не подскажете, где можно найти уроки?

1. Можно 2. Не меняй. Коротко и ясно И все же почему изза <div>-а все ломается? пропадают float, margin-ы, padding-и 1. Краткость - сестра таланта 2. Ну тут уже нужно в коде у тебя рыться, в стилях. Кстати ща попробовал, ничего не сломалось вроде.

А jQuery пашет в FF?

Давно присматривался, но все равно выбрал тяжелого мутанта вордпрес. А Textpattern быстрая штука, но админка на любителя демка http://php.opensourcecms.com/scripts/details.php?scriptid=86

Пропустил.. Но тут только числа, а эта статья более полная, как мне кажется.

И как вы хотите, чтобы мы что-то сказали, не видя код.

code <html> <head> <title>Интернет-тренажеры</title> <meta http-equiv="content-type" content="text/html; charset=koi8-r"> <link rel="stylesheet" href="css/testing_tt.css" type="text/css"> <link rel="stylesheet" href="css/jquery.tabs.css" type="text/css"> <script type="text/javascript" src="js/test_testing_tt.js"></script> <!--[if lte IE 7]> <link rel="stylesheet" href="css/jquery.tabs-ie.css" type="text/css" media="projection, screen"> <![endif]--> <!--[if lte IE 8]> <link rel="stylesheet" href="css/jquery.tabs-ie.css" type="text/css" media="projection, screen"> <![endif]--> </head> <body> <!-- Экран "Загрузка" --> <div id="splashScreen" class="FullSize TopScreen"> <table class="FullSize"> <tr> <td> <div id="right_answer_msg"> <b> Вы ответили правильно </b> </div> <div id="no_right_answer_msg"> <b> К сожалению, Вы ошиблись </b> </div> <div> </div> <div class="loading_txt"> <b> Загрузка... </b> </div> <img src="images/ajax-loader.gif" width="180" height="25" alt="" /> </td> </tr> </table> </div> <!-- /Экран "Загрузка" --> <!-- Экран "Помощь" --> <div id="helpScreen" class="FullSize TopScreen" style="display: none;"><!-- !!! style="display: none;" в стили убирать не льзя, в противном случае прототайп не срабатывает --> <table cellpadding="0" cellspacing="0" class="FullSize"> <tr> <td align="center"> <table cellpadding="0" cellspacing="0" class="window" style="empty-cells:show;"> <tr> <td valign="top"> <div class="windowTitle_tt">Основные правила тестирования</div> <div class="windowBlockHelp_tt"> <div style="height: 490px; width: 530px; overflow: auto; padding: 15px"> <table cellpadding="0" cellspacing="0" class="bold"> <tr> <td align="center" valign="top" style="vertical-align: top; font-size: 14px; padding-bottom: 15px;" colspan="2"> Типы заданий, используемых в Интернет-тренажерах </td> </tr> <tr> <td align="right" valign="top" style="vertical-align: top">1. </td> <td align="left" valign="top" style="padding-bottom:10px;"> Задание с выбором одного правильного ответа </td> </tr> <tr> <td></td> <td align="left" valign="top" class="normal"> Данный тип задания предполагает выбор одного варианта ответа из предложенных нажатием левой кнопки мыши на знак <img style="vertical-align: middle;" src="images/new/radio1.gif">. </td> </tr> <tr> <td></td> <td align="left" valign="top" class="normal"> <br>Пример:<br> <b>ЗАДАНИЕ N 3.</b><br> Одной из функций исторического знания является ...<br> <ul class="answerOptions"> <li><img style="vertical-align: middle;" src="images/new/radio1.gif"> экономическая</li> <li><img style="vertical-align: middle;" src="images/new/radio2.gif"> мировоззренческая</li> <li><img style="vertical-align: middle;" src="images/new/radio1.gif"> управленческая</li> <li><img style="vertical-align: middle;" src="images/new/radio1.gif"> организационно-технологическая<br></li> </ul> </td> </tr> <tr> <td align="right" valign="top" style="vertical-align: top">2. </td> <td align="left" valign="top" style="padding-bottom:10px;"> Задание с двумя и более правильными ответами </td> </tr> <tr> <td></td> <td align="left" valign="top" class="normal"> Данный тип задания предполагает выбор двух и более вариантов ответа из предложенных нажатием левой кнопки мыши на знак <img style="vertical-align: middle;" src="images/new/check1.gif">. </td> </tr> <tr> <td></td> <td align="left" valign="top" class="normal"> <br>Пример:<br> <b>ЗАДАНИЕ N 6.</b><br> Компьютерные графические редакторы позволяют создавать изображения ...<br> <ul class="answerOptions"> <li><img style="vertical-align: middle;" src="images/new/check1.gif"> скалярные</li> <li><img style="vertical-align: middle;" src="images/new/check2.gif"> векторные</li> <li><img style="vertical-align: middle;" src="images/new/check1.gif"> градиентные</li> <li><img style="vertical-align: middle;" src="images/new/check2.gif"> растровые</li> </ul> </td> </tr> <tr> <td align="right" valign="top" style="vertical-align: top">3. </td> <td align="left" valign="top" style="padding-bottom:10px;"> Задание на установление правильной последовательности </td> </tr> <tr> <td></td> <td align="left" valign="top" class="normal"> Данный тип задания предполагает указание правильной последовательности ответов (от большего к меньшему, в алфавитном, хронологическом порядке и т.п.). При первом нажатии левой кнопки мыши на знак <img style="vertical-align: middle;" src="images/new/order.gif"> появляется цифра 1, при втором — цифра 2 и т.д. Для изменения ответа необходимо повторно нажать на знак <img style="vertical-align: middle;" src="images/new/order.gif"> с цифрой 1. </td> </tr> <tr> <td></td> <td align="left" valign="top" class="normal"> <br>Пример:<br> <b>ЗАДАНИЕ N 10.</b><br> Расположите этапы реализации технологии проектной деятельности в верной последовательности.<br> <ul class="answerOptions"> <li><img style="vertical-align: middle;" src="images/new/order_2.gif"> распределение задач, обсуждение методов исследования</li> <li><img style="vertical-align: middle;" src="images/new/order_4.gif"> презентация результатов проекта</li> <li><img style="vertical-align: middle;" src="images/new/order_1.gif"> выбор темы и участников проекта</li> <li><img style="vertical-align: middle;" src="images/new/order_3.gif"> самостоятельная работа участников проекта</li> </ul> </td> </tr> <tr> <td align="right" valign="top" style="vertical-align: top">4. </td> <td align="left" valign="top" style="padding-bottom:10px;"> Задание на установление соответствия </td> </tr> <tr> <td></td> <td align="left" valign="top" class="normal"> Данный тип задания предполагает установление соответствия между элементами двух множеств, при этом каждому элементу первого множества соответствует только один элемент второго множества. При первом нажатии левой кнопки мыши на знак <img style="vertical-align: middle;" src="images/new/order.gif"> появляется цифра 1, при втором — цифра 2 и т.д. Для изменения ответа необходимо повторно нажать на знак <img style="vertical-align: middle;" src="images/new/order.gif"> с цифрой 1. Варианты ответов на задание также включают неверный(-ые) ответ(-ы). </td> </tr> <tr> <td></td> <td align="left" valign="top" class="normal"> <br>Пример:<br> <b>ЗАДАНИЕ N 15.</b><br> Установите соответствие между типами цветовых моделей и их цветовыми компонентами.<br> 1. Цветовая модель RGB<br> 2. Цветовая модель CMYK<br> 3. Цветовая модель HSB<br> <ul class="answerOptions"> <li><img style="vertical-align: middle;" src="images/new/order_2.gif"> голубой, малиновый, желтый, черный</li> <li><img style="vertical-align: middle;" src="images/new/order_1.gif"> красный, зеленый, синий</li> <li><img style="vertical-align: middle;" src="images/new/order_3.gif"> оттенок цвета, насыщенность цвета, яркость цвета</li> <li><img style="vertical-align: middle;" src="images/new/order.gif"> красный, желтый, фиолетовый, черный</li> </ul> </td> </tr> <tr> <td align="right" valign="top" style="vertical-align: top">5. </td> <td align="left" valign="top" style="padding-bottom:10px;"> Задание с кратким ответом </td> </tr> <tr> <td></td> <td align="left" valign="top" class="normal"> Данный тип задания предполагает ввод с клавиатуры краткого ответа (в виде целого числа, нескольких целых чисел через запятую, отдельного слова или последовательности слов) в поле ответов в зависимости от формулировки вопроса. </td> </tr> <tr> <td></td> <td align="left" valign="top" style="padding-bottom:20px;" class="normal"> <br>Пример:<br> <b>ЗАДАНИЕ N 15.</b><br> Для приготовления 10 л 0,1 М раствора гидроксида натрия требуется ____ г твердой щелочи (с точностью до целого значения).<br><br> Введите ответ:<br> <input type="text" size="40" maxlength="250" readonly="readonly" value="72" style="float:left; height: 22px; font-size: 17px; border-width: 1px; border-style: solid; border-color: #3C71B6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;"> </td> </tr> <tr> <td align="center" valign="top" style="vertical-align: top; font-size: 14px; padding-bottom: 15px;" colspan="2"> Навигационные кнопки </td> </tr> <tr> <td align="right" valign="top" style="vertical-align: top">1. </td> <td align="left" valign="top" style="padding-bottom:10px;"> Для перехода между заданиями используйте панель навигации: </td> </tr> <tr> <td></td> <td align="left" valign="top" style="padding-bottom:20px;"> <div> <div class="q c_tt">6</div> <div class="q a_tt">7</div> <div class="q d_tt">8</div> </div> <div class="normal" style="margin: 2px;"> — переход к конкретному заданию;</div> <br /> <div style="float:left"> <img src="images/new/bg_button_green_prev.gif" alt="переход к предыдущему заданию" /> <img src="images/new/bg_button_green_next.gif" alt="переход к следующему заданию" /> </div> <div class="normal" style="float:left; width:200px; padding-left:10px;"> — переход к предыдущему <br /> или следующему заданию. </div> </td> </tr> <tr> <td align="right" valign="top" style="vertical-align: top">2. </td> <td align="left" valign="top" style="padding-bottom:20px;"> Задания можно выполнять в произвольном порядке.<br /> Можно изменять ранее данные ответы. </td> </tr> <tr> <td align="right" valign="top" style="vertical-align: top">3. </td> <td align="left" valign="top" style="padding-bottom:10px;"> Цветовые обозначения кнопок с номерами заданий: </td> </tr> <tr> <td></td> <td align="left" valign="top" style="padding-bottom:20px;"> <div> <br /> <div class="q c_tt">6</div><div class="normal" style="margin: 2px;"> - текущее задание;</div><br /> <div class="q a_tt">7</div><div class="normal" style="margin: 2px;"> - ответ на задание уже дан;</div><br /> <div class="q d_tt">8</div><div class="normal" style="margin: 2px;"> - ответ еще не дан.</div><br /> </div> </td> </tr> <tr> <td align="right" valign="top" style="vertical-align: top">4. </td> <td align="left" valign="top" style="padding-bottom:10px;"> По окончании тестирования необходимо нажать кнопку </td> </tr> <tr> <td></td> <td align="left" valign="top" style="padding-bottom:10px;"> <img src="images/new/bg_button_red_finish.gif" alt="Завершить тестирование" /> </td> </tr> </table> </div> <div class="buttonPanel"> <img class="button button_right" src="images/new/win_button_ok.gif" onclick="jQuery('#helpScreen').hide()" alt="Ok"> </div> </div> </td> <td> <div class="shadow_right"></div> </td> </tr> <tr> <td colspan="2"> <div class="shadow_bottom"></div> </td> </tr> </table> </td> </tr> </table> </div> <!-- /Экран "Помощь" --> <!-- Экран "Закончить тестирование" --> <div id="finishScreen" class="FullSize TopScreen" style="display: none; "><!-- !!! style="display: none;" в стили убирать нельзя, в противном случае прототайп не срабатывает --> <table cellpadding="0" cellspacing="0" class="FullSize"> <tr> <td align="center"> <table cellpadding="0" cellspacing="0" class="window" style="empty-cells:show;"> <tr> <td valign="top"> <div class="windowTitle_tt" style="padding-left: 10px">Завершить тестирование</div> <div class="windowBlock_tt"> <div style="margin: 20px 15px; "> Вы уверены, что хотите завершить тестирование? </div> <div class="buttonPanel"> <img class="button button_left" alt="Отмена" onmouseout="this.src='images/new/win_button_cancel.gif'" src="images/new/win_button_cancel.gif" onclick="$('finishScreen').hide();return false;"> <img class="button button_right" alt="Ok" onClick="test.action='test_tt.php?end&tsid=1308383345'; test.submit(); jQuery('#splashScreen').show();" src="images/new/win_button_ok.gif"> </div> </div> </td> <td> <div class="shadow_right"></div> </td> </tr> <tr> <td colspan="2"> <div class="shadow_bottom"></div> </td> </tr> </table> </td> </tr> </table> </div> <!-- /Экран "Закончить тестирование" --> <!-- Экран "Структура варианта теста" --> <div id="structScreen" class="FullSize TopScreen" style="display: none; "><!-- !!! style="display: none;" в стили убирать не льзя, в противном случае прототайп не срабатывает --> <div id="structWindow"> <table border="0" style="height: 40px"> <tr> <td width="100%" style="vertical-align:middle"> <h2 style="float: left; margin-top: 10px; margin-bottom: 0">Структура варианта теста</h2> </td> <td width="16"> <img src="images/tt/close.gif" onclick="$('structScreen').hide(); return false" class="button" width="16" height="16" alt="Вернуться к заданиям" /> </td> </tr> </table> <p style="margin-bottom: 0"><i>Для перехода на задание кликните по нему.</i></p> <table> <tr><td colspan="2" style="padding-top: 7px"><b>ДЕ "Линейная алгебра"</b></td></tr><tr><td style="font-size: 13px"><span style="color: gray">1.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=1&tsid=1308383345');" href='#' style="background-color:#0000cc; padding: 2px 5px; color: #FFF; text-decoration: none">Линейные операции над матрицами.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">2.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=2&tsid=1308383345');" href='#' >Умножение матриц.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">3.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=3&tsid=1308383345');" href='#' >Ранг матрицы.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">4.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=4&tsid=1308383345');" href='#' >Обратная матрица.</a></td></tr><tr><td colspan="2" style="padding-top: 7px"><b>ДЕ "Аналитическая геометрия"</b></td></tr><tr><td style="font-size: 13px"><span style="color: gray">5.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=5&tsid=1308383345');" href='#' >Кривые второго порядка.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">6.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=6&tsid=1308383345');" href='#' >Прямая и плоскость.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">7.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=7&tsid=1308383345');" href='#' >Полярная система координат.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">8.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=8&tsid=1308383345');" href='#' >Поверхности второго порядка.</a></td></tr><tr><td colspan="2" style="padding-top: 7px"><b>ДЕ "Математический анализ"</b></td></tr><tr><td style="font-size: 13px"><span style="color: gray">9.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=9&tsid=1308383345');" href='#' >Предел функции.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">10.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=10&tsid=1308383345');" href='#' >Производные высших порядков.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">11.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=11&tsid=1308383345');" href='#' >Приложения дифференциального исчисления ФОП.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">12.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=12&tsid=1308383345');" href='#' >Дифференциальное исчисление ФНП.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">13.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=13&tsid=1308383345');" href='#' >Основные методы интегрирования.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">14.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=14&tsid=1308383345');" href='#' >Свойства определенного интеграла.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">15.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=15&tsid=1308383345');" href='#' >Методы вычисления определенного интеграла.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">16.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=16&tsid=1308383345');" href='#' >Приложения определенного интеграла.</a></td></tr><tr><td colspan="2" style="padding-top: 7px"><b>ДЕ "Комплексный анализ"</b></td></tr><tr><td style="font-size: 13px"><span style="color: gray">17.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=17&tsid=1308383345');" href='#' >Формы записи комплексного числа.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">18.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=18&tsid=1308383345');" href='#' >Операции над комплексными числами.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">19.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=19&tsid=1308383345');" href='#' >Определение функции комплексного переменного.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">20.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=20&tsid=1308383345');" href='#' >Дифференцирование функции комплексного переменного.</a></td></tr><tr><td colspan="2" style="padding-top: 7px"><b>ДЕ "Гармонический анализ"</b></td></tr><tr><td style="font-size: 13px"><span style="color: gray">21.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=21&tsid=1308383345');" href='#' >Периодические функции.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">22.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=22&tsid=1308383345');" href='#' >Гармонические колебания.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">23.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=23&tsid=1308383345');" href='#' >Элементы гармонического анализа.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">24.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=24&tsid=1308383345');" href='#' >Ряд Фурье. Теорема Дирихле.</a></td></tr><tr><td colspan="2" style="padding-top: 7px"><b>ДЕ "Ряды"</b></td></tr><tr><td style="font-size: 13px"><span style="color: gray">25.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=25&tsid=1308383345');" href='#' >Числовые последовательности.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">26.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=26&tsid=1308383345');" href='#' >Сходимость числового ряда.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">27.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=27&tsid=1308383345');" href='#' >Область сходимости степенного ряда.</a></td></tr><tr><td style="font-size: 13px"><span style="color: gray">28.</span></td><td style="font-size: 16px"><a onclick="$('structScreen').hide();SwitchTask('test_tt.php?id=28&tsid=1308383345');" href='#' >Ряд Тейлора.</a></td></tr> </table> <p style="padding-bottom: 15px"> <a href="#" onclick="$('structScreen').hide(); return false" style="color: #225E7F; font-size: 14px"><b>Вернуться к заданиям.</b></a> </p> </div> </div> <!-- /Экран "Структура варианта теста" --> <form action="test" name="test" method="post"> <table border="0" cellpadding="0" cellspacing="0" class="main_holder_tt" id="main_holder_tt"> <tr style="height:95px; vertical-align:top;"> <td colspan="2"> <!-- Заголовок --> <table border="0" cellpadding="0" cellspacing="0" class="top_title_tt"> <tr> <td width="26"> <img src="images/tt/top_logo.gif" height="26" width="26" style="margin-left:4px;" alt="" /> </td> <td> <div style="float: left; margin-left: 4px;">Интернет-тренажеры</div> </td> <td width="150"> <img src="images/tt/type_c.gif" width="178" height="26" alt="Режим самоконтроль" /> </td> </tr> </table> <!-- /Заголовок --> <br /> <!-- ДЕ и тема --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="19"></td> <td> <table border="0" cellpadding="0" cellspacing="0" class="block_title_de_tt"> <tr> <td width="100%" style="line-height: 90%"> Линейная алгебра / Линейные операции над матрицами </td> <td width="98" style="padding:0; margin:0;"><img src="images/tt/button_help.gif" class="button" width="98" onmousedown="changeImageDown(this, 'help')" onmouseout="changeImageUp(this, 'help')" onmouseup="changeImageUp(this, 'help')" onClick="$('helpScreen').show()" alt="помощь" /></td> </tr> </table> </td> <td width="19"> </td> </tr> </table> </td> </tr> <tr style="height:100%;" id="cont_task_answ"> <!-- Задание --> <td id="cont_task"> <table border="0" cellpadding="0" cellspacing="0" class="FullSize"> <tr height="23"> <td> <div id="fio_field" class="hidden"></div><!-- нужна чтоб не было ошибки в js--> <div class="block_title_tt"> Задание N 1. </div> </td> </tr> <tr> <td> <div id="q_content"> <!-- start of content--> <br /><br /><FONT SIZE=4 FACE="Times New Roman" >Даны матрицы <IMG SRC="pic/835_72492/40025A6F9D1BF6CB2996AEC1599F2DB5.png" ALIGN=MIDDLE>, <IMG SRC="pic/835_72492/86C46DD467135B4F58A3471D7C63C387.png" ALIGN=MIDDLE>, <IMG SRC="pic/835_72492/30CD27DD44D6632888B3F41785B8EBD7.png" ALIGN=MIDDLE>. Тогда матрица <IMG SRC="pic/835_72492/88FD87574E97A7EDB1E22E484DC90A45.png" ALIGN=MIDDLE> имеет вид…</FONT> <br/> <!-- end of content --> </div> </td> </tr> </table> </td> <!-- / Задание --> <td id="cont_answ"> <!-- Варианты ответов --> <div id="block_right_tt"> <table border="0" cellpadding="0" cellspacing="0" class="FullSize"> <tr height="23"> <td> <div class="block_title_tt"> Варианты ответа:</div> </td> </tr> <tr> <td> <div id="q_content2"> <div style="margin-top:25px"> <!-- start of content --> <input type="hidden" class="hidden" name="r0" value="default"> <table width="90%" cellpadding="5" cellspacing="5"> <tr> <td width="10" valign="top" style="padding-top: 10px"> <span id="tplus_0" class="hidden"><img src="images/tt/tick.gif" width="16" height="16" alt="" /></span> <span id="tminus_0" class="hidden"><img src="images/tt/cross.gif" width="16" height="16" alt="" /></span> </td> <td width="20" valign="top" style="padding: 10px 0"> <input type="image" name="r0" value="0" src="images/new/radio1.gif" onclick="radioChange(this); fixOperaAnswer(); return false;" style="vertical-align: middle;"> </td> <td valign="middle" style="padding-left:0"> <IMG SRC="pic/835_72492/6FE94C0AB99948F4587CE82F68FD2783.png" ALIGN=MIDDLE> </td> </tr> <tr> <td width="10" valign="top" style="padding-top: 10px"> <span id="tplus_1" class="hidden"><img src="images/tt/tick.gif" width="16" height="16" alt="" /></span> <span id="tminus_1" class="hidden"><img src="images/tt/cross.gif" width="16" height="16" alt="" /></span> </td> <td width="20" valign="top" style="padding: 10px 0"> <input type="image" name="r0" value="1" src="images/new/radio1.gif" onclick="radioChange(this); fixOperaAnswer(); return false;" style="vertical-align: middle;"> </td> <td valign="middle" style="padding-left:0"> <IMG SRC="pic/835_72492/E02D23141A260980CEDE9BA9934C9AE9.png" ALIGN=MIDDLE> </td> </tr> <tr> <td width="10" valign="top" style="padding-top: 10px"> <span id="tplus_2" class="hidden"><img src="images/tt/tick.gif" width="16" height="16" alt="" /></span> <span id="tminus_2" class="hidden"><img src="images/tt/cross.gif" width="16" height="16" alt="" /></span> </td> <td width="20" valign="top" style="padding: 10px 0"> <input type="image" name="r0" value="2" src="images/new/radio1.gif" onclick="radioChange(this); fixOperaAnswer(); return false;" style="vertical-align: middle;"> </td> <td valign="middle" style="padding-left:0"> <IMG SRC="pic/835_72492/A489F36B3FDC682F827949CEB856495D.png" ALIGN=MIDDLE> </td> </tr> <tr> <td width="10" valign="top" style="padding-top: 10px"> <span id="tplus_3" class="hidden"><img src="images/tt/tick.gif" width="16" height="16" alt="" /></span> <span id="tminus_3" class="hidden"><img src="images/tt/cross.gif" width="16" height="16" alt="" /></span> </td> <td width="20" valign="top" style="padding: 10px 0"> <input type="image" name="r0" value="3" src="images/new/radio1.gif" onclick="radioChange(this); fixOperaAnswer(); return false;" style="vertical-align: middle;"> </td> <td valign="middle" style="padding-left:0"> <IMG SRC="pic/835_72492/6F07ED043DF2BB426F74208946A20C31.png" ALIGN=MIDDLE> </td> </tr> </table> <input name="tt" type="hidden" value="2"> <input name="ti" type="hidden" value="0"> <input name="tat" type="hidden" value="4"> <input name="ta" type="hidden" value="1"> <input name="sec" type="text" value=2700 class="hidden"> <!-- end of content --> </div> </div> </td> </tr> </table> </div> <!-- /Варианты ответов --> <!-- Решение --> <div id="ShowSolution" style="display: none;"> <table border="0" cellpadding="0" cellspacing="0" class="FullSize"> <tr height="23"> <td> <table border="0" cellpadding="0" cellspacing="0" class="block_title_tt_solution"> <tr> <td> <div style="padding-left: 15px;">Правильное решение:</div> </td> <td width="38"> <img src="images/tt/button_close_green.gif" onmousedown="changeImageDown(this, 'close_green')" onmouseout="changeImageUp(this, 'close_green')" onmouseup="changeImageUp(this, 'close_green')" onClick="show_solve();" class="button" width="38" height="25" alt="Скрыть" /> </td> </tr> </table> </td> </tr> <tr> <td> <div id="SolutionBody"> <div style="padding: 10px 0; font-size: 17px; color: #39892A"><b>Решение:</b></div> <p style="padding-bottom: 10px"> <a href="#" class="action_link" onClick="show_solve();">Вернуться к ответам.</a> </p> </div> </td> </tr> </table> </div> <!-- /Решение --> </td> </tr> <tr style="height:13px;"> <td> </td><td> </td> </tr> <tr style="height:152px; vertical-align:top;"> <td colspan="2"> <div style="background-image:url(images/new/bg_field.gif); background-position: 0px 2px; position: relative; margin:0; padding:0; height:151px;"> <div id="control_holder" class="control_tt"> <table width="100%"> <tr> <td> <div style="margin-left: 19px; padding-top: 10px;"> <div id="button_prev"><img src="images/new/bg_button_green_prev.gif" class="button" onmousedown="changeImageDown(this, 'prev')" onmouseout="changeImageUp(this, 'prev')" onmouseup="changeImageUp(this, 'prev')" onClick="SwitchTask('test_tt.php?id=1&tsid=1308383345');" alt="Перейти к предыдущему вопросу"></div> <div id="button_next"><img src="images/new/bg_button_green_next.gif" class="button" onmousedown="changeImageDown(this, 'next')" onmouseout="changeImageUp(this, 'next')" onmouseup="changeImageUp(this, 'next')" onClick="SwitchTask('test_tt.php?id=2&tsid=1308383345');" alt="Перейти к следующему вопросу"></div> <div id="quiz_field">Заданий: <span class="bold">28</span> </div> <div id="answ_field">Дано ответов:<span class="bold">0</span></div> <div id="clock_field" > <center> <input class="timer" id="timer" name="timer" type="text" disabled="disabled" value=" 45:00" /> </center> </div> <div id="clock_tt" onClick="$('clock_field').toggle(); $('show_clock').setValue($('clock_field').visible() ? 1 : 0); return false;"> <input type="hidden" name="show_clock" id="show_clock" value="1"> </div> </div> </td> <td style="width:141px; padding: 10px 20px 0 10px;" align="right"> <img src="images/tt/button_structure.gif" class="button" id="struct_b" width="121" height="25" onmousedown="changeImageDown(this, 'structure')" onmouseout="changeImageUp(this, 'structure')" onmouseup="changeImageUp(this, 'structure')" onclick="$('structScreen').show(); return false" alt="Карта по ДЕ"/> </td> </tr> </table> <table border="0" width="100%"> <tr> <td width="15"> </td> <td> <div id="quiz_block" style="padding-left: 0; padding-top: 10px;"> <div class="q c_tt" onClick = "SwitchTask('test_tt.php?id=1&tsid=1308383345');">1</div> <div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=2&tsid=1308383345')">2</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=3&tsid=1308383345')">3</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=4&tsid=1308383345')">4</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=5&tsid=1308383345')">5</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=6&tsid=1308383345')">6</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=7&tsid=1308383345')">7</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=8&tsid=1308383345')">8</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=9&tsid=1308383345')">9</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=10&tsid=1308383345')">10</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=11&tsid=1308383345')">11</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=12&tsid=1308383345')">12</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=13&tsid=1308383345')">13</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=14&tsid=1308383345')">14</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=15&tsid=1308383345')">15</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=16&tsid=1308383345')">16</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=17&tsid=1308383345')">17</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=18&tsid=1308383345')">18</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=19&tsid=1308383345')">19</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=20&tsid=1308383345')">20</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=21&tsid=1308383345')">21</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=22&tsid=1308383345')">22</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=23&tsid=1308383345')">23</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=24&tsid=1308383345')">24</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=25&tsid=1308383345')">25</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=26&tsid=1308383345')">26</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=27&tsid=1308383345')">27</div><div class="q d_tt" onClick = "SwitchTask('test_tt.php?id=28&tsid=1308383345')">28</div> </div> </td> <td width="181" align="right"> <img src="images/new/bg_button_red_finish.gif" onmousedown="changeImageDown(this, 'finish'); fixOperaAnswer();" onmouseout="changeImageUp(this, 'finish'); fixOperaAnswer();" onmouseup="changeImageUp(this, 'finish'); fixOperaAnswer();" onclick="test.action='test_tt.php?end&tsid=1308383345'; fixOperaAnswer(); $('finishScreen').show(); return false" class="button" alt="Завершить тестирование" /> </td> <td width="15"> </td> </tr> </table> </div> </div> </td> </tr> <tr style="height:24px;"> <td colspan="2"> <div class="bottom_tt"> <div style="padding-left:10px;"> © НИИ мониторинга качества образования, 2010-2011 </div> </div> </td> </tr> </table> </form> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript" src="js/main_tt.js"></script> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> //<![CDATA[ jQuery.noConflict(); // Создаем правило изменения прозрачности: задаем имя правила, начальную и конечную прозрачность, // а также необязательный параметр задержки влияющий на скорость смены прозрачности var splash = jQuery('#splashScreen'); TimerEnabled = false; num_right_answer = ""; distractors = ""; prompt_count = 0; training = 0; tasktype = 2; task_answers = 4; if (window.onload) prev_window_onload_hdl = window.onload; else prev_window_onload_hdl = new Function(""); window.onload = new Function ("prev_window_onload_hdl(); splash.hide(); TimerEnabled = true; window.setInterval('Timer()',1000);"); // для нормального скролла в FF if (navigator.userAgent.indexOf("Firefox") != -1) { document.getElementById('cont_task').style.height = "200px"; document.getElementById('q_content').style.height = "200px"; document.getElementById('q_content2').style.height = "200px"; document.getElementById('cont_task').style.height = document.getElementById('cont_task_answ').clientHeight; document.getElementById('q_content').style.height = document.getElementById('cont_task_answ').clientHeight - 25; document.getElementById('q_content2').style.height = document.getElementById('cont_task_answ').clientHeight - 25; document.getElementById('SolutionBody').style.height = document.getElementById('cont_task_answ').clientHeight - 30; } var client_width = document.body.offsetWidth; var client_height = document.body.offsetHeight; var structWindow = document.getElementById("structWindow"); structWindow.style.top = 100; structWindow.style.left = 0.2*client_width; structWindow.style.height = client_height - 200; structWindow.style.width = 0.6*client_width; var TimerEnabled; jQuery(document).bind("contextmenu",function(e){return false;}); jQuery(document).bind("copy",function(e){return false;});TrainingMode = "self_control"; CurSec = 0; CurMin = 45; SolTime = 2700; // ]]> </script> <!-- апдейт сессии каждые 10 мин --> <script type="text/javascript"> //<![CDATA[ // интервал в милисекундах var reloadInterval = 600000; function restore_session() { var currentTime = new Date(); var url = '/restore_session.php'; var myAjax = new Ajax.Request(url, { method: 'post', parameters: {restore: currentTime.getTime()}, onComplete: function(transport) { $result = transport.responseText; } } ); setTimeout('restore_session()',reloadInterval); } function init_resorer() { setTimeout('restore_session()',reloadInterval); } init_resorer(); //]]> </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push( ['_setAccount', 'UA-10603446-2'], ['_trackPageview'] ); (function() { var ga = document.createElement('script'); ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; ga.setAttribute('async', 'true'); document.documentElement.firstChild.appendChild(ga); })(); </script> <!-- Yandex.Metrika --> <script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript"></script> <div style="display:none;"><script type="text/javascript"> try { var yaCounter1240185 = new Ya.Metrika(1240185); yaCounter1240185.clickmap(); yaCounter1240185.trackLinks({external: true}); } catch(e){} </script></div> <noscript><div style="position:absolute"><img src="//mc.yandex.ru/watch/1240185" alt="" /></div></noscript> <!-- /Yandex.Metrika --> </body> </html> /code

как можно узнать ответы на электронный тест зная код теста???

Люди посмотрите на той странице галлерею. Как там ее изменить?

Опять этот гоблин приперся. Че ты тут забыл?

Что ты тут делаешь? Хочешь мой проэкт украсть?

ОЙ-ОЙ-ОЙ боюсь блин. Ты смог отредактировать. Не смеши тут весь форум.

Не совсем удачный код при разной высоте блоков. Сами посмотрите следующий код. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0;} body { min-width: 700px;} *html body { width:expression(document.documentElement.clientWidth < 700 ? "700px" : "auto"); } #left_bg { float: left; width: 300px; background: red; margin-right: -3px; } #right_bg { float: right; width: 300px; background: red; margin-left: -3px; } #content { overflow: hidden; background: blue; zoom:1; } </style> </head> <body> <div id="left_bg">Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</div> <div id="right_bg">Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blaBla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</div> <div id="content">Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент Тут какой-то контент </div> </body> </html>

Смысл есть. Он в том, чтобы не мучатся и не забивать код лишними margin'ами.

А я пока что прекращаю работу над ним. Для вашего же облома.

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

ctpz, а вы не умничайте. Итак репутация -18. Вы думаете, что вы тут самый лучший. Так нет. Есть и по лучше. Я например.