soot

Подскажите как сделать так чтобы при прокрутке странице блоки подгружали в разнобой или постепенно по мере скролинга. Например как тут http://www.yootheme.com/demo/joomla/square Если не в тот топик - просьба не карать =)

Исчерпывающе. В моем случае самый экономичный получился PNG 8 все примеры без прозрачности. Пример Вроде при использовании PNG-8 не отличается от оригинального изображения . Я всегда думал, что у png 8 нет прозрачности . У PNG 8 есть прозрачность ?

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

Да прописывал, я это везде и внутри input через style - не помогает. Как когда нажимаешь - это :focus я его убил сразу. А вот желтый фон в области не победить ни как средствами css. Я сделал так: <div id="log_input"> <input name="login_name" type="text" id="loginname" tabindex="1" onblur="if(this.value=='') this.value='Ваш логин'" onfocus="if(this.value=='Ваш логин') this.value=''" value="Ваш логин"/> </div> <div id="log_input"> <input name="login_password" type="password" id="loginpass" tabindex="2" onblur="if(this.value=='') this.value='И пароль'" onfocus="if(this.value=='И пароль') this.value=''" value="И пароль"/> </div> Вроде работает.

написано вот так. input:-webkit-autofill { background-color: black !important; border: 0px none; } Есть рабочий пример ? Во всех браузерах все нормально кроме Хрома.

А рабочий пример есть ? Готовое решение, на один input. background-color - что я ним только не делал. Вот есть не убиваемый класс, не могу его убить и перебить.

Как сделать так чтобы Chrome отображал input, как и все остальные браузеры. Все сделано просто. <div> <input> </div> У div фон задан. Не могу побороть - желтый цвет. Заранее благодарен за ответы.

Просто для интереса кто чем пользуется . Еще бы вспомогательные программы/дополнения бы узнать , типо FireBug или Dast Me Selectors и т.д. Поделится . Для меня как для новичка это актуально - возможно я найду более удобные решения для себя . Может быть даже ты найдешь что интересного .

Значит просто input заменить на <a> и все путем так !???

Попробовал использовать hover в форме кнопки в IE6 перекрывание не работает . <input onClick="doAddComments();return false;" name="submit" type="image" src="spacer.gif" class="kn"> Где spacer.gif прозрачная картинка 1*1 . .kn { background-image:url(send.png); background-position:left top; background-repeat: no-repeat; display: block; height: 23px; width: 100px; } .kn:hover { background-image:url(send.png); background-position:left -24px; background-repeat: no-repeat; display: block; height: 23px; width: 100px;} Это я что-то забыл или это не учтено в 6 версии !?

Давайте проведем опрос по всем редакторам !??? Мне дак интересно что пользуется популярностью кроме DW !!!

Я имел ввиду что по позициям только эта является исключением и то при ряде условий . Культура просто прет . reboot, вынеси отдельно в маленький документ с минимальным кол-вом стилей . Прогони через FireBug (поэксперементируй) , через валидатор так же посмотри . Удали кеш на IE . И все прошло нормально , то посмотри , что получилось. hidden - должен работать у меня работает .

IE - это хоть и ошибка природы , но на него в первую очередь нужно ориентироваться - много больно его как основной его используют люди . Хорошо хоть , то что если IE прочитает нормально ,то как правило другие браузеры будут нормально отображать . IE понимает , есть только : reboot - ищи ошибки в коде запятые и т.д. + грамматические .

Уже разобрался в скрипте было дело . по поводу 2 я имею в виду м/у: <style type="text/css" media="all"> @import url(css/style.css); </style> и <link href="css/style.css" rel="stylesheet" type="text/css" /> Еще есть вопрос : Как выровнять текст, чтобы он был ровно на одном уровне с картинкой/иконкой , вот примерно код : <div class="n_bar_lf"> <img class="imgcnt"src="1.png" width="15" height="15" /> <b>Текст</b> <img class="imgcnt"src="2.png" width="15" height="15" /> <b>текст</b> </div>

