theo_

Обычно контент элемента становится прозрачным, если для этого элемента задано свойство opacity < 1. Это свойство задано?

Для ие его можно задать через фильтр:

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

Проблема с png точно в ие8? Бывает, что в ие png выглядит темнее - для того, чтобы исправить это следует обработать это изображение, например, с помощью утилиты pngout

Видимо проблема была в этих кодах или самом шрифте, использовал другой шрифт - все получилось! Спасибо

Кодировка utf-8.

Может быть из-за этого одинакового кода и все проблемы.. Сейчас пробую найти шрифт с отличающимися кодами.

На сайте для буквицы требуется особый шрифт. Сам шрифт я скачал.

Дальше пытаюсь пользоваться _http://www.fontsquirrel.com/fontface/generator

Так вот, после генератора из шрифта пропадает кириллица - хотя в настройках я выбрал "expert", в "language" установил "cyrillic" и в "subset preview" я кириллицу вижу.

Скачиваю полученный результат: вижу, что кириллицы нет.

В исходном ttf кириллица была. Если использовать на сайте исходный шрифт, то в тех браузерах, что его поддерживают - все ок. Пробовал его конвертировать через различные сервисы, например, этот _http://www.kirsle.net/wizards/ttf2eot.cgi

Там тоже проблемы с кириллицей.

Как все-таки справиться с этим генератором?

Сам шрифт вот: _http://www.azfonts.ru/load_font/Aurora%20script.html

On 6/9/2011 at 0:13 AM, DrStrangeLove said:

посмотри

небольшой видеоурок..

там понятно объясняется как это сделать в Ps..

я так и делал) очень долго и все вручную

а контрольного листа у меня нет в меню там, где он должен быть...

но все получилось с помощью https://www.toptal.com/developers/css/sprite-generator

еще раз спасибо

Спасибо!

Вопрос не по верстке, а именно по созданию самих спрайтов...

Есть у меня в папке 12 изображений одного и тоже размера, из которых нужно собрать один файл. И таких папок не одна, и не две.

Вручную все это делать довольно утомительно.

Ковырялся в фотошопе, хотел сделать с помощью записи Action'а и его дальнейшего запуска "Butch". Но результатов пока хороших для себя не получил.

Склоняюсь к тому, что проще будет написать php-скрипт.

А какие еще есть варианты или может быть даже готовые решения?

спасибо!

Кто работает на Mac, подскажите как лучше проверять кроссбраузерность верстки?

Лучшего варианта, как ставить несколько виртуальныъ машин с виндой, видимо нет?

Есть ли что-либо для беглой оценки по-типу IETester'а?

спасибо за помощь, в моем случае работает на половину только - буду разбираться)

Данный стиль не работает в ие6

a span {

display: none;

}

a:hover span {

display: block;

}

Есть статья про этот баг ие6, но там все рассмотрено на примере text-decoration и background

http://blogto4ka.ru/html-css/ie6-bug-ahover-span.html

Возможно решить эту проблему без скриптов?

может для инпута { background: none; }

ну и как вариант для блоков-контейнеров { overflow: hidden; }

2. А на JS вариант не подойдёт? Определение браузера. Там маленький скриптик, я бы тебе накатал по быстрому. Давай думай.

нее, скриптами сам могу, хотелось бы css обойтись - т.е. хак узнать

тот, что выше, и на 11 оперу тоже влияет точно, в 10й не проверял

спасибо за помощь, расхождение в принципе очень маленькое, так что я и забил на него)

input обернуть в div, для div'а задать нужную длину, а для инпута width: 100%

паддинги задавать через css для дива

но там вроде как работает <style type="opera/css">.

вроде бы это на все версии распространяется.

ну если кто-нибудь все-таки знает, подскажите. На мозиллу 2 уже забил, а вот в опере 9 всегда стараюсь глядеть..

Всем привет. Подскажите хак, который бы работал в 9й опере, и не распространялся бы на 10 и 11

Знаю, что плохо, но нет времени копаться.

Можно попробовать для td задать height

