thekap

Важный момент - не для полного нуба, где подробно разжёвывается каждая запятая! Скорее, нужно краткое руководство, чтобы быстро войти в курс дела, как создавать страницы, которые будут нормально смотреться на мобильных устройствах. Благодарю за ответы!

Вопрос с картой как-то решился сам собой . Оказалось, надо было добавить второй area, который покрывает всю картинку. Только у меня возник другой вопрос. Например, картинка 100x100 пикселей. Какие должны быть координаты, чтобы покрыть всю площадь? 0, 0, 99, 99 или 0, 0, 100, 100?

Там задание такое, что если жмёшь по одной небольшой части картинки, идёшь на одну страницу, если жмёшь по всей остальной картинке, идёшь на другую. Делать произвольную фигуру, которая как бы обтекает существующий прямоугольник (rect) считаю пустой тратой времени. К тому же о такой крутизне речи там не идёт. Но в целом можно ли сделать, как я показал? В новом стандарте в ссылку можно вкладывать почти что угодно. Спорить не буду . Речь не о том.

Вопрос № 1 <map name="box"> <area shape="rect" coords="10, 10, 10, 10" href="page.html" /> </map> <a href="page2.html"><img src="images/img.png" usemap="#box" /></a> Во всех браузерах ссылка "по умолчанию" (то есть a href) работает нормально. В IE6 нормально работает только rect. Чтобы открыть magicbox02.html, надо жать правой кнопкой и выбирать открыть. Это глюк или я неправильно сделал, включив картинку с картой в a? Вопрос № 2 Предстоит поработать с такой гадостью, как фреймы. Там суть в том, что берутся файлы из самого первого задания, что надо сделать. Всего три. Первое - про таблицы, второе про карту ссылок, третье про фреймы. Так вот, я первое задание сделал в HTML 5. Как теперь быть с фреймами? Я с ними никогда не работал. Новый стандарт отправил их далеко и надолго. И ещё. Допустим, фреймсет включает 6 кусочков. Каждый из кусков надо оформлять, как отдельный документ? С html, head, body и так далее? P. S. Офигеть, чему детей учат в школе . Тут уже HTML 5, а они по фреймам задание дают. Потом удивляются, почему страна неразвитая, когда в школах учат вёрстку таблицам и фреймами .

Хотя собираюсь всё это дело реализовывать потом через JS, вопросы относятся, скорее, к вёрстке. 1. Безопасная ширина? Для 1024x768 рекомендуют от 950 до 960, а что для других разрешений? Где-то можно получить такую информацию? 2. Вопрос проистекает из предыдущего. А можно ли нарваться на нестандартное разрешение? Например, 1024x750? Это важный момент, так как его придётся учесть, чтобы не задать жёстко, а потом жалеть. 3. Какой размер шрифтов уместен под разные разрешения? Под 1024x768 часто используют 12px. А что использовать под более высокие и низкие разрешения? Всем спасибо!

Я начинающий. За тестирование производительности пока не брался. Но тестирование самого кода - это одно, а краткая и полная запись - основы. Решил спросить у знающих, что лучше.

Но как это ли не всё ли равно? Если полная запись быстрее, зачем использовать короткую?! Тогда уже зачем блоками верстать? Слишком много нюансов ради какой-то "сомнительной" чистоты кода. Лучше взять таблицы и пофиг на то, что они медленнее, зато отображается как надо при малейших усилиях . alert() - просто пример. Суть не в нём. Дался всем этот алерт . Это же просто пример. Вопрос в другом - что работает быстрее, короткая или полная запись?

alert(); window.alert(); Какая из записей лучше с точки зрения производительности, первая или вторая? Ведь по идее в первом случае при обработке кода браузеру надо делать лишнее действие - ставить window. перед alert(), а во втором - сразу всё готово. Но первая запись делает код кратким. Поэтому например, если есть 30 алертов, то без window. код сократится на 210 знаков. Возможно, время, вырученное за счёт отсутствия этих 210 знаков, компенсирует прибавление window. Кто-то проводил замеры?

То же, да не то же . Бывает зайдёшь на сайт и просто приятно читать. А бывает, что глаза перекашивает во все стороны, что просто ужас. Классика - это, конечно, хорошо. Но хотелось бы знать именно про web-типографику. За Лебедева спасибо, гляну, что там у него. А что на счёт каких-нибудь статей? Можно и на английском. Кстати, говорят в читалке Киндл какой-то особый ненапряжный фон. Кто-то пробовал такой фон использовать на сайтах? Как улучшилась читаемость и где его вообще можно взять?

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

С помощью таблиц я пробовал, но эффект тот же. Пока остановился на хаке для ie через импотэнт.

Сабж. Собственно, проблема такая, если селекту и инпуту с типом текст задать одинаковую ширину, например, 100px, то в FF и Opera они выглядят визуально идентичными, а в IE6 инпут нехило лезет вправо (на пикселей 5, не меньше, если не больше)! Кто-то решал уже такую проблему?

Для создания очень сложной формы. В ней только сейчас уже около 50 полей. А впоследствии может дойти и до больше чем 100. Не хотелось бы просиживать впоследствии над рутинными задачами типа а как вот тут красиво выровнять чекбокс да ещё сделать, чтобы во всех браузерах работало.

Сабж. Нашёл пока только этот - http://www.formee.org/demo/index.htm. Кто-то ещё видел нечто подобное?

