soot
-
Posts
23 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by soot
-
-
Зависит от сохраняемого формата. GIF/PNG хорошо сжимают однотонные горизонтальные полоски, алгоритм потому что такой. JPEG-у пофигу на цвет, там разбиение другое. А вообще, не стоит заморачиваться сильно, выигрыш не сильно большой. Понимаю, для какого-нибудь конкурса "сайт в пять килобайт" приходится экономить, а в реальности нет.
Исчерпывающе.
В моем случае самый экономичный получился PNG 8 все примеры без прозрачности.
Вроде при использовании PNG-8 не отличается от оригинального изображения
.Я всегда думал, что у png 8 нет прозрачности
.У PNG 8 есть прозрачность ?
-
Использование и сборка понятна - ну теория интеграции в HTML, тоже ясна.
Но есть тут одна догадка, интересно узнать мнение опытной аудитории.
Спрайт лучше собирать по цветам ?
Или можно в разнобой ?
Имеет тяжелый из трех цветов макет: бежевый и его оттенки, зеленый и его оттенки, коричневый и его оттенки.
В теории я могу сделать один спрайт содержащий все элементы, которые представляется возможным сделать с фиксированным размером.
Но я так же могу поделить их по цветам и получиться несколько спрайтов.
По скольку макет большой, то работы много не хочется по три раза переделывать.
Кто что думает по этому поводу ?
-
На самом деле никто никогда не загоняется по этому поводу.
-webkit-autofill - это стандартное браузерное автозаполнение форм. Это как :hover или :active. Тут тоже самое input:-webkit-autofill.
Соответственно
input:-webkit-autofill {
background: #fff !important;
border: none !important;
}должно помочь... По идее)
Да прописывал, я это везде и внутри 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;
}
Есть рабочий пример ?
Во всех браузерах все нормально кроме Хрома.
-
убери у инпутов этих стили
например
background-color: transparent;
А рабочий пример есть ?
Готовое решение, на один 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 !!!
-
Ну и при чем тут вообще position:fixed?
Я имел ввиду что по позициям только эта является исключением и то при ряде условий .
Бля, какой проблемой?Культура просто прет .
reboot, вынеси отдельно в маленький документ с минимальным кол-вом стилей . Прогони через FireBug (поэксперементируй) , через валидатор так же посмотри . Удали кеш на IE . И все прошло нормально , то посмотри , что получилось.
hidden - должен работать у меня работает
. -
Могила его исправит.
IE - это хоть и ошибка природы , но на него в первую очередь нужно ориентироваться - много больно его как основной его используют люди .
Хорошо хоть , то что если IE прочитает нормально ,то как правило другие браузеры будут нормально отображать .
IE понимает , есть только :
Браузер Internet Explorer 7 поддерживает значение position: fixed только в «строгом» режиме (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">).reboot - ищи ошибки в коде запятые и т.д. + грамматические .
-
1. проверьте, может, класс с таким именем уже есть. или другим классом перекрывается.
лучше всего - дайте ссылку на страницу.
2.
исключительно удобство. когда проект большой и таблица стилей получается длинной-длинной, удобно распределить классы по разным файлам - в одном линки, в другом форматирование, в третьем текстовые стили, в четвертом - формы...
и собирать все это в кучу можно двумя способами: а) прописывая в <link> каждый файл; б) прописав в <style> (или в отдельном css-файле) импорт всех css-ок.
Уже разобрался в скрипте было дело .
по поводу 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 карусель это циркулярное меню ?
-
ну и по этому работает, а дрим просто указывает на ошибки в коде которые очень умыне браузеры исправляют
не рабтает .
-
Попробуй использовать наследование . Писать много , но вариант .
-
Это потому что сейчас пошли оч умные браузеры)
и что? задать еще через "точку-с-запитой" vertical-align
Вот так отображает DW CS3
Или я что-то не до понял ?
-
Тег "td" не имеет атрибута "background" в активных версиях. - желательно записать в стилях через свойство background-image
Тут есть маленькая загвоздка , дело в том что путь использует мета тег от движка , вот :
html
<td valign=top class="mid">
класс
.mid { background-image: url({THEME}/images/or_mod_mid.jpg) }Вместо align="middle" используется стилевое свойство vertical-align: middle;Вообще удалил это сделаю по другому .
Теги <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 зря панику наводит !? Чем лучше всего проверить !?
Как реализовано
in HTML Coding
Posted
Подскажите как сделать так чтобы при прокрутке странице блоки подгружали в разнобой или постепенно по мере скролинга. Например как тут http://www.yootheme.com/demo/joomla/square
Если не в тот топик - просьба не карать =)