|
|
| Автор |
Сообщение |
Konstantin73
Новенький
Зарегистрирован: 18.09.2006
Сообщения: 51
Откуда: г.Ульяновск
|
|
 |
|
Здравствуйте, по созданию сайтов в интернете не много, а очень много различной информации, я потратил много времени и трафика, и часть информации нашел, но хотелось бы узнать, может кто-то может посоветовать новичку хорошую книгу или ссылку по теме “Дизайн многобраузерного сайта с динамически расширяющимися полями под размер экрана, используя при верстке тег Div (не таблицы)”. А то создается впечатление, что доступность сайта и его простота понятия неразделимые, таблицы считаю нужно использвать по их прямому назначению.
И еще, если не сложно, покритикуйте меня, пожалуйста (мой сайт) http://www.invest-inform.ru в ближайшее время буду создавать новый, хочется учесть ошибки. |
|
| Вернуться к началу |
|
 |
den
Старожил
Зарегистрирован: 31.01.2006
Сообщения: 13870
Откуда: Кировоград, Украина
|
|
|
|
Из того, что бросается в глаза:
- Убрать желтый
- поработать над стилями
- переделать эмплемму в центе сайта - с "молниями"
- перерисовать лого компании - видно они сканированное и немного размыто
- читать текст в окошке неудобно - пусть он будет развернут на все окно браузера |
|
| Вернуться к началу |
  dhsilabs@jabber.ru |