Нашел решение следующие : <html> <head> <title>Вертикальное выравнивание</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .valign{ height:200px; background-color:#fcc; display:table-cell; /* для не IE */ line-height: expression(this.offsetHeight + "px"); /* для IE */ behavior: expression(!this.extra ? this.extra = this.innerHTML = '<span></span><p>' + this.innerHTML + '</p>' : ''); /* для IE */ } .valign, .valign p{ vertical-align:middle; /* здесь выравниваем текст по вертикали */ } /* для IE */ .valign p{ line-height:normal; display:inline; } /* для IE */ .valign *{ zoom:1; /* Важно! Устанавливаем hasLayout = true */ } </style> </head> <body> <div class="valign"> Сёги – самая популярная настольная игра в Японии – стране, которая считается Меккой интеллектуальных развлечений, где бережно сохранена целая россыпь замечательных логических игр. И если го, рендзю, отелло широко распространились в мире, то сёги, окончательно сформировавшиеся в XIV веке, до сих пор почти неизвестны за пределами Страны восходящего солнца. Происходит это из-за того, что сёги по происхождению и типу подобны шахматам, занимающим особое место в европейской культуре. Однако сёги это не просто «разновидность шахмат», это одна из старейших интеллектуальных игр, главнейшая особенность которой заключается в том, что захваченные фигуры могут возвращаться на доску на стороне сбившего их игрока. </div> </body> </html>

У всех такой способ работает !? У меня что-то не отображается сама надпись которую нужно центровать Может в коде ошибка !? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> <style type="text/css"> #container { width : 300px; height : 300px; border : 1px solid green; } #inner { height : 100%; width : 100%; display : table; text-align : center; overflow : hidden; } #message { display : table-cell; vertical-align : middle; } </style> <!--[if IE]> <style type="text/css"> #inner { top : 50%; position : absolute; } #message { top : -50%; position : relative; } </style><![endif]--> </head> <body> <div id="container"> <div id="inner"> <div id="message">String with vertical and horizontal alignment</div> </div> </div> </body> </html>

Есть разница м/у вариантами подцепления внешней таблицы стилей : -импортировать -обычная ссылка Если в документе есть java script menu ( даже их там три ) ??? Теряется форматирование одного объекта если стиль выношу в отдельный файл ( а в частности уголки не закругляются , но скрипты не закругляют картинку на ней и так они закруглены ) Удалось вычислить конкретный класс , имеет следующие значения форматирования: .название { float: left; height: 32px; width: 102px; margin: 0 1px 0 0; text-align: center; background: #8DC70A url(images/greentab.jpg) no-repeat; } Вроде бы ни чего особенного , но при выносе не отображается корректно . Если разница , что подцеплять в первую очередь в данном случае , т.е. сперва стиль а потом скрипты и наоборот !? Может быть есть спец способы импорта стилей !? И вообще не могу понять какая разница м/у обычным линьком на стиль и его импортом !? Всегда использовал импорт алл и все было путем .

css карусель это циркулярное меню ?

не рабтает .

Попробуй использовать наследование . Писать много , но вариант .

Вот так отображает DW CS3 Или я что-то не до понял ?

Тут есть маленькая загвоздка , дело в том что путь использует мета тег от движка , вот : html <td valign=top class="mid"> класс .mid { background-image: url({THEME}/images/or_mod_mid.jpg) } Вообще удалил это сделаю по другому . Теги <p> закрыл все хорошо , но странно и с отрытыми все работало .

Есть документ html к нему подцеплена таблица css . В css очень много классов , и я имею мнение что половина из них лишних . Как убрать неиспользуемые не классы !? Или как наглядно посмотреть связки ? Маленькая вырезка из отчета проверки Dreamweaver : Я надеюсь - это не критично страшно 1. в теге img пропущены следующие обязательные атрибуты: alt[html 4.0] 2. Тег " p" допускает необязательный закрывающий тег. Закрывающий тег "table" закрывает контекст "p". Проверка продолжится как при закрытом контексте.[html 4.0] 3. Тег "td" не имеет атрибута "background" в активных версиях.[html 4.0] 4. "middle" не является допустимым значением атрибута "align" ни в одной из активных версий. Более подробно см. предупреждения выше.[html 4.0] Может Dreamweaver зря панику наводит !? Чем лучше всего проверить !?