ХОЛОДный

root { display: block; } body{ font-size: 12px; font-family:"Arial"; margin: 0em; padding: 0em; } table{ border:none; border-collapse:collapse; padding: 0em; } table td{ border: none; padding: 0em; } #advertTitle{ font-size: 1.5em; padding-top: 3em; padding-bottom: 2em; text-align:left; padding-right:10px; } #advert{ font-size: 4em; vertical-align: middle; text-align:center; height:100px;/*hack*/ line-height: 100px;/*hack*/ } <table> <tr> <!-- adv --> <td style="width:2%"></td> <td style="width:2%"></td> <td style="width:4%;"></td> <td colspan="2"><div id="advertTitle">Объявление, отступы: 2em сверху, 2em вниз</div></td> <td style="width:4%;"></td> <td style="width:2%"></td> <td style="width:2%"></td> </tr> <tr> <!-- adv --> <td style="width:2%"></td> <td style="width:2%"></td> <td colspan="4"> <div id="advert">У нас продаются <a href="#">плюшки</a></div> </td> <td style="width:2%"></td> <td style="width:2%"></td> </tr> </table> Пожалуйста.

Добрый день, столкнулся с тем, что padding-top и padding-bottom как-то странно высчитываются. Вот пример: Как-то так получается, что 4em для размера шрифта = 3em padding'a. Как так получается? Где я мог напортачить?

Странно, в ФФ вестка выглядит нормально: 6 шартинок "равномерно" расползлись по таблице, а ячейки между ними получили правильную ширину: (ширина_таблицы-100*6) / 5. Где 6 - кол-во картинок, 100 = 100 пикселей. table{ border:none; border-collapse:collapse; padding: 0em; } table td{ border: none; padding: 0em; } .separator{ width:auto; } .imgTD{ width: 100px; } <td colspan="2"> <table width="100%" id="#photoTbl" style=""><!-- table-layout:fixed; --> <tr> <td class="imgTD" align="left"><img src="/images/main/1.jpg"/></td> <td class="separator"></td> <td class="imgTD"><img src="/images/main/2.jpg"/></td> <td class="separator"></td> <td class="imgTD"><img src="/images/main/3.jpg"/></td> <td class="separator"></td> <td class="imgTD"><img src="/images/main/4.jpg"/></td> <td class="separator"></td> <td class="imgTD"><img src="/images/main/5.jpg"/></td> <td class="separator"></td> <td class="imgTD" align="right"><img src="/images/main/6.jpg"/></td> </tr> </table> </td> Однако, ВебКит (Сафари, Хром) интерпретируют теги по-другому: все ячейки класса separator получили ширину в 1 пиксель, а ячейки с картинками - (ширина_таблицы-5) / 6. где - 5, это 5 пикселей, по одному пикселю на separator ячейку. 6 - кол-во ячеек с картинками. Если использовать {table-layout:fixed;} В таблице с шестью картинками, то это отражается на всей странице, она как-то расползается, что не есть гут. Это вообще решаемая задача, может, Джаваскиптом при загрузке документа расчитывать ширину каждой ячейки? P.S. Похоже, display:block; в классе .separator решил проблему.

Работает даже без {table-layout: fixed} Как просто, спасибо!

Если я всё выровню по центру, то крайняя левая и крайняя правая не будут прижаты к краям, а это обязательное условие. Да, с картинкой будет понятнее, прошу прощения, выложу через некоторое время.

Только картинка внутри ячейки в 16.6% от общей величины в крайней левой ячейке будет выровнена по левому краю. Картинка в крайне правой - по крайне правому краю. Из-за этого "равномерности" не получится. У меня шесть картинок, каждая в ячейке таблицы. Первую я приживаю к левому краю, последнюю - к правому. На оставшемся месте надо равномерно распределить 4 картинки.

Есть таблица. В одной из её ячеек помещена еще одна таблица. Как сделать так, чтобы первая ячейка прижалась влево, последняя - к правому краю. А оставшиеся 4 ячейки распределились по свободному месту между первой и последней? Размер картинок известен и для всех шести одиноков. Спасибо.

помогло, спасибо!

