Feel
-
Posts
85 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Feel
-
Доброго времени суток. Задался проблемой соблюдения правил для верстки, не ломающейся при масштабировании в разных браузерах. Хотелось бы качестве результата темы получить что-то вроде набора правил, придерживаясь которых верстка не будет ломаться при масштабировании в последних версиях популярных браузеров. Интересно услышать мнение как экспертов, так и тех кто уже сталкивался с такой проблемой и выработал навык оформления стилей, не дающих ломаться верстке при масштабировании страницы.
-
Вопрос решен при помощи http://www.fontsquirrel.com
-
Не получается подключить шрифт в css. Шрифт в формате ttf. Пробовал и otf - все равно без эффекта. HTML <span class="title-font">Services</span> CSS .title-font { font-size: 22px; font-family: url(../font/officina.ttf); } Cufon не предлагать. Нужно подключить шрифт именно так. Еще я думал о google fonts, но используемый шрифт оказался платным, так что этот вариант исключается.
-
Есть макет в котором присутствует текст. Есть данные о типе шрифта заголовков, основного текста и.т.д. Вопросы: 1) Должен ли текст после верстки идеально совпадать с шрифтом на макете? 2) В каких единицах лучше задать размер шрифта? 3) Почему работает letter-spacing: 0.8px;, ведь указан размер меньше пиксела! Как правильно задать размер межбуквенного отступа для этого свойства? 4) Как сделать чтобы шрифты не "ездили" при масштабировании браузера, а были статичными - как картинка?
-
Попробуйте задать этому div`у margin:0px; padding: 0px; О боже, разумеется я попробовал так сделать. Эффекта нет. Мне кажется что ie как-то по своему понимает padding или top.
-
Вот, кажется нашел - остальные элементы лежат в dive у которого в css задал top: 0; Может быть нужно заменить?
-
Не могу убрать отступы от краев браузера в IE8. В других браузерах все ок, в IE - нет. html,body { margin:0px; padding: 0px; } Может дело в doctype? Я плохо ориентируюсь в отличиях между версиями html. Сейчас стоит xhtml1.0 переходный. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
Здравствуйте, Есть окно поиска. Все бы ничего, но при введении текста в него, Chrome и Firefox ведут себя по-разному в плане размеров мигающего курсора. Firefox Chrome Как видно, курсор у Chrome больше и почему-то лезит наверх. Можно ли как-то решить данную проблему?
-
Благодарю) Одновременно вспомнил о видах путей и как их прописывать и вы написали ответ.
-
Здравствуйте, Не могу найти причину отсутствия подгрузки подложки для формы поиска. Вот так все работает: background: #EEE url(https://lh4.googleusercontent.com/-EllJnywnmlY/UAaKJYSYYMI/AAAAAAAABUU/IaRo-yUcRmc/s235/search.png) no-repeat; Копирую картинку себе на пк, меняю путь: background: #EEE url(img/search.png) no-repeat; И картинка уже не подгружается. Помогите люди добрые
-
Здравствуйте, Three.js имеет два основных рендера - CanvasRenderer и WebGLRenderer. Пробовал рендерить сферу обоими. Сразу, как и описано на github, видно что WebGLRenderer дает бОльшую производительность нежели CanvasRenderer. Разумеется хочется использовать именно WebGL рендер, однако при попытке наложить текстуру на сферу WebGL-рендер перестает отрисовывать сферу (к слову, Canvas рендер отрисовывает текстуру без проблем). Может кто знает в чем может быть дело?
-
Сделал фон градиентом, но вот незадача - градиент ползает при масштабировании страницы и горизонтальной прокрутке. Решения вижу два, но не знаю как реализовать ни одно из них. Необходимо решение как спрятать скролл вызываемый нажатием на колесико мыши (у меня так) или как фиксировать градиент после масштабирования страницы, чтобы тот не ерзал.
-
Безрезультатно. Дело в том, что я пытаюсь добиться нужного эффекта. style.css в котором мне нужно использовать картинку лежит в /сss/style.css, а картинка image.jpg лежит соответственно в /images/image.jpg. Так файлы разложены по полочкам и я считаю это правильным, нежели картинки будут висеть где-то в корне. В общем проблема осталась. Может кто-нибудь знает.
-
Здравствуйте, Есть простой кусок css: background:url('arrows.png') no-repeat; Нужно чтобы картинка бралась из другой директории. P.S. Полный пусть писать пробовал. Сайт не на хостинге и не на локальном сервере, просто в папке лежит, поэтому писал C:\...\arrows.jpg. Но не работает так. Подскажите пожалуйста.
-
Если бы была такая возможность, я бы указал, наверно
-
Сейчас попробую. Про capslock спасибо что написали, не знал. P.S. Попробовал, так мучался, а оказывается все так просто)
-
Если вы о графике, то подойдет любой графический редактор, в зависимости от ваших потребностей. Photoshop, Picassa.. Даже в Paint можно нарисовать, всё зависит от требований. P.S. Землянин.
-
Вслепую сложно решать проблемы. Однако предположу что в css в стиле проблемного блока нужно добавить "display: inline-block;".
-
Необходимо исключить возможность масштабирования( в моем случае, уменьшения) страницы. В интернете не нашел кроссбраузерных вариантов. Может кто-нибудь сталкивался с подобной проблемой?
-
Выровнять иконки не получилось предложенными способами. Помучил блоки собственными идеями, но ничего не вышло. Прошу подсказать. html <div id="footer"> <div id="navigation"> <a href="#">ОБО МНЕ</a> | <a href="#">ГАЛЕРЕЯ</a> | <a href="#">КОНТАКТЫ</a> | РАССКАЗАТЬ </div> <div id="icon"> <a href="#"><img src="images/fc.png"></a> <a href="#"><img src="images/vk.png"></a> <a href="#"><img src="images/tw.png"></a> </div> </div> css #footer { text-align: center; width: inherit; height: 50px; bottom:0; position:fixed; background:blue; } a { text-decoration: none; color:#202020; font-size:11pt; font-family: courier; } #navigation { background:yellow; display: inline-block; } #icon { height:20px; display: inline-block; background:green; } Скриншот Так и не понял почему блок текста имеет отступ сверху, а блок иконок - нет, хотя у меня в css прописано "* {margin:0px; padding:0px}"
-
*confused* Спасибо)
-
Нужно выровнять иконки по уровню текста (по средней линии). Не додумаюсь как. Текущий скрин.
-
Линейный не пробовал. Сейчас проверил в Opera и IE последнем. Везде все гладко, кроме Chrome.
-
Объем кода это конечно не сократит, но хотя бы будет удобно менять значение параметра, спасибо. Тема закрыта.
-
Решился использовать на странице радиальный градиент. Однако обнаружил забавную вещь: При одинаковых параметрах: background-image: -webkit-radial-gradient(circle farthest-side, #FFF, #C5C5C5); background-image: -moz-radial-gradient(circle farthest-side, #FFF, #C5C5C5); Градиент отображается по-разному в Firefox и Chrome (в других пока что не проверял): Chrome: http://rghost.ru/41034060.view P.S. Видна внешняя граница градиента. Firefox: http://rghost.ru/41034084.view P.S. Внешняя граница градиента становится видна только на расстоянии от монитора. Вот такая вот штука Вроде бы все одинаково, а отображается по-разному. Как сгладить градиент в хроме я даже не знаю (увеличивать радиус нет возможности).