RusFAQ.ru: Элементы HTML
/ КОМПЬЮТЕРЫ И ПО / Дизайн / web-дизайн / Элементы HTML
Выпуск № 129
от 11.02.2006, 20:57
| Администратор: | 3BEPEK |
| В рассылке: | Подписчиков: 194, Экспертов: 50 |
| В номере: | Вопросов: 2, Ответов: 13 |
Вопрос № 34843: Здраствуйте. Как делать сайты, независящие от разрешения экрана? Тем более у меня вот ноут 15,1 дюйма и разрешение стоит 1280х800. Для меня это нормально, а у других то наверное будет смотрется коряво....
Вопрос № 34852: Здравствуйте уважаемые знатоки HTML! Подскажите мне пожалуйста, как правильно вырезать форму поиска, которую я сделал в фотошопе. То есть как вставить строку поиска в центр рисунка? Резать рисунок на 3 строки, в каждой строке по 3 ячейки - получается...
| Вопрос № 34.843 |
|
Здраствуйте. Как делать сайты, независящие от разрешения экрана? Тем более у меня вот ноут 15,1 дюйма и разрешение стоит 1280х800. Для меня это нормально, а у других то наверное будет смотрется коряво. |
| Отправлен: 06.02.2006, 11:38 Вопрос задал: korsar (статус: Посетитель) Всего ответов: 8 Мини-форум вопроса >>> (сообщений: 2) |
| Отвечает: Straight Здравствуйте, korsar! Коллега, Вы затронули поистине болезненную тему! Это поистине великое исскусство - не в техническом плане, а скорее в плане дизайна. Большинство делают просто: сайт с фиксировнной шириной 780. В результате показывается у всех, но владельцы широких мониторов видят контент на рулоне туалетной бумаги ;). А вот у "тянущегося" сайта есть вечная проблема с версткой: каждую страницу нужно сверстать так, чтобы у нее ничего не корявилось при изменении ширины - не вский сумеет. |
| Ответ отправил: Straight (статус: 7-ой класс) Отправлен: 06.02.2006, 12:02 Оценка за ответ: 5 Комментарий оценки: Что-то я не совсем понял как это реализовать "сайт с фиксировнной шириной 780"? |
| Отвечает: Валиев Наиль Рафикович Здравствуйте, korsar! Здравствуйте, korsar! Фигня это все. Все будет нормально разрешение экрана может и имеет значение, если Ваша страница вести десятки мегабайт (тяжелая графика) Но врятли Вы расчитываете на посетителей со сверхвысоким интернетом Приложение: |
| Ответ отправил: Валиев Наиль Рафикович (статус: 4-ый класс) Отправлен: 06.02.2006, 13:19 Оценка за ответ: 1 Комментарий оценки: >>разрешение экрана может и имеет значение, если Ваша страница вести десятки мегабайт (тяжелая графика) Это что за бред!? |
| Отвечает: Jack Насколько мне известно, сейчас в основном используют вёрстку сайтов таблицами (масштабирование в процентах от экрана пользователей), блоками слоёв и совмещение обоих способов. Также можете внутри своих страниц использовать проверку, например, ява-скриптами параметров пользовательской консоли, в том числе и размера его экрана, и в зависимости от полученных значений формировать выдаваемую страницу. Для проверки, как будет выглядеть созданная страница, можете временно изменить у себя разрешение экрана на другое и в соответствии с увиденным исправить код страницы. Если ноутбук не позволяет выставлять разрешения, близкие к общепринятым, - 800x600, 1024x768, 1280x1024..., то попросите человека, имеющего другой монитор, какое-то время консультировать вас, например, по аське, о выводимой странице. Хотя, как показывает практика, вёрстка таблицами в процентах от экрана в большинстве случаев даёт приемлемый результат на разных разрешениях. --------- Per Aspera Ad Astra! |
| Ответ отправил: Jack (статус: Студент) Отправлен: 06.02.2006, 14:43 Оценка за ответ: 5 |
| Отвечает: Демьянчук Виталий Здравствуйте, korsar! Если Вы работаете с табличным макетом страницы, то я предлагаю ширину таблиц указывать с фиксированными размерами, т. е. в пикселях. Пример смотри в приложении. Пример реализации сайта с фиксированных размером таблиц смотри здесь: http://home.onego.ru/~vitalik.d/ Удачи! Приложение: |
| Ответ отправил: Демьянчук Виталий (статус: Студент) Отправлен: 06.02.2006, 14:58 |
| Отвечает: spider Здравствуйте, korsar! Net vobsheto browser sam meniaet sait po rasreshenie ekrana! poprobui! stavi sebe razrishenie naprimer 800x600 i zaidi posmotri! --------- Vse ili nicevo (Iziki programirovanie) |
| Ответ отправил: spider (статус: 10-ый класс) Отправлен: 06.02.2006, 16:14 |
| Отвечает: Лучников Юрий Владимирович Здравствуйте, korsar! Ответ прост - избегать использования абсолютных координат, а использовать относительные (в %-ах). Успехов! |
| Ответ отправил: Лучников Юрий Владимирович (статус: Студент) Отправлен: 06.02.2006, 17:49 |
| Отвечает: Lector Здравствуйте, korsar! просто выставляйте все размеры в процентах --------- Хочешь помочь старику - сделай вместо него. Хочешь помочь новичку - сделай вместе с ним. Хочешь помочь мастеру - отойди и не мешай, а хочешь помочь дураку - сам дурак. |
| Ответ отправил: Lector (статус: Студент) Отправлен: 07.02.2006, 00:26 |
| Отвечает: Makar-off V.M. Здравствуйте, korsar! При позиционировании элементов используйте в javascript screen.width(ширина экрана в пикселях) screen.height(высота); |
| Ответ отправил: Makar-off V.M. (статус: 4-ый класс) Отправлен: 07.02.2006, 02:57 |
| Вопрос № 34.852 |
|
Здравствуйте уважаемые знатоки HTML! Подскажите мне пожалуйста, как правильно вырезать форму поиска, которую я сделал в фотошопе. То есть как вставить строку поиска в центр рисунка? Резать рисунок на 3 строки, в каждой строке по 3 ячейки - получается такая матрица 3х3 - в центральной ячейке строка с кнопкой поиска, а вокруг нарезанные куски рисунка? Или есть более практичный способ? Мои рисунки я показал вот здесь: http://arti.h15.ru/l/vopros.html |
| Отправлен: 06.02.2006, 13:12 Вопрос задал: Arti (статус: Посетитель) Всего ответов: 5 Мини-форум вопроса >>> (сообщений: 4) |
| Отвечает: Валиев Наиль Рафикович Здравствуйте, Arti! Для макетирования страницы попробуйте использовать павер пайнт Приложение: |
| Ответ отправил: Валиев Наиль Рафикович (статус: 4-ый класс) Отправлен: 06.02.2006, 13:21 |
| Отвечает: Дмитрий Иванов Здравствуйте, Arti! самый удобный так как позволяет динамически менять размер не переделывая заново графику: сохрани 4 угла и по 1px на 'толщина линии' - от всеx сторон. фон таблицы сделаешь как у тебя в графике углы ставишь в таблицу как img, а мелкие части как background - это позволит им в далнейшем расширяться или удлинняться в зависимисти от твоих потребностей. --------- ставя оценку - подумай, может ты не все описал |
| Ответ отправил: Дмитрий Иванов (статус: Практикант) Отправлен: 06.02.2006, 13:39 |
| Отвечает: Демьянчук Виталий Здравствуйте, Arti! Строку поиска можно вставить только посредством языка html (тег <input type="text"), поэтому я предагаю разрезать это изображение на части и вставить в таблицу с невидимыми рамками (border="0"). Другого способа я нигде не встречал. Удачи! --------- Нет предела совершенству! |
| Ответ отправил: Демьянчук Виталий (статус: Студент) Отправлен: 06.02.2006, 14:58 |
| Отвечает: spider Здравствуйте, Arti! esti mnogo sposobov: 1. di nelish nicevo stavish risunok kak background taga div ili iceike tablitze td s align=center valign=center a sama forma v tzentre! 2. <img src="form1.jpg"><img src="form2.jpg"><img src="form3.jpg"><br> <img src="form4.jpg"><img src="form5.jpg"><img src="form6.jpg"><br> <img src="form7.jpg"><img src="form8.jpg"><img src="form9.jpg"><br> <form method="" action="" style=""xposition:relative;top:-100;left:100">" <!--Tut nujno podobrat' coordonati--> <input name="search"> <input type=submit value="search"> </form> 3. (dumaiu samii lutshii sposob): <table border="0" style=""margin:0">" <tr><td background="form1.jpg" height="100" width="100"> </td> <td background="form2.jpg" height="100" width="100"> </td> <td background="form3.jpg" height="100" width="100"> </td></tr> <tr><td background="form4.jpg" height="100" width="100"> </td> <td background="form5.jpg" height="100" width="100" align="center" valign="center"> <form method="" action="" lt;input name="search"> <input type=submit value="search"> </form> </td> <td background="form6.jpg" height="100" width="100"> </td></tr> <tr><td background="form7.jpg" height="100" width="100"> </td> <td background="form8.jpg" height="100" width="100"> </td> <td background="form9.jpg" height="100" width="100"> </td></tr> </table> mesto width=100 height="100" stavish shirinu i dlinu risunka! --------- Vse ili nicevo (Iziki programirovanie) |
| Ответ отправил: spider (статус: 10-ый класс) Отправлен: 06.02.2006, 16:05 Оценка за ответ: 5 Комментарий оценки: очень интересно, но половину не понял из-за текста на латинице. Нет возможности описать подробнее на русском? |
| Отвечает: Makar-off V.M. Здравствуйте, Arti! На мой взгляд гораздо проще будет использовать div слои. Сначала поместить div слой с картинкой , а потом div слой со строкой поиска. Выглядеть это будет примерно так <div style=""" position: absolute; top:40;left:30;width:600;" ><img src=""> </div> </head> <body> <div style=""xposition:" absolute; top:40;left:300;width:600;">здесь расположишь твою строку споиском </div> Во втором теге div надо будет подобрать значения top и left, а в первом width задать ширину картинки так же эту задачу можно решить используя срезки но на мой взгляд через div слои проще |
| Ответ отправил: Makar-off V.M. (статус: 4-ый класс) Отправлен: 06.02.2006, 17:50 Оценка за ответ: 5 |
|
© 2001-2006, Портал RusFAQ.ru, Россия, Москва. Идея, дизайн, программирование: Калашников О.А. Email: adm@rusfaq.ru, Тел.: +7 (926) 535-23-31 Авторские права | Реклама на портале Версия системы: 4.14 (бета) от 09.02.2006 |
|
| Subscribe.Ru
Поддержка подписчиков Другие рассылки этой тематики Другие рассылки этого автора |
Подписан адрес:
Код этой рассылки: inet.webbuild.faqhtml Архив рассылки |
Отписаться
Вебом
Почтой
Вспомнить пароль |
| В избранное | ||