В ячейках таблицы есть картинка, у которой в свойствах стоит display:none Проблема заключается в том, что в ФФ таблица "корежится и дергается" при смене на display:inline В Хроме и Сафари не дергается. Что делать, подскажите, пожалуйста. делается через $().show(); <script type="text/javascript"> function activateRow(imgId){ $('#'+imgId).show(); } function deActivateRow(imgId){ $('#'+imgId).hide(); } </script> <tr class="" onmouseover="activateRow('sms_16')" onmouseout="deActivateRow('sms_16')"> <td style="padding-left: 100px;"> 15:36:50 </td> <td> через день </td> <td> оттуда <span style="font-size: 24px;"> → </span>вот сюда <div style="padding-left: 50px; display: inline; line-height: 40px;"> <img id="sms_16" src="sms.png" class="imgButton" style="display: none;" onclick="showform('','16')"/> </div> </td> </tr>

Добрый день. Есть такая задача: юзер грузит картинку, аджаксом картинка утягивается на сервер, и если все ОК, сервер выдает в ответ ссылку на картинку, пригодную для помещения в src="bla-bla-bla". Гуглил-гуглил, но ничего толком не нашел. 1. Как я могу Джаваскриптом узнать размер картинки (по идее, это возможно через размеры img?) ? Задав размеры width + height для src я смогу сделать ресайз. 2. Как сделать кроп картинки? Я же могу часть img "накрыть" непрозрачным ДИВом, создав эффект кропа? Естественно, хочется готовых скриптов. Видел какие-то заготовки на prototype, но что-то они какие-то кривые.

Нужен JS Rich Text Editor на подобие http://tinymce.moxiecode.com/. Я нашел несколько, начиная от http://nicedit.com/demos.php и заканчивая http://developer.yahoo.com/yui/editor/. Так же прочитал обзор : http://blog.webdistortion.com/2008/03/09/9...itors-reviewed/ Задачи: Дать пользователю возможность сверстать текст, который будет размещен на странице. Нужны: 1. Стили заголовков 2. Стили текста 3. Текстовые блоки-вставки (промеж абзацев текста вставляется блок текста с отступом слева и фоном) 4. Выноски и сноски (на правом поле выносится небольшой блок текста) 5. Таблицы 6. Списки 7. Вставка картинок 8. Вставка ссылок Окромя 3его и 4ого, все остальные задачи - стандартные. Набранный текст надо оттипографить: висячая пунктуация, замена минусов на тире, "программистских" кавычек на "человечьи". Тоже нечего необычного. Типографить скорее всего буду через отдельный сервис, например, Типограф. Какой посоветуете JS RTE и типограф, если указанный ему уступает по функционалу?

Что-то с кодировкой страницы, не получается прочитать ваше последнее сообщение.

Как круто! Спасибо большое!

Я разобрался, в чем проблема. Я использую GWT (Google web toolkit), он генерит мне таблицу для морского боя следующим образом: Из-за этого у меня расстояние между ячейками не 1px, а больше. Есть ли возможность совершить следующее: 1. Все ячейки в таблице белые. 2. Граница между ячейками = 1px 3. Границы "коллапсируют", т.е. от ячейки до ячейки расстояние = 1px. 4. Внутри каждой ячейки есть див. 5. На каждый из этих див'ов я натягиваю стили, внешний вид которых показан на этой картинке: Или здесь должно быть другое решение?

Исправил, больше таблица не расползается. А есть возможность рисовать границу "внутрь" ячейки таблицы, ил она пририсовывается тольль снаружи?

