rdva

Я сверстал ваш бланк, если хотите его получить, сказать спасибо и перечислить 500WMR - обращайтесь.

Lunatik, свяжитесь пож-ста со мной. "Личка" форума не дает мне сообщения отправлять.  Есть аналогичная задача, spmob гав-гав майл ру.

Для чёткости лучше выкладывать оригинал, а не результат экспорта. Чтоб потом переделывать не пришлось, ну и печать отдельно

ТЗ удалено, т.к. Lunatik уже всё сделал.

Я верстал такое таблицами, без всяких стилей

Какие бланки нужны?

Обновленное ТЗ на пару постов ниже.

Народ, а бланк "счет" сверстаете? Чтобы при выводе на принтер из любого браузера печатался одинаково. В качестве исходника сохраненный в HTML формате excel файл. Внутри сами понимаете какой ужос. К большому спасибо добавлю 500 WMR. Главное чтобы у вас был свой принтер, для отладки.

Просто предположение: не думаю, что тут нужно ужимать картинку. Сделайте обычную печать, не глядя на dpi и попробуйте ее распечатать.

А вообще, может вам хранить документ в формате PDF? Там разрешение можно любое выставить и распечатать. Или в формате Word... короче в стороннем формате, т.е. чтоб юзер его (документ) мог скачать.

Если просто вставить картинку пиксел в пиксел, то при печати она выглядит ужасно.

в pdf и прочих Word'ах нельзя, таково тех.задание.

Все вы знаете, что для качественного отображения на экране монитора картинка должна иметь разрешение, грубо, 100dpi, для вывода на принтер не менее 300dpi, а лучше 600dpi).

Есть бланк "счет" в HTML, в котором есть одна единственная картинка - печать организации. Наивно предположил, что вставив в документ большую картинку печати и уменьшив ее с помощью <img width=xxx height=xxx ... > на печати получу качественную картинку, которая при выводе на принтер будет сравнима с качеством хорошей ксерокопии. В итоге на распечатке печать выглядит корявой оцифровкой.

Вопрос: что нужно сделать, чтобы при выводе на принтер этого HTML бланка печать организации выглядела хорошо? Это вообще возможно?

Всем привет!

Сайт http://www.mobilebattery.ru, при горизонтальном разрешении окна в 1024 px в боксе каталога товаров длинные названия переносятся на следующую строку. Как сделать, чтобы перенесенная строка начиналась в том же месте, где заглавная буква этой же строки?

Чтобы текст не пересекал красную линию. Пробовал поместить стрелку и текст в отдельные <td>, но тогда при открытии следующего уровня каталога все выглядит некрасиво (нужно чтобы сохранялось смещение вправо, которое есть сейчас). Пробовал вместо <td> в <div> запихнуть, в итоге либо то же самое получается, либо вообще ужас.

Учите матчасть. Особенно чем отличаются строчные элементы от блочных.

Вообще-то тема называется "вопросы для начинающих". Создана, чтобы с понтом отсылать начинающих к документации?

rdva, поскольку в первом примере у тега <a> свойство display не прописано, оно по умолчанию display:inline.

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

Каюсь, "значение по умолчанию inline" я не заметил. Прменение display:block действительно растягивает <a> по всему диву.

Но какая связь между display и родительским дивом с сидящим в нем <a>? Display: inline /block определяет "перенос строк в начале и в конце содержимого". Один единственный элемент сидит в Div, больше просто некому заполнять оставшееся пространство. Что есть перенос строки, что нету.

Потому что <a> в одном случае имеет display: inline, а во втором display:table-cell.

Почитайте про свойство display для начала.

где вы увидели display:inline?

Вот тут ссылка только под белым текстом, а вот тут ссылка и под красным фоном и под белым текстом. Вопрос: почему в первом случае <a> не заполняет собой пространство родительского div'a? Во втором заполняет. Полагаю, дело в display, но логику понять не могу. Объясните плз?

Большой отступ в опере потому что она непоняла дробных значений поцентов.

Вырежте однопиксельный белый квадрат гиф, и прорепитьте по игрику справой стороны. Либо слевой.

Большое спасибо

Можна <ul> задать бг такой как и в <li> тогда справа отступ не будет белым. Таким способом можна создать илюзию что ли растягиваются на всю ширину.

Чтобы избавится от пикселей, сделайте белую полоску не бордером а бекграундом, как советовал psywalker.

Тогда независимо от разрешения, меню будет вести себя одинаково.

не догоняю - как можно белую полоску сделать с помощью background? Пример кода можно?

В опере отступ справа большой , как это победить? Там будет видно даже с красным ul.

Сейчас ширина каждого елемента = 16,6%+1px. Где 1px - ширина бордера. Следовательно ширина всего списка 99.6% + 5px. А при ширине окна 1024px, 5px это примерно 0,5%. Тоесть ширина списка 99,6+0,5=100,1% вот он и не помещается.

И еще: для мониторов с разрешением 1024px по горизонтали, минимальную ширину страницы делайте не более 1000px.

Похоже вы правы. При ширине 16.5% Six сползает вниз при совсем маленькой ширине окна (около 500px).

Можно как-то заставить li сжиматься не съезжая вниз и не оставляя отступа справа, при любом разрешении монитора?

сделай бордер правый у li фоном, а у последнего пункта отмени.

не понял, что это даст?

Попробуй задать min-width для своего элемента UL. Например так:

CSS:

ul{
  min-width: 800px;
}

Поиграйся со значением min-width чтобы получить нужный результат. Если с ul не работает - попробуй применить min-width к body. Хотя, по-идее, должно работать.

чтобы Six не съезжал? даже min-width: 1024px; не помогает. Съезжает, и только Six, остальные li, как видите, остаются на месте.

Задача - создать горизонтальное меню через ul. Подопытный - tubeube.ru/test/css-test.html

у меня в FF 3.5 и IE8 меню растянуто на всю страницу, но справа остается отсуп в два пикселя, в O 9.64 отступ вообще пикселей в 50.

Во всех браузерах при уменьшении размера окна элемент "Six" съезжает влево вниз.

Как сделать "резину", чтобы отступа справа не было и "Six" не съезжал вниз?