Проблема такая, для всех div задано свойство рамки, то есть вот так без никаких классов div {border: 1px solid #000;}. Однако в коде есть такие дивы, которым рамка не нужна и этих дивов подавляющее меньшинство. Между тем, когда им пишешь border: none, ноль реакции. Как я понимаю, это происходит из-за того, что рамка задана для всех div глобально. Это можно как-то обойти, потому что иначе придётся писать уйму ненужных строк, чтобы ввести классы, где нужна рамка? А так как их большинство, то код увеличится на немалое количество строк типа class="див с рамкой". А между тем, зачем это делать, если можно только пару раз указать, где рамка не нужна. Или при глобально заданной рамке этого сделать нельзя? Забыл сказать, если прописать style="border: none;" прямо в div, рамка исчезнет. Но неужели нельзя сделать через класс.

Vind, спасибо! Помогло и в IE работает, и в Opera, и в FF.

С шириной в IE6 работает почти, как и с высотой (за исключением некоторых нюансов), а в Opera и FF то же самое, что и с высотой, то есть ноль реакции. Базовый див схлопывается, а остальные два висят как ни в чём не бывало справа и слева.

Как сделать так, чтобы один див прижимался к левому краю, а другой к правому и при этом никуда не пропадал базовый div? Вот, что имеется в виду: <div style="background: #f6f6f6;"> <div style="float: left;">123</div> <div style="float: right;">456</div> </div> Проблема в том, что при таком раскладе базовый div (тот, что с бекграундом) как бы схлопывается. Однако если ему указать высоту в 1 пиксель, то в IE всё работает просто замечательно. Базовый div сразу подстраивается под высоту двух других. А вот в FF и Opera этого почему-то не происходит . Как решить такую проблему без задания высоты каждому диву, так как она может быть разной? Вариант с 1 пиксельной высотой хорош, но работает только в IE.

Всем спасибо! Остановил выбор на button - просто и понятно . Спрошу тут тогда, чтобы не создавать новую тему - может, кто-то подскажет толковые материалы по вёрстке сложных форм (на 30-40-50 и более элементов)? Что надо учесть? Как добиться, чтобы всё было красиво, а не абы как? Выравнивание, размеры, отступы и прочее. Можно и на английском. Особенно интересуют такие моменты, как чекбоксы и радио, так как сегодня немало времени убил, прежде чем начало что-то получаться по их выравниванию и прочему. Плюс интересует вопрос - можно ли как-то получить доступ к вот той стрелочке, что появляется справа в селекте и как бы указывает на то, что список открывающийся? А то без понятия как она "по-научному" называется и обозначена ли вообще хоть как-то в html? Вот пример того, что имеется в виду. Вот тут автор кое-что пишет про вёрстку форм - http://www.xiper.net/collect/html-and-css-...rstka-form.html. Вот один из примеров - http://www.xiper.net/examples/forms/ex-form.html. Как видим чекбокс стоит рядом с текстом красиво. Но стоит открыть то же самое в IE6, как чекбокс слетает куда-то вниз. А идеально было бы так, чтобы он стоял строго по центру буквы П. Тогда было бы красиво. Далее, там есть +, который в FF стоит строго по центру текстового инпута, а в IE 6 +, как и чекбокс при увеличении/уменьшении текста начинает вытворять чудеса. В общем, про такие моменты было бы интересно почитать. Есть же фирмы, которые делают html-формы для своих очень крупных приложений. Вряд ли там пускают вёртску форм на самотёк.

А ведь точно . Я про этот тег и не знал. Всегда использовал только input. Так вроде работает. А чего этот тег так редко используется? Актуален. А что это даст? Если поставить border: none, эффект примерно такой же как и при border: 1px и так далее. Первоначальный вид не вернёт. Общий стиль стоит-то для всех инпутов, а не по классам и id.

Проблема такая - есть ряд инпутов, у которых рамка равна 1 пиксель, чёрная, сплошная. Инпутов целых 9 штук. Однако одним из этих инпутов является кнопка. А когда ей вот так проставить рамку явно, она становится довольно непривлекательной. Так вот, вопрос в том - как сделать так, чтобы к ней вернулся стиль по умолчанию? Самое главное, где-то видел недавно нечто подобное и никак не могу найти. Уже весь справочник перерыл, а никак не могу найти, что там прописать, чтобы стиль стал такой, как изначально, то есть чтобы к кнопке не применялось 1px solid #000000, а было так, будто этого свойства у неё нет.

Точно, видел этот пример на dimox.name! Всем спасибо, ушёл изучать.

Есть, допустим, блок с 1 большой картинкой. Как сделать так, чтобы при изменении разрешения экрана, она приобретала его размер, то есть была резиновой? Самое главное, видел недавно на блоге какого-верстальщика, как это делать (там был пример с 3 или 4 картинками), а теперь ссылку вспомнить не могу никак. Уверен, такое уже кому-то в работе встречалось и есть некая технология. В поиске же мне попадалось про фон, но тут нужен не фон, а обычная картинка.

<style type="text/css"> html,body{height:100%;} </style> <table width=100% height=100% border=1 style="border-collapse:collapse"> <tr> <td colspan="3" height="20%"></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td colspan="3" style="height:30px;"></td> </tr> </table> Вот сверстал на быструю руку, поэтому не судите строго, если есть ошибки. Смысл, думаю, ясен. Колонки, что идут между шапкой и подвалом, всегда одинаковой высоты, независимо от того, есть ли в них что-то или нет. Такой макет вообще реально сделать div'ами? Просто неохота возиться с таблицами.

Это не то. Откройте пример в FF и увидите, что колонки там становятся одинаковой высоты не сразу, а при наведении мышкой. sigma77, по первой ссылке не делает, что надо. По второй - там нет нужных примеров. По третьей примеры есть и вроде бы то, но при удалении контента всего по центру, становится сразу не тем, чем надо . P. S. Мне надо так, что даже если макет полностью пустой, колонки вытягиваются на весь экран до футера.