kentastik

Int, проблема в том, чтобы засунуть эту вторую картинку. Меню хотелось бы использовать стандартное из движка. Я могу сделать фон, а как я выведу вторую картинку? Можно заставить после каждого элемента меню выводить например завершение картинки, но когда курсор не на пункте меню мы будем видеть вокруг всех элементов меню вторую картинку. Vin, интересный метод, но под данный дизайн не подходит milkeyway, я бы рад забить, но судя по счетчику ЛИ у меня большинство сидит на опере и старых фаерфоксах

Друзья, вот знаю что можно заверстать круглые уголки на меню двумя спосабами. 1. Сделать все пункты меню примерно одинаковыми по длинне и просто пихнуть одинаковую картинку в фон. 2. Подставить вторую половинку с другими углами рядом А что делать, если ни первый вариант, ни второй реализовать не возможно? Речь идет, только если в фоне именно картинка. Пример - см. рисунок позиция 1. И еще интересует можно ли сделать покрасивше позицию 2?

Друзья, вот знаю что можно заверстать круглые уголки на меню двумя спосабами. 1. Сделать все пункты меню примерно одинаковыми по длинне и просто пихнуть одинаковую картинку в фон. 2. Подставить вторую половинку с другими углами рядом А что делать, если ни первый вариант, ни второй реализовать не возможно? Речь идет, только если в фоне именно картинка. Пример - см. рисунок позиция 1. И еще интересует можно ли сделать покрасивше позицию 2?

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

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

вот работающее решение: <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>'; }?>

есть еще вариант подбора другого шрифта меньшего по размерам... проверил, работает. http://rpif.net/bro/ но есть другой вопрос, я так понял канвас не все поддерживают... как быть если человек припёрся с нестандартным браузером? блииин... теперь в ИЕ грабли как хоть так-то? прописать канвас только для оперы?

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

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

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

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

так я и говорю что с этим сделать? почему наследуется родитель, в то время когда присвоен размер? или же необходимо каждой ячейке потом отдельно прописать размер? насчет ИЕ, самоизлечение произошло. даже не знаю, но теперь и у меня не как я выкладывал на скрине разобрался. Опера тупо не может отобразить шрифт меньше 8 или 9 px в этом весь прикол. Надо запомнить

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

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

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

Друзья, сижу верстаю квитанцию на оплату полностью дивами. Каждая клеточка - отдельный слой. Вот что получилось В хроме: В Опере: В ИЕ 2 вопроса 1) Как в опере добиться, чтобы она видела величину шрифта установленную для конкретного слоя, а не родителя 2) Какого хрена ИЕ сожрал 3 слоя?

спасибо

Друзья, что я делаю не так? .catwrap { display: inline-block; width: 320px; height: 290px; padding: 5px; } .category { margin: 0 0 0 10px; width: 200px; } h2.category { padding-top: 5px; padding-left: 10px; padding-bottom: 5px; background: #F90; background-image:url(<?php bloginfo('url'); ?>/wp-content/themes/build/images/h2side.jpg); background-position:top; position:relative; top:0px; left:0px; } .catlist { position:relative; top:-10px; width: 280px; height: 200px; border: #F90 solid 1px; margin: 10px; padding:5px; } Получаю А хотелось бы чтобы блоки стояли ровно (как в табличке, т.е. "Покер" и "Полезно знать" должны стоять на одной линии и так далее)

нет, итем - это целиком 1 объявление, высота там и так задана

<div class="ads"> <div id="gdeslon_widget_744" wnum="744" class="gdeslon-widget" style="position:relative;width:344px;height:210px;"><div class="gdeslon-item"> <a href="http://www.gdeslon.ru/r/f13e82cf2df01374ebc10c5c5e3a76f0d2539b95/1402003/" target="_blank"> <img alt="Триммер Husqvarna 327RDX" src="http://www.gdeslon.ru//uploads/commodities/00/01/40/20/03/picture/small.jpg?1297558814" title="Триммер Husqvarna 327RDX"> </a> <div class="gdeslon-title"> Триммер Husqvarna 327RDX </div> <div class="gdeslon-price"> 16 820р. </div> <div class="gdeslon-link"> <a href="http://www.gdeslon.ru/r/f13e82cf2df01374ebc10c5c5e3a76f0d2539b95/1402003/" rel="nofollow" target="_blank">Купить</a> </div> </div> <div class="gdeslon-item"> <a href="http://www.gdeslon.ru/r/f13e82cf2df01374ebc10c5c5e3a76f0d2539b95/1559055/" target="_blank"> <img alt="Газонокосилка DDE WORLD18" src="http://www.gdeslon.ru//uploads/commodities/00/01/55/90/55/picture/small.jpg?1302487071" title="Газонокосилка DDE WORLD18"> </a> <div class="gdeslon-title"> Газонокосилка DDE WORLD18 </div> <div class="gdeslon-price"> 9 580р. </div> <div class="gdeslon-link"> <a href="http://www.gdeslon.ru/r/f13e82cf2df01374ebc10c5c5e3a76f0d2539b95/1559055/" rel="nofollow" target="_blank">Купить</a> </div> </div> <a class="gdeslon-more" style="display:block; clear:both;" href="#" onclick="javascript:return gSlnWidget.getMoreRows(this)" id="gdeslon_bt_more_744">Ещё товары</a></div><script type="text/javascript" src="http://www.gdeslon.ru/showcase/dff452c0198305524225dd6ec67b0c3ba3488bda.js"></script> </div> вот более подробный код. как видите у картинки нет своего стиля, поэтому я его присваивал как писал выше. Страничка где я тренируюсь в прикрутке кода _odache.com

Это же реклама. Я не могу делать одинаковую высоту картинки. Ну и как задать высоту блока если нет стиля для картинки? Я получаю их с сервера рекламадателя и там это не предусмотрено :-(

Друзья. Как сделать одинаковую высоту картинок для блока рекламы? Вот так выглядит код вот такой сделал для картинки .ads img{ float: left; margin-right:140px; display:block; clear:both; } Хочу, чтобы выглядело вот так: то есть размер блока картинки был постоянной высоты, а если картинка меньше, то выровнять вертикально по центру. Если написать так: .ads img{ float: left; margin-right:140px; display:block; clear:both; height:100px; } то некоторые картинки выглядят очень убого из-за растяжения. З.Ы. реклама грузится через ява-скрипт, есть стили всех надписей, на картинке стиля нету, поэтому и извращаюсь

это куски кода от шаблона на безе которого верстал. естественно почищу

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

Чтобы место за собой не оставлять, нужно пользоваться абсолютным позиционированием. но в этом случае часть слоев не кликабельна получается