Подскажите где менять

[kentastik]

Друзья, сижу верстаю квитанцию на оплату полностью дивами. Каждая клеточка - отдельный слой. Вот что получилось

В хроме:

В Опере:

В ИЕ

2 вопроса

1) Как в опере добиться, чтобы она видела величину шрифта установленную для конкретного слоя, а не родителя

2) Какого хрена ИЕ сожрал 3 слоя?

[psywalker]

1) Должна видеть по идее и так. Значит чё-та ты не так пишешь. Давай ссылку.

2) Ссылку.

3) Зачем ты блочной паришься? Тут же явная таблица?

[kentastik]

Слоями ради спортивного интереса. Ссылку чуть позже дам - оно пока только на компе

[psywalker]

Слоями ради спортивного интереса. Ссылку чуть позже дам - оно пока только на компе

Давай, мы тут)

[kentastik]

http://rpif.net/bro/ вот ссылочка

[psywalker]

http://rpif.net/bro/ вот ссылочка

1) В каком ИЕ косяки? Ты размер шрифта, кстати не менял в браузере?

2) Где в коде ты задаёшь шрифт отдельно блокам? Я этого не увидел. Ткни носом.

[kentastik]

1) 8

2) <div class="tabl"> - 9px

<div class="tabl1"> - 8px

[psywalker]

1) 8

2) <div class="tabl"> - 9px

<div class="tabl1"> - 8px

1) У меня в ИЕ8 всё в порядке.

2) Всё дело в

   .tabl1 {
    font-size: 7px;
}

Распространяется на всю таблицу.

[kentastik]

1) У меня в ИЕ8 всё в порядке.

2) Всё дело в

   .tabl1 {
    font-size: 7px;
}

Распространяется на всю таблицу.

так я и говорю что с этим сделать? почему наследуется родитель, в то время когда присвоен размер? или же необходимо каждой ячейке потом отдельно прописать размер?

насчет ИЕ, самоизлечение произошло. даже не знаю, но теперь и у меня не как я выкладывал на скрине

разобрался. Опера тупо не может отобразить шрифт меньше 8 или 9 px в этом весь прикол. Надо запомнить

[sigma77]

kentastik,

Опера не уменьшает шрифт меньше 8 или 9 пикселов (остальные, вроде, тоже при некоторых настройках).

[psywalker]

kentastik,

Опера не уменьшает шрифт меньше 8 или 9 пикселов (остальные, вроде, тоже при некоторых настройках).

Хм...да ладно? А как же font-size: 0? Я уже не раз делал, вроде работало? Не?

[kentastik]

Не выходит. Поробуй сам, хотя сдаётся что надо загуглить

[kentastik]

для хрома помогает !important и тогда виден 7px шрифт, для оперы пока ищу решение.

[sigma77]

kentastik,

Опера не уменьшает шрифт меньше 8 или 9 пикселов (остальные, вроде, тоже при некоторых настройках).

Хм...да ладно? А как же font-size: 0? Я уже не раз делал, вроде работало? Не?

Насколько я помню font-size: 0 - отдельная фигня. Спецификация никак не регламентирует поведение браузера при шрифте равном нулю, так что каждый браузер может отрисовывать его по-своему.

http://jsfiddle.net/HwRW2/1/

[psywalker]

kentastik,

Опера не уменьшает шрифт меньше 8 или 9 пикселов (остальные, вроде, тоже при некоторых настройках).

Хм...да ладно? А как же font-size: 0? Я уже не раз делал, вроде работало? Не?

Насколько я помню font-size: 0 - отдельная фигня. Спецификация никак не регламентирует поведение браузера при шрифте равном нулю, так что каждый браузер может отрисовывать его по-своему.

http://jsfiddle.net/HwRW2/1/

Ага, спасибо. Учтём-с.

Кстати, Оксан, а Опера12 уже умеет дробные проценты?

для хрома помогает !important и тогда виден 7px шрифт, для оперы пока ищу решение.

Давай, дружище, найдёшь, отпишись обязательно, я тут)

[kentastik]

Давай, дружище, найдёшь, отпишись обязательно, я тут)

подумываю о реализации на php картинки из текста в таких случаях, решения по ходу нету

Edited November 7, 2011 by kentastik

[sigma77]

Кстати, Оксан, а Опера12 уже умеет дробные проценты?

Альфа еще не могла. На какой сейчас они стадии - не знаю.

подумываю о реализации на php картинки из текста в таких случаях, решения по ходу нету

А зачем тебе в принципе его уменьшать? Форма же вроде как для печати, так и используй для вывода на бумагу единицы измерения для печти... или принтер тоже выдает больший размер?

[kentastik]

А зачем тебе в принципе его уменьшать? Форма же вроде как для печати, так и используй для вывода на бумагу единицы измерения для печти... или принтер тоже выдает больший размер?

на принтере еще не проверял, уменьшать надо затем, чтобы я точно знал размеры листа, иначе в разных браузерах на выхлопе разъедется табличка

[Nekromancer]

Пишите через канвас, должно работать. Не проверял, но думаю, что так. Ведь любое изображение масштабируется. На крайний случай SVG + scale.

[kentastik]

есть еще вариант подбора другого шрифта меньшего по размерам...

Пишите через канвас, должно работать. Не проверял, но думаю, что так. Ведь любое изображение масштабируется. На крайний случай SVG + scale.

проверил, работает. http://rpif.net/bro/

но есть другой вопрос, я так понял канвас не все поддерживают... как быть если человек припёрся с нестандартным браузером?

блииин... теперь в ИЕ грабли как хоть так-то? прописать канвас только для оперы?

[Nekromancer]

Ну да, только для оперы.

if(window.opera) {
// canvas script
}

UPD:

http://jsfiddle.net/HwRW2/5/

[kentastik]

вот работающее решение:

 <script type="text/javascript"><!--
window.addEventListener('load', function () {
  // Get the canvas element.
  var elem = document.getElementById('myCanvas');
  if (!elem || !elem.getContext) {
    return;
  }

  // Get the canvas 2d context.
  var context = elem.getContext('2d');
  if (!context) {
    return;
  }

  // Let's draw "Hello world!" in blue.
  context.fillStyle    = '#00f';

  // The font property is like the CSS font property.
  context.font         = '7px sans-serif';
  context.textBaseline = 'top';

  if (context.fillText) {
    context.fillText('Hello world!', 0, 0);
  }

  // It looks like WebKit doesn't support the strokeText method.
  // Tested on Ubuntu 8.10 Linux in WebKitGTK revision 38095 (2008-11-04, svn 
  // trunk build).
  context.font = '7px sans-serif';
  if (context.strokeText) {
    context.strokeText('Hello world!', 0, 50);
  }
}, false);
    // --></script>

<?php if ( stristr($_SERVER['HTTP_USER_AGENT'], 'Opera') ) { echo '<canvas id="myCanvas" width="373" height="20"></canvas>'; } else { echo '<strong>Просто текст 7px</strong>'; }?>

[kentastik]

только там канвас на 1 строчный текст, как прикручу многострочный покажу как сделал

[kentastik]

скажите, а можно ли увеличить качество картинки на выхлопе с канваса?