Но гораздо надежнее будет содержимое каждой ячейки нужной строки обернуть в div с указанной высотой

есть изображение 1900*1000

оно в теге img размещено в div'е, у которого самый низкий z-index

для div'а задана max-width и max-height

таким образом в случае если разрешение экрана превысит размеры изображения, оно растягиваться не будет, а будет центрироваться margin'ами

на разрешениях меньших, чем размеры изображения, картинка очень хорошо растягивается

проверял от 800 до 1600 - больше монитор не показывает

картинка ужата до 115Кб, качество осталось вполне сносное

какие могут быть минусы у такого решения?

спасибо, я выбирал параметры для сохранения в png8 по умолчанию в фотошопе, да еще тестил на одной картинке, которая всегда сильно теряла качество

попробовал с другими картинками - в результате png8 + 256 цветов сократили размере с 200 до примерно 50-70Кб

чего в принципе и добивался

осталась только одна картинка, 204Кб png24, в png8 сильно теряет качество

попробую еще с ней повозиться...

есть 4 больших png (~200 Кб каждый), их надо как-то ужать без особой потери качества

утилиты optipng и pngout пробовал, но они эти файлы не сжимают, точнее сжимают, но совсем чуток

файлы сохранены в photoshop cs4 через "save for web ... "

если в том же фотошопе в меню "image" поставить "mode" -> "indexed", то картинки сжимаются раза в 3-4, но при этом сильно страдает качество

Есть ли какой-либо редактор, в котором при сохранении в png можно наглядно и более-менее плавно управлять качеством получамоего png-файла?

а меню чисто на css?

если используете js, то и проверяйте высоту или ширину меню (в зависимости от того, куда тянется) - и сами самостоятельно тяните фон, принудительно задавая height или width

спасибо за помощь, то, что нужно!

Хочется узнать по поводу валидности кода...

DOCTYPE - XHTML 1.0 Transitional

из php файла вывожу прямо в body

echo '<script type="text/javascript">

	  $(function() {

	  $("body").append("<div id=\''.$sub_about_id.'\' class=\'menu_sub\'></div>");

	  });

</script>';

Так вот при проверке валидатором выдается ошибка -

document type does not allow element "div" here

$("body").append("<div id='about_div' class='menu_sub'></div>");

✉

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

также ошибка выдается когда в js-коде идет проверка условия (&&)

ругается на эти символы....

character "&" is the first character of a delimiter but occurred as data

if ((!in_about_div)&&(!show_about_div)) {

✉

This message may appear in several cases:

You tried to include the "<" character in your page: you should escape it as "<"

You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.

Another possibility is that you forgot to close quotes in a previous tag.

Подскажите как от этого избавиться?

Вынести js-код в отдельный файл сложновато в моем случае...

спасибо за отклик!

помогло другое - в стилях явно задал для tr height

Есть таблица следующего вида:

<table>

<thead>

<tr>

<th><span>12323</span></th>

<th><span>12323</span></th>

<th><span>12323</span></th>

</tr>

</thead>

<tbody>

<tr>

<td><span>12323</span></td>

<td><span>12323</span></td>

<td><span>12323</span></td>

</tr>

<tr>

<td><span>12323</span></td>

<td><span>12323</span></td>

<td><span>12323</span></td>

</tr>

<tr>

<td><span>12323</span></td>

<td><span>12323</span></td>

<td><span>12323</span></td>

</tr>

</tbody>

</table>

для th в стилях прописано height: 33px;

для td - height: 19px;

везде все хорошо, ие же расстягивает ячейку по высоте

для td стоит так же vertical-align: middle

менял на top, bottom - никак не влияет

погуглил, нашел параметр table-layout, но он влияет только на ширину ячейки...

для span'a задал бекграунд, так вот

видно, что спан занимает положенное ему место и ничуть не больше по высоте

остальное пространство ячейки пустое..... и никак не получается его убрать

играл с аттрибутами span'a line-height, display... не помогает...

для td height пытался прописать с !important - тоже не сработало...

в чем может быть причина и как ее исправить?