День добрый. Не получается сделать такую штуку: Это таблица 10х10 ячеек. Каждая ячейка - 20х20 пикселей. Граница между ячейками = 1 пиксель. При наведении мышки на ячейку, срабатывает JS-событие. Стиль ячейки перезаписывается. У ячейки может быть четыре стиля: /**Это сама таблица*/ .placementTable{ border-collapse: collapse; border: solid 1px #ffffff; } /**это ее ячейка*/ .placementTable td{ border-collapse: collapse; border: solid 1px #ffffff; } /**Три правых закрашенных ячейки*/ .placementCellOccupied{ width: 20px; height: 20px; background: #0099ff; border-collapse: collapse; } /**Бледно-голубой*/ .placementCellSurround{ width: 20px; height: 20px; background: #99ccff; border: none; border-collapse: collapse; } /**Белые ячейки с голубой границей*/ .placementCellActive{ width: 20px; height: 20px; background: #ffffff; border: solid 1px #0099ff; border-collapse: collapse; /**Просто пустая серая ячейка*/ .placementCell{ width: 20px; height: 20px; background: #cccccc; border-collapse: collapse; } Не секрет, что это поле для морского боя. Проблема заключается в том, что я никак не могу добиться того, чтобы таблица не "разъезжалась" - границы между ячейками почему-то не коллапсятся: при смене стиля ячейки, граница расширяется до 2ух пикселей (ил больше?) Как надо правильно, подскажите, пожалуйста. Спасибо.

Я рисовать не умею вообще. От отчаяния попробовал, результат даже меня испугал.

Ребята, помогите, пожалуйста. Ищу иконки для графического редактора. Нужно примерно то, что есть в Фотошопе. Ясное дело, можно сделать принтскрин и повыдирать в Фотошопе фотошоповские же иконки, но хочется отдельные. Если кто где видел или имеет - поделитесь, пожалуйста.

Я от пузырьков в транс вхожу, а сайт по-прежнему не желает стоять по-центру. Стесняется?

Залипла кнопка на клавиатуре? Шикарная эмблема. Крест в букве "А" достоин восхищения. Вы ставите крест на мечтах клиентов? Да, и с картиночкой косячок вышел. Оформление - убогое. Левелы и растеризация изображений не помогают скрыть убогость. Похоже на заклинание. Шлеш в самом начале сайта - убогий. Три кругляшка в прямоугольнике со скругленными углами - ужасны. Ваш закзчик, прошу прощения, дурачок. Нормальный, адекватный человек, решившийся взять ипотеку, пойдет в http://www.kvartiramiel.ru/ "Миэль", но никак не на этот непродуманный и страшный сайт. Не обижайтесь, но сайт ужасен.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd"> Прикольный сайт

Так старина нынче в моде, вы разве не знали? Да, конечно, с дизайном не очень, но заказчику нравится. Пока красивые сайты не могу рисовать, зато слава богу хоть с фотошопом немного подружился Было б неплохо, чтобы и тебе нравился

Дизайн - из прошлого века.

вот так надо: document.images["reportChart"].src = value; Как всегда, только вопрос задашь, ответ сразу находится

Надо так: и в Мозилее и в ИЕ работает. Теперь не знаю, как src динамически у поменять <script type="text/javascript"> function getHTTPRequestObject() { //alert("getHTTPRequestObject()"); var xmlHttpRequest; /*@cc_on @if (@_jscript_version >= 5) try { xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch (exception1) { try { xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch (exception2) { xmlHttpRequest = false; } } @else xmlhttpRequest = false; @end @*/ if (!xmlHttpRequest && typeof XMLHttpRequest != 'undefined') { try { xmlHttpRequest = new XMLHttpRequest(); } catch (exception) { xmlHttpRequest = false; } } return xmlHttpRequest; } var httpRequester = getHTTPRequestObject(); /* Когда страница загрузилась, создаем xml http объект */ var couldProcess = false; function getImageSrc( messageID ) { //alert("getImageSrc"); idToDisplay = messageID if (!couldProcess && httpRequester) { //httpRequester.open("POST", serverSideURL + escape(messageID),true); httpRequester.open("POST", "<%=stateBean.getPathToServlet()%>",true); httpRequester.onreadystatechange = processResponse; couldProcess = true; httpRequester.send(null); } } function processResponse() { //alert("processResponse httpRequester.readyState " + httpRequester.readyState ); if ( httpRequester.readyState == 4 ) { //alert("httpRequester.responseText" + httpRequester.responseText); if ( httpRequester.responseText.indexOf('invalid') == -1 ) { var value = httpRequester.responseText; document.getElementById('inputTextId').value=value; document.getElementById('imgId').value=value; couldProcess = false; } } } </script>