Jump to content

Searcher

User
  • Posts

    2,577
  • Joined

  • Last visited

  • Days Won

    3

Everything posted by Searcher

  1. С ограничением минимальной ширины у нижнего блока можно, например, так: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title>body_test</title> <style type="text/css"> /*def*/ * { margin: 0; padding: 0; } /*width*/ html, body { width:100%; height:100%; } /*tmp*/ body {background:#666;} .content {height:200px;width:800px;background:#999; } .a {position:absolute;top:0;right:0;width:40px;height:40px;background:#d55;} .b {height: 100px; background: #eee; min-width:800px; width:100%;} * html .in {padding-left:800px;} * html .min {margin-left:-800px; position:relative;} * html .in, * html .lay, * html .min {height:1px;} </style> </head> <body> <div class="content">content</div> <div class="a">a</div> <div class="b"> <div class='in'> <div class='lay'> <div class='min'>b</div> </div> </div> </div> </body> </html>
  2. iframe но лучше использовать java script, в jquery есть готовые решения.
  3. Searcher

    Фреймы

    Читайте внимательнее про тэг frame У вас ошибка, нет параметра scr. Есть src.
  4. Все он правильно делает. Указано 100%, он и размещает на всю ширину окна. Ведь 100% считается от родительского элемента. А зачем указывать 100% если нужно 800px? Ничего не понятно... Укажите в min-width 800px, тогда минимальный размер будет 800px. IE6 не понимает этого, но есть приемы, позволяющие его урезонить. Например путем отрицательных маргинов или при помощи expression. Зачем position: relative; и float:left для боди? Мудрено и бесполезно. Если вы делаете фиксированный размер, так и делайте все фиксированным. А если резиновый, тогда все должно тянуться. Ну, кроме блока а.
  5. Не смешивайте дизайн и веб-дизайн. Между ними пропасть. А от веб дизайна до художника еще дальше. Тут из вашего багажа знаний и умений пригодится только понимание гармонии цветов. Веб-дизайн вырос из типографики, оформления книг и прочей печатной продукции. Когда вы берете в руки книгу, вы всегда знаете, где оглавление, где аннотация, вам легко читать текст, потому что он контрастен, разбит на абзацы, параграфы и т.п. В веб-дизайне также действуют четкие правила структурирования и оформления текста, картинок и прочего содержимого аналогичные типографике. Все эти правила направлены на то, чтобы посетителю легче было воспринимать информацию. Посетитель ленив и ему надо все и сразу преподносить на блюдечке с голубой каемочкой. Тут более важны знания психологии, чем художественные навыки. И вам как начинающему веб-дизайнеру для начала нужно усвоить все это. Дизайн вашего сайта существует только ради дизайна, и удобства посетителю он не добавляет, а только мешает. Не перегружайте мозг посетителя, он этого не любит, и легко уйдет с вашего сайта даже не посмотрев галерею. Попорядку. Во-первых обозначте четко цель сайта. От этого и будет строиться оформление. В вашей ситуации цель - показать и продать картины. Значит все, что этого касается должно сразу бросаться в глаза посетителю. На вашем фоне картины еще надо поискать. Значит фон должен быть светлее, чтобы картины выделялись. Где оглавление? В веб-дизайне оглавление - это меню. Посетитель должен всегда видеть то, где он находится, в каком разделе сайта и иметь возможность легко попасть в любой другой раздел, он так привык и ему так удобно. Меню должно быть логичным, должно быть на всех страницах одинаково оформлено и находиться на одном и том же месте. Это закон. Хотя бывают и исключения. Структура сайта вообще не понятна. Это ни кому из посетителей не понравится. Что на этом сайте главное? Конечно галерея картин. Вы же картины хотите показать и продать, а не свои имена и фамилии. Фактически, это магазин с элементами выставки. Так почему на первой странице так ярко выделено и находится фактически вертикально в центре название сайта с вашими именами, а до галереи надо еще крутить, к тому же её еще трудно отличить от фона и горы баннеров внизу? Почему самое главное находится в самом низу, а ваши имена и фамилии на самом видном месте? Это же магазин. Любой магазин на самое видное место выставляет свой товар, иначе народ толком не сможет найти то, что ему нужно и пойдет в другой магазин. Сайт - не картина, здесь не нужно такого буйства красок. Это только мешает посетителю. Все должно быть лаконично. Одинаковые по смыслу элементы должны быть одного цвета, важные элементы должны сильно контрастировать по сравнению со второстепенными, это поможет пользователю ориентироваться и вы заслужите его уважение. Вообще, по практике, больше 4-х цветов на странице не стоит использовать. Иначе у посетителя разбегаются глаза. Не центрируйте текст больше одной строки. Неудобно читать. Это уже давно проверенный факт. Оформление не должно занимать больше места чем само содержимое. Не за оформлением пришел посетитель. Баннеров и рекламы черезчур много! 25 баннеров! Ужас! Вы что, рекламная компания? Вобщем я уже устал копаться... Веб-дизайн совершенно бездарный. И ваше категоричное и высокомерное "Но насчет возврата к набору картинок -нет" выглядит в этом контексте смешно. Вы просто не знаете элементарных основ юзабилити. А вот картины ваши мне понравились.
  6. Что-то вы намудрили... Зачем для боди такое извращение? не совсем понятно, что вы хотите от блока b? что значит 100% от ширины всей страницы? А какой ширины страница?
  7. эм... Влад, он же рисунок выложил...
  8. это IE6 как всегда своевольничает... ну плюньте на него в FF нормально все.
  9. Шапка что-то никак с разработкой сайтов не ассоциируется, самый избытый образ мегаполиса слишком о многом может говорить, а график "до нас - с нами" больше ассоциируется с соц.соревнованием Цвет фона подвала немного выбивается из общей идеи... Может его сделать светлее... Или фон, как в шапке сделать... Не знаю пока, но что-то режет глаз. Почему "контакты" и "обратная связь" в подвале? Чтобы труднее было связаться? А копирайтов то сколько, мама родная! Да еще и разных лет, нашлепаны как штампы, один ниже, другой выше... Кстати, может и нарисовать копирайт в виде штампа... Ну это так, шальная мысль... Остальное вполне прилично.
  10. еще вариант: так круче выглядит
  11. Насколько из этого кода можно судить вы табличку вставили в другую табличку. Но вставили, похоже, между строками. Нельзя ничего вставлять после закрывающего строку тэга </tr>. Либо новая строка с ячейками того же количества что и в предыдущей строке <tr><td</td>...</tr> либо конец таблицы </table>. А вложенную таблицу можно вставлять только в ячейку между <td> и </td> Можно объединять столбцы если надо вставить что-то большое параметром colspan. Вы нарисуйте себе на бумажке всю структуру таблиц со вложенностями, как в вашем коде. Там сразу и увидите что и какую ячейку распирает. Или где-то лишняя ячейка вылезла. Или как сейчас, вложенная таблица разрывает строки. А вообще, старайтесь избавляться от мощных таблиц. Особенно там, где таблица используется не по назначению. У вас вся верстка на таблицах - это плохо. И размер документа увеличивается, и разобраться в коде сложно, в том числе и броузеру Таблица должна использоваться только для табличных данных. Это ведь логично, а в программировании все должно быть логично
  12. хм... .htaccess не менял, как был на старом хостинге, так и остался. Покопаюсь в нем, может о он как-то повлиял...
  13. Раньше не имел дела с настройкой серверов. Так что в этом я новичек. Перенес сайт на хостинг от hostingru.net. На старом хостинге все работало, а тут не видит файлов по относительным ссылкам от текущего файла, например: "images/img.gif" или "config.php". Причем и в PHP и в HTML такие ссылки не работают. От корня сайта работают ("/images/img.gif"), абсолютные работают, а вот эти нет. Что нужно настроить, чтобы заработали все относительные ссылки?
  14. Влад, именно к гражданскому кодексу это имеет прямое отношение. Это называется "Авторское право" и оно охраняется законодательно (например, Гражданский кодекс РФ, часть 4.). Авторское право возникает в момент создания произведения искусства, дизайна, рисунка и т.п. А надпись copyright информирует о том, что этот объект и его содержимое охраняется авторским правом.
  15. Вы попытались объединить описание структуры и описание стилей. Прикольно, конечно, но логика тут другая. Стили описывают где будет находится и как будет выглядеть элемент с этим стилем, и это описание располагается в html-документе в разделе <head></head> или во внешнем файле и подключается этот файл тоже в разделе <head></head> тэгом <link>. А элементы описываются в теле html-документа, между тэгами <body> и </body>. читайте не ленитесь раздел "шаг за шагом" и разбирайте примеры, тогда быстрее все поймете, чем по ответам на форуме.
  16. Броузер понимает рисунки форматов gif, jpeg, png, ico. А что такое "рисунок телефона из Webdings" ?? это не рисунок, это символ шрифта. Для того чтобы в броузере увидеть символ из шрифта, надо выводить его именно этим шрифтом. Но есть проблема, у посетителя в системе может и не стоять такой шрифт, тогда броузер подбирает другое шрифт. И символ с этим кодом уже будет другим. Значек телефона надо нарисовать в графическом редакторе, сохранить в понятном броузеру формате и вставлять в документ тэгом <img>. А для того чтобы понять что там у вас с таблицей нужен ваш html-код. Почитайте раздел "шаг за шагом". Там все просто и с примерами объяснено и про таблицы и про изображения. Разберитесь в том как работают примеры, попробуйте повторить сами. Поймите саму логику html и css, тогда и проблем будет меньше.
  17. просто почитайте про массивы
  18. Что ж за книги такие вы читаете?! Где вы в книгах видели такое class=".meny"? Здесь имя класса должно быть без точки, а в описании стилей точка нужна чтобы обозначить то что это класс, а не тэг или идентификатор. Потом это: .meny a:link {color: red; text-decoration: none;} a:hover{color: red;text-decoration:underline;} .meny1 a:link {color: blue; text-decoration: none;} a:hover{color: blue;text-decoration:underline;}Подумайте логически. Первая строчка задала стиль всех ссылок внутри контейнера с классом meny. Вторая строка задала стиль ссылок когда к ним подведена мышка для всего документа, поскольку перед a:hover нет имени класса. Третья строка аналогично первой только для контейнера meny1. А четвертая строка опять задает стиль ссылок под мышью для всего документа. Вы явно хотели добиться не этого. Но как же дать понять броузеру что 2-ая и 4-ая строки относятся не ко всему документу а к контейнерам meny и meny1 соответственно? Ответте на этот вопрос. И почитайте про классы и про контекстные селекторы
  19. с классами стилей знакомы? .Спец.предложения img {border:2px black solid;} И для начала почитайте про классы и про контекстные селекторы
  20. Поисковики индексируют только то, что могут в текстовом виде прочесть в коде конечных страниц. Ни базы данных, ни javascript, ни php и т.п. они не могут индексировать. С закругление для шрифта, который у вас в заголовках проблемы. Поменяйте его лучше на Arial.
  21. Помню, дизайн этого сайта в первом варианте. Было лучше. Лишнее тут: отражение главного меню, фон левого меню, дергания пунктов левого меню, фон контента вообще не в кассу. В левом меню надо увеличить расстояние между строками. Иконки справа надо бы сделать немного тусклее, а при наведении мыши ярче - чтобы концепция дизайна была единой. Ссылки надо делать хотябы подчеркнутыми, либо выделить цветом отличным от основного текста. При изменении размеров окна меньше 1280х1024 контент спрыгивает под меню. Делайте либо min-width, либо полностью резиновый контент. Это же элементарный макет, что за баги верстки... Зачем у content float:right? Делаете у navigation жесткий width в em, а у content никаких width, просто указываете margin-left как у navigation и нет проблем. Верстка подвала в IE6 разваливается. Почему сайт становится фиксированным? Контент почему-то немного сползает вниз...
  22. есть еще возможная причина проблемы - 3-х пиксельный баг в IE6
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy