Searcher
-
Posts
2,577 -
Joined
-
Last visited
-
Days Won
3
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Searcher
-
как-то кому-то сделал для примера, времени полностью подгонять под задачу нет, но тут почти все, что нужно есть: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>site name</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <style> * { margin : 0; padding : 0; border : 0; } html, body { width: 100%; height:100%; overflow: hidden; } li { list-style-position: inside; } #main { position: relative; width: 80%; height: 100%; margin: 0 auto; border-left: 1px dashed black; border-right: 1px dashed black; } #header { background-color: #FFB; height: 100px; } #menu { background-color: #BFF; width: 200px; float: left; } #content { background-color: #FBF; position: absolute; top: 100px; right: 0; bottom: 0; left: 200px; overflow: auto; *height: expression(parentNode.offsetHeight - 100 + 'px'); *width: expression(parentNode.offsetWidth - 202 + 'px'); } </style> </head> <body> <div id="main"> <div id="header"> Шапка - каска :) </div> <div id="menu"> <p>Меню - шменю</p> <ul> <li><a href="">пункт 1</a></li> <li><a href="">пункт 2</a></li> <li><a href="">пункт 3</a></li> <li><a href="">пункт 4</a></li> <li><a href="">пункт 5</a></li> <li><a href="">пункт 6</a></li> <li><a href="">пункт 7</a></li> </div> <div id="content"> <p>Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент </p> </div> </div> </body> </html> Основная идея - указываем блоку с контентом, где должна появлятся прокрутка, координаты углов, а не высоту. Этот пример без футера, но футер сюда уже добавить - раз плюнуть. Нужно только указать нижнюю координату другой. И подправить заглушки для ИЕ.
-
маленькое дополнение: традиционно пунктирным подчеркиванием выделяются псевдо-ссылки, которые не загружают новых страниц.
-
здесь нужно использовать базу данных или файл, где будет хранится информация по категориям, и при обращении к странице будет считываться и выводится
-
Чтобы линки не открывались веером в разных окнах
Searcher replied to Dobo's topic in Tricks and solutions
как интересно советовать не понимая сути... почитайте внимательнее о тэге a в target указывается имя окна или закладки, куда будет загружаться ссылка. и не так важно будет это имя win2 или riunauleb. Главное, что если вкладка или окно с таким именем уже открыто, то новая ссылка, у которой target совпадает с именем этого окна, будет открываться в нем, а если нет такого окна или вкладки, то оно будет создано. помимо этого, target можно использовать не во всех стандартах. -
разные клиенты бывают, некоторые понимают... попытаться четко разъяснить все же стоит.
-
Заказчик, просто, не понимает, что многие параметры отображения зависят от браузера, ОС и т.п. Ему надо это популярно разъяснить, и все. А HTML и CSS не умеет управлять сглаживанием.
-
Понятие "плавающий" в веб-программировании имеет определенное значение. Плавающими блоками называют блоки со свойством float:right или left. В связи с этим, значение, в котором вы используете это слово не понятно. Ждем более конкретных объяснений, как должен выглядеть ненавязчиво плавающий фелш-банер, кроме как "теплое" и "мягкое"...
-
левая колонка вылазит по вертикали за div-контейнер
Searcher replied to Alatar's question in HTML Coding
Зачем создавать лишний элемент, если достаточно родителю добавить свойство overflow:hidden? -
Уважаемый автор сайта газеты КР! Будте проще в дизайне. Дизайн - это не дело вкуса, это четкие правила, основанные на типографике плюс немного творчества. Дизайн должен подчинятся принципам юзабилити. Дизайн не должен мешать воспринимать информацию, он , наоборот, должен помогать. Опишу пару принципов, важных в вашем случае. 1. Все оформление должно строится на одной цветовой гамме. Максимум 3 цвета и оттенки. Каждый цвет должен иметь смысловую нагрузку и отвечать за определенный вид элементов. Соответственно, яркость цветов отвечает за важность информации, которая выделается этим цветом. И отдельно о красном: психологическое восприятие этого цвета имеет негативный оттенок - опасность. У вас реклама психологически ассоциируется с опасностью... 2. Нельзя перегружать информационные сайты элементами оформления типа рамок, градиентов, скруглений и т.п. У вас сайт крайне перегружен толстыми рамками, да еще и красного цвета. Рамки фоны и другие элементы оформления если и есть, то не должны отвлекать от информации. Их нужно делать не сильно выделяющимися от фона, не такими контрастными как у вас. Меню еще можно ярким фоном выделить, но все остальное нет. Например, форму под меню достаточно будет сделать немного голубее и темнее фона. Уберите рамки в меню, в логитипе и рекламе. Сделайте вертикальные линии, например, серо-голубыми. Уберите этот ужасный фон в логотипе, оставьте его ровным светлым, как общий фон страницы. Со слоганом нужно сделать тоже самое. Про меню и форму с поиском я уже сказал... Фон под "Новости сайта и редакции" и т.п. сделайте ровным, а то не очень удобно читать надписи на таком фоне. И почему рамки у этих блоков только справа и снизу? Ощущение недоделанности. Либо добавьте еще и левую рамку, либо не делайте их вообще. Все блоки можно разделать отступами. И подвал будет достаточно выделить просто горизонтальной линией, а не фоном.
-
поместить таблицу в блок с display:none; а на кнопку или ссылку повесить смену свойства display на display:block;
-
левая колонка вылазит по вертикали за div-контейнер
Searcher replied to Alatar's question in HTML Coding
Плавающие блоки выходят из общего потока элементов. Их не видят другие блоки. Чтобы блок leftcolumn растягивал основной контейнер, задайте родителю (блоку column_container) overflow:hidden. -
понятно... такие баннеры меня вообще в бешенство приводят, хочется голову открутить тому, кто санкционирует такие штуки на нормальных сайтах.
-
мда... вы перемудрили... вы в фиксированную левую ячейку воткнули абсолютный див, который хотите тянуть за пределы ячейки... броузеры не должны адекватно это отображать. если хотите, чтобы картинка тянулась, то надо этот абсолютный див вставлять не в ячейку, а прамо в body сразу после открывающего тэга <body> и тоже не надо будет никаких там z-index. В этот див вставляете <img> задаете этому теэгу этой картинки в стиле position:absolute и, соответственно, 100% высоту и ширину. но при растягивании качество картинки будет сильно ухудшаться, так что советую тянуть не картинку а размножать правую красную часть.
-
а line-height не пробовали?
-
Не совсем понятно, чем fixed отличается от того, что вы хотите... Если вы хотите плавного перемещения блока, то css на это не способен, тут только JavaScript поможет.
-
Не padding-и, а margin-ы с левой стороны по суммарной ширине двух левых блоков, а с правой по ширине правого блока. А блоки с фиксированной шириной сделать плавающими или позиционировать абсолютно.
-
1. с png не дружит IE. 2. положить градиент фоном на внешний контейнер это значит, что не надо использовать z-index и класть картинку тэгом img а использовать свойство background: url(путь и имя картинки); для блока konteiner. Тогда и не будет возникать горизонтальная полоса прокрутки.
-
зеленый с голубым в вашей версии не сочетается. не надо столько рамок, лучше разделяйте заголовки и текст размерами жирностью и цветом шрифта. меню слева не надо делать в блоке с рамками и белым фоном, и текст в меню тяжело читать. что за странно нарезаная шапка? оставьте только текст, эта картинка вообще не подходит. для понимания направления движения посмотрите на качественный и современный дизайн школьного сайта
-
Информацию получает броузер и только он ею распоряжается. Как вариант, можно выводить ту же страницу, чтобы пользователь особо ничего не заметил, только добавить туда JavaScript (функция alert) чтобы вывести диалог с информацией.
-
чтобы не задавать глупых вопросов читаем про HTML и CSS
-
http://www.zakharov.ms/footer/
-
Да нормально все. Приятное цветовое исполнение все удобно и ничего не отвлекает от чтения. Мне нравится Побольше бы таких сайтов...
-
По отношению к пользователям это не совсем корректно, хотя бывают разные ситуации... Копайте в сторону события onload для body.
-
Копайте в сторону серверных скриптов PHP и фукции mail().
-
Если посетителю будет понятно, что это меню, то подчеркивать не обязательно. Но тут ИМХО как-то нет четкости понимания. Не уверен...