|
|
Konstantin73
Новенький
Зарегистрирован: 18.09.2006
Сообщения: 51
Откуда: г.Ульяновск
|
|
|
|
Большое спасибо  |
|
| Вернуться к началу |
|
|
den
Старожил
Зарегистрирован: 31.01.2006
Сообщения: 13870
Откуда: Кировоград, Украина
|
|
|
|
| Пожалуйста! |
|
| Вернуться к началу |
| dhsilabs@jabber.ru |
|
|
Лиза
Новенький
Зарегистрирован: 10.07.2008
Сообщения: 35
|
|
|
|
| Здравствуйте! Скажите, пожалуйста, можно ли сделать так, что бы при уменьшении окна браузера уменьшалось и всё содержимое сайта? |
|
| Вернуться к началу |
|
|
jeder
Почетный флеймер
Зарегистрирован: 08.06.2007
Сообщения: 1387
|
|
|
|
| Цитата: |
Здравствуйте! Скажите, пожалуйста, можно ли сделать так, что бы при уменьшении окна браузера уменьшалось и всё содержимое сайта?
|
Можно, чтобы сайт подстраивался под размер окна добавьте в body, либо в в div, или table, всё зависит от вашего дизайна, параметр width: 100% - тогда сайт будет растягиваться и сжиматься, стараясь занять весь размер окна, и также будет подстраиваться под него. |
|
| Вернуться к началу |
|
|
Tuxik
Тяпницо
Зарегистрирован: 02.07.2007
Сообщения: 1521
|
|
|
|
| ИМХО, width лучше устанавливать фиксированного размера, иначе возвожны глюки в разных браузерах. Кстати, огненный лис отлично справляется с нормальным отображением, а вот для оперки и ослика приходится возиться. |
|
| Вернуться к началу |
|
|
Лиза
Новенький
Зарегистрирован: 10.07.2008
Сообщения: 35
|
|
|
|
| Спасибо за ответы! |
|
| Вернуться к началу |
|
|
jeder
Почетный флеймер
Зарегистрирован: 08.06.2007
Сообщения: 1387
|
|
|
|
Лиза, пожалуйста.
| Цитата: |
width лучше устанавливать фиксированного размера
|
При %-ном значении надо просто правильно и аккуратно вести вёрстку и всё будет отлично в любых браузерах |
|
| Вернуться к началу |
|
|
Tuxik
Тяпницо
Зарегистрирован: 02.07.2007
Сообщения: 1521
|
|
|
|
| %-ое соотношение хорошо тем, что для разных расрешений моника весь экран заполняется пропорционально. Но это справедливо только в отношении текста. Согласись, что некрасиво когда, например, менюшки плывут и др. элементы управления. Их нужно делать фиксированного размера, а остальное можно в %-ах. Но тут-то и начинаются траблы. Проще всего сделать фиксированного размера под разрешение 800х600 (наверное, мониторов с более низким разрешением в природе уже нет), но при более высоких разрешениях появляется много свободного места, которое жалко оставлять без дела... |
|
| Вернуться к началу |
|
|
Julia
Участник тусовки
Зарегистрирован: 28.01.2009
Сообщения: 385
Откуда: Россия
|
|
|
|
Сделала сайт на основе таблицы. Посмотрев в браузере, увидела, что шапка таблицы (width=100%) растягивается меньше, чем контентная ячейка. Могу ли я что-либо изменить или придется переделать таблицу, оставив контент? Ничего не сохраняется после редактирования.
| jeder писал(а): |
| Цитата: |
Здравствуйте! Скажите, пожалуйста, можно ли сделать так, что бы при уменьшении окна браузера уменьшалось и всё содержимое сайта?
|
Можно, чтобы сайт подстраивался под размер окна добавьте в body, либо в в div, или table, всё зависит от вашего дизайна, параметр width: 100% - тогда сайт будет растягиваться и сжиматься, стараясь занять весь размер окна, и также будет подстраиваться под него. |
_________________
Первый блин комом, второй - eкзeшником! |
|
| Вернуться к началу |
|
|
олег алексеевич
Тысячник
Зарегистрирован: 18.01.2009
Сообщения: 1365
Откуда: ua Кропивницкий
|
|
|
|
Julia
кинь код шапки на форум.
_________________
помощь в личку платно.Удалю вирус,шелл с сайта Джумла, Битрикс .
Создам плагин , модуль под заказ для VirtueMart , JoomShopping |
|
| Вернуться к началу |
|
|
Tuxik
Тяпницо
Зарегистрирован: 02.07.2007
Сообщения: 1521
|
|
|
|
Может там ячейка затесалась.
Не зная кода, не суйся в quote ))) |
|
| Вернуться к началу |
|
|
Julia
Участник тусовки
Зарегистрирован: 28.01.2009
Сообщения: 385
Откуда: Россия
|
|
|
|
| олег алексеевич2 писал(а): |
Julia
кинь код шапки на форум. |
Я Вам кину весь код страницы, остальные на этой же основе.
Этот код дает нормальное отбражение (есть фон):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="keywords" content="объявления о продаже, книги, экономика, финансы, маркетинг, экономическая география, менеджмент, аудит, право, Психология, социология, политология, математика, статистика, информационные технологии, лингвистика, философия">
<meta name="description" content="Сайт частных объявлений о продаже книг и учебников">
<title>Сайт объявлений о продаже книг.</title>
<style type="text/css">
<!--
-->
</style>
<link href="Styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.header {
font-size: 36px;
color: #FF00FF;
}
-->
</style>
</head>
<body>
<table width="120%" border="0" cellpadding="5" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="37" colspan="2" valign="top"><h1 align="center" class="header" bgcolor="#00FFFF">Продаю книги и софт</h1></td>
</tr>
<tr>
<td width="108" height="663" bgcolor="#FFCCFF" valign="top"><p><span class="Content">Книги по разделам</span>:</p>
<p class="Links"><a href="Index.html?quot; name="Main" target="_self" class="Links">Главная</a></p>
<p class="Links"><a href="Economics.html?quot; name="FirstPage" target="_blank" class="Links">Экономика, финансы</a></p>
<p class="Links"><a href="Marketing.html?quot; name="SecondPage" target="_blank" class="Links">Маркетинг</a></p>
<p class="Links"><a href="Econgeography.html?quot; name="ThirdPage" target="_blank" class="Links">Экономическая география</a></p>
<p class="Links"><a href="Manage&organize.html?quot; name="FourthPage" target="_blank" class="Links">Менеджмент</a></p>
<p class="Links"><a href="Audit.html?quot; name="FifthPage" target="_blank" class="Links">Аудит</a></p>
<p class="Links"><a href="Laws&rights.html?quot; name="SixthPage" target="_blank" class="Links">Право</a></p>
<p class="Links"><a href="Humanities.html?quot; name="SeventhPage" target="_blank" class="Links">Психология, социология, политология</a></p>
<p class="Links"><a href="Maths&stat.html?quot; name="EighthPage" target="_blank" class="Links">Математика и статистика</a></p>
<p class="Links"><a href="IT.html?quot; name="NinethPage" target="_blank" class="Links">Информационные технологии</a></p>
<p class="Links"><a href="Linguistics.html?quot; name="TenthPage" target="_blank" class="Links">Лингвистика</a></p>
<p class="Links"><a href="Phylosophy.html?quot; name="EleventhPage" target="_blank" class="Links">Философия</a></p> </td>
<td width="503" height="663" valign="top" background="images/Background.png" bgcolor="#FFDFFF"><p class="header" align="center">Сайт объявлений о продаже книг booksell.ru. </p>
<p class="Content" align="center">Книги нужны нам всегда. Мы учимся, сдаем экзамены, работаем... Даже если мы находимся дома, получение знаний является неотъемлемой частью нашей жизни. Знания не могут устареть, стать ненужными. В наше нестабильное время крайне важно знать, что делается в окружающем нас мире. В этом нам помогают книги и периодические издания. Меняется все, включая IT-инфраструктуру предприятий, составляющую основу деятельности многих из них. Меняются экономические и финансовые реалии нашей жизни. Финансовый кризис усложняет работу предприятий, затрудняет взаимодействия между ними. Часто на это накладываются политические проблемы в нашем и в других, в т.ч. сопредельных государствах. Общественная жизнь также претерпевает изменения. Принимаются новые законы, регулирующие наше функционирование в обществе, вносятся измения в существующие. В сложившихся условиях ценность знаний возрастает. </p>
<p class="Content" align="center">Если вам нужны книги, добро пожаловать на страницы нашего сайта. Здесь вы сможете найти не только книги по разным областям знания, но и полезные ссылки на другие Интернет-ресурсы. Удачных вам покупок.</p>
<p align="center" class="Content style2"><span class="address">По вопросам приобретения имеющихся на сайте книг обращайтесь: <a href="mailto:dinadrake@mail.ru">dinadrake@mail.ru</a> , ICQ: 374042796 (Юлия)</span></p>
<p > </p>
<p ><span class="Adds"><span class="AddLink">Заинтересовала Linux?</span> <span class="AddLink">Хотите повысить эффективность своего бизнеса, сэкономив время и деньги? Добро пожаловать в</span></span> <a href="www.linuxcenter.ru" title="Мир Linux" target="_blank" class="Links" /r_126711>ЛинуксЦентр</a><span class="AddLink">!</span><span class="style3"><span class="style1"><span class="AddLink"> Настоящий центр Unix и Linux-систем! Огромный</span> <span class="AddLink">выбор</span></span></span> <a href="http://www.linuxcenter.ru/shop/distros/" title="Дистрибутивы систем" target="_blank" class="Links" /r_126711>дистрибутивов</a> <span class="AddLink">и</span> <a href="http://www.linuxcenter.ru/lib/books/" title="Книги и руководства" target="_blank" class="Links">литературы</a><span class="style1"><span class="AddLink">, техническая поддерка, монтаж сетей и серверов с миграцией на Unix</span></span> <a href="http://www.linuxcenter.ru/service/" /r_126711 title="Сервис для фирм" target="_blank" class="Links" >фирмам<span class="Content">,</span> </a><a href="http://www.linuxcenter.ru/shop/training/" /r_126711 title="Обучение Linux " target="_blank" class="Links">дистанционное и очное обучение </a><span class="AddLink">. В ЛинуксЦентре также можно найти</span> <a href="http://www.linuxcenter.ru/shop/embedded/" /r_126711 title="Устройства с Linux" target="_blank" class="Links">устройства, работающие под управлением Linux</a><span class="AddLink">, свободный софт для </span><a href="http://www.linuxcenter.ru/shop/linux-software/" /r_126711 title="Софт для Linux" target="_blank" class="Links" >Linux</a> <span class="AddLink">и для</span> <a href="http://www.linuxcenter.ru/shop/opensource_software_windows/" /r_126711 title="СПО для Windows" target="_blank" class="Links" >Windows</a><span class="AddLink">,</span> <a href="http://www.linuxcenter.ru/shop/electr/magazine/" title="Журналы" target="_blank" class="Links"/r_126711>периодику</a> <span class="AddLink">для IT-специалистов и работников IT-инфраструктуры предприятия и многое другое! Большой выбор товаров и услуг для повышения эффективности вашего предприятия! </span></p>
<p > </p>
<p>Литературу о ПК и информационных технологиях можно также найти <a href="http://www.ozon.ru/context/catalog/id/12256/" title="Книги о ПК" target="_blank" class="Links" /?partner= "www.booksell.ru">здесь</a></p></td>
</tr>
<tr>
<td height="41" colspan="2" bgcolor="#FFCCFF"><p class="Bottom" align="center">© Юлия Сенчина. Вопросы о работе сайта к <a href="mailto:dinadrake@mail.ru">WEB-мастеру</a>.</p>
</td>
</tr>
</table>
</body>
</html>
А этот - узкую шапку и широкий контент:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="keywords" content="объявления о продаже, книги, экономика, финансы, маркетинг, экономическая география, менеджмент, аудит, право, Психология, социология, политология, математика, статистика, информационные технологии, лингвистика, философия">
<meta name="description" content="объявления о продаже книг и учебников по аудиту">
<title>Продаю книги и учебники 1990-х гг. издания</title>
<link href="Styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.subheader {
font-size: 16px;
font-family: "Times New Roman", Times, serif;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FF00FF;
}
.header {
font-size: 36px;
color: #FF00FF;
}
-->
</style>
</head>
<body>
<table width="141%" border="0" cellpadding="5" cellspacing="0" bgcolor="#00FFFF">
<!--DWLayoutTable-->
<tr>
<td width="100%" height="44" align="center"><p class="header">Продаю учебники и книги.</p>
<p class="subheader">Аудит. </p></td>
</tr>
</table>
<table width="742" border="0" cellpadding="5" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="108" height="202" valign="top" bgcolor="#FFCCFF"><p><span class="Content">Книги по разделам</span>:</p>
<p class="Links"><a href="Index.html?quot; name="Main" target="_blank" class="Links">Главная</p>
<p class="Links"><a href="Economics.html?quot; name="FirstPage" target="_blank" class="Links">Экономика, финансы</a></p>
<p class="Links"><a href="Marketing.html?quot; name="SecondPage" target="_blank" class="Links">Маркетинг</a></p>
<p class="Links"><a href="Econgeography.html?quot; name="ThirdPage" target="_blank" class="Links">Экономическая география</a></p>
<p class="Links"><a href="Manage&organize.html?quot; name="FourthPage" target="_blank" class="Links">Менеджмент</a></p>
<p class="Links"><a href="Audit.html?quot; name="FifthPage" target="_blank" class="Links">Аудит</a></p>
<p class="Links"><a href="Laws&rights.html?quot; name="SixthPage" target="_blank" class="Links">Право</a></p>
<p class="Links"><a href="Humanities.html?quot; name="SeventhPage" target="_blank" class="Links">Психология, социология, политология</a></p>
<p class="Links"><a href="Maths&stat.html?quot; name="EighthPage" target="_blank" class="Links">Математика и статистика</a></p>
<p class="Links"><a href="IT.html?quot; name="NinethPage" target="_blank" class="Links">Информационные технологии</a></p>
<p class="Links"><a href="Linguistics.html?quot; name="TenthPage" target="_blank" class="Links">Лингвистика</a></p>
<p class="Links"><a href="Phylosophy.html?quot; name="EleventhPage" target="_blank" class="Links">Философия</a></p></td>
<td width="124" bgcolor="#FFDFFF" valign="top" class="Content"><p><img src="images/Audit.png" alt="Аудит" width="114" height="136"></p>
<p><img src="images/Auditstds.png" alt="Стандарты аудита" width="115" height="148" align="middle"></p></td>
<td width="69%" bgcolor="#FFDFFF" class="Content"><p><span class="Article">Аудит.</span> Учебник под ред.В.И.Подольского. Рассматриваются теоретические основы аудита и контроля, формы и методы деятельности аудиторских фирм, правила (стандарты) аудита, нормативные документы, регулирующие аудит в России, международные нормативные документы. Значительное внимание уделено методике проведения аудиторской проверки различных операций и работ в сфере финансово-хозяйственной деятельности предприятия. Изд-во "ЮНИТИ-ДАНА", 2001 г. <span class="Article">Цена: 212 р. </span></p>
<p> </p>
<p><span class="Article">Н.А.Ремизов. Правила (стандарты) аудиторской деятельности.</span> Во введении к книге содержится анализ роли аудита в современном обществе, особенности технологии аудита как способа проверки финансово-хозяйственной деятельности экономических субъектов и его особенности в России на современном этапе. Описан ход создания и развития нормативной базы российского аудита за последние годы. Приведена справочная и библиографическая информация. Изд-во "ФБК-Пресс", 2000 г. <span class="Article">Цена: 111 р. </span></p>
<p>Более широкий выбор книг о бухгалтерском учете и аудите можно найти в <a href="http://www.ozon.ru/context/catalog/id/1090902/" /?partner="www.booksell.ru" title="Audit" target="_blank">Интернет-магазине Ozon </a></p></td>
</tr>
<tr>
<td height="1"></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="41" bgcolor="#FFCCFF" colspan="3" valign="top"><p class="Bottom" align="center">© Юлия Сенчина. Вопросы о работе сайта к <a href="mailto:dinadrake@mail.ru">WEB-мастеру</a>.</p></td>
</tr>
</table>
</body>
</html>
В чем здесь дело? Где ошибка и чья?
_________________
Первый блин комом, второй - eкзeшником! |
|
| Вернуться к началу |
|
|
den
Старожил
Зарегистрирован: 31.01.2006
Сообщения: 13870
Откуда: Кировоград, Украина
|
|
| Вернуться к началу |
| dhsilabs@jabber.ru |
|
|
|
|
|
Главная страница сайта
|
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
|
|
Темы
Альбом
Регистрация
Профиль
Войти и проверить личные сообщения
Вход
