HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Рендеринг шрифтов в IE9, it sucks.
Даже не знаю с чего начать, хм... Проблема в том, что в IE9, очень плохо отображаются шрифты, без сглаживания, какие то даже может не четкие, размытые. В интернете находил много тем с обсуждением данной проблемы, но конкретного решения не встречал, об этом можно почитать на хабре или ixbt. Пример сравнение рендеринга шрифта в разных браузерах на картинке: Мне же интересно как решить данную проблему, что бы во всех браузерах шрифт отображался примерно одинаково, а если быть точней, что бы IE9 отображал нормально шрифт, как это было в IE8 или в других же браузерах. Тут уже как то пару раз спрашивал, не создавая новую тему, но ответа так и не получал, не ужели ни кто не зна…
0 votes4 answers -
помогите пожасто!!!!
как сделать так чтобы при table width="100%" и при изменении разрешения монитора не происходили сдвиги содержимого этой таблицы?
0 votes11 answers -
Равномерно разместить содержимое ячеек таблицы.
Есть таблица. В одной из её ячеек помещена еще одна таблица. Как сделать так, чтобы первая ячейка прижалась влево, последняя - к правому краю. А оставшиеся 4 ячейки распределились по свободному месту между первой и последней? Размер картинок известен и для всех шести одиноков. Спасибо.
0 votes7 answers -
Проблема с меню!
Во первых всем привет. У меня такая проблема недавно с одного софт-портала взял скрипт меню поставил свои ссылки, сделал всё как надо короче. У меня на сайте чёрно-серый дизайн и вот я хотел сделать фон блоков меню чёрным а цвет шрифта оранжевым, но сколько не пробовал - не получилось. Ребят вот код, помогите пожалуйста разобраться тут!!! <link rel="stylesheet" type="text/css" href="http://styling.org.ua/templates/css/main.css" /> <script src="http://styling.org.ua/templates/js/functions.js" type="text/javascript"></script> <link href="http://styling.org.ua/favicon.ico" rel="icon"/> <![if ! IE]> <link href="/favicon.png" rel="sh…
0 votes7 answers -
убрать полосы прокрутки
Приветствую! при работе скрипта http://woweb.ru/js/16/036/ на краткое время видны вертикальная и горизонтальная полосы прокрутки. подскажите пожалуйста как их убрать
0 votes3 answers -
Как сделать text-shadow в ie?
У меня возникла проблема с text-shadow в ie во всех других браузерах проблемы нету а в IE не как не хочет показываться, я пробовал прописать: filter: DropShadow(Color=#666666, OffX=1, OffY=1, Positive=0);
0 votes4 answers -
Gulp-sass категорически отказывается задавать css свойства для новых добавляемых в разметку элементов
Столкнулся с довольно удивительным явлением: gulp-sass категорически отказывается хавать и отображать css для новых добавляемых элементов разметки. Поломка произошла без каких-либо заметных вмешательств, просто с очередным запуском. Ошибок в системной консоли сейчас нет, только указывает на депрекаты одной функции Бурбона.Есть определенная предыстория. Изначально при установке данного шаблона консоль жаловалась на отсутствие модуля node-sass, хотя таковой был. Пришлось переустановить заново, попутно сменив номер версии в конфиге: "gulp-sass": "3.0.0", без галочки, хотя пробовал и с галочкой – результат тот же (это было нагуглено в бурже). Связана ли эта предыстория с наст…
0 votes2 answers -
FORM - функции кнопки
Возможно ли подвесить на кнопку ОК формы функцию аналогичную кнопке "обновить" браузера и как это сделать?
0 votes4 answers -
проблема: фон для тэга <html>
css: html { background: #000 url('images/main-bg.jpg') repeat-x; } body { background: url('images/colors.png') no-repeat top center; } #wrapper { background: url('images/wr-bg.png'); margin: 105px auto 0 auto; max-width: 1180px; max-width: 790px; height: 500px; } html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Mockup</title> <link href="styles.css" type="text/css" rel="stylesheet" media="screen" /> </head> <body> <div id="…
0 votes9 answers -
haml, sass и все такое
Привет всем верстальщикам :-) С версткой у меня мягко говоря не очень, в основном бекенд, поэтому хочется немного подтянуть эту область. В связи с этим возник один вопрос - использует ли кто-то такие штуки как HAML, SASS, как кто вообще относится к синтаксическому сахару? Лично мне все это удобней, чем писать на html+css но... хотелось бы услышать мнение верстальщиков. И еще - шаблоны, например Boilerplate - тру или сакс? Хочется использовать html5 (мне он кажется более правильным, плюс есть нужные мне фичи), но напряжно заморачиваться с совместимостью со всеми браузерами. Я на ложном пути? Всем спасибо
0 votes15 answers -
Не работает :hover+
Помогите с проблемой. Есть один большой блок с классом "list", внутри которого должна отображаться информация с помощью блока "mininfo". Задача: сделать так, чтобы при наведении на любую область блока "list" появлялся блок "maxinfo", в котором будет отображена более полная информация. Пытаюсь реализовать это через изначальное значение 0 параметра "opacity" в блоке "maxinfo" и стиля .list:hover+.maxinfo, который даст при наведении "opacity: 1". При наведении на блок "list" ничего не происходит. Но, когда я проделываю то же самое с блоком "mininfo" (.mininfo:hover+.maxinfo) - все работает отлично. После почти суток проб и ошибок, пришел к выводу, что такое вероятнее вс…
0 votes1 answer -
svg-изображения в слайдере не отображаются в IE8 и ниже
Здравствуйте, дали макет и в нем вот такой слайдер — http://img542.images...2/4426/v11v.jpg . Как вы заметили изображения слайдера необычной формы, У меня были идеи: Сохранить их в png с такими "вырезами", но они бы много весили по сравнению с jpg; Сделать блоки, которые бы перекрывали картинку, но фон не однородный: Cделать это с помощью css-свойства mask-image, но оно поддерживается только в Webkitax. Остановился на SVG clip-path. Вот что из этого вышло: http://fiddle.jshell...ody/dHjXn/show/ Не получается отобразить картинки в IE8 и ниже. Может кто-нибудь подскажет как с эти бороться? Можно даже их сделать прямоугольной формы, главное чтобы отображались
0 votes3 answers -
Что делать в место слов квадратики
Скачал шаблон.Изменил текст, а при просмотре через нет видны квадратики. Показывает кодировку Юникод (Utf-8) Меняю на Кирилица( windows-1251) Все нормально видно почему так. Просветите пожалуйста.
0 votes9 answers -
Вертикальное меню (раздвигающееся вниз)
Пытался делать с помощью высоты, visibility, но не чего не получается, следующий пункт li в основном ul'е не хочет двигаться, как мне сделать чтобы он захотел? И как вы делаете вертикальные меню? в ксс только(просто другое совсем не знаю) Как же ЭТО СДЕЛАТЬ?
0 votes5 answers -
Почему в форме не работает тень внутрь?
https://jsfiddle.net/Launder/Ly9mLfv4/1/ В 21 строчке CSS кода box-shadow: inset 0 1px 5px rgba(0,0,0,0.2);как только убираешь свойство inset (тень внутрь) тень (наружу) появляется. Как сделать тень внутрь?
0 votes14 answers -
Div внутри другого div'a
Есть одна задача, которую никак не могу решить. Нужно внутри одного дива в правом верхнем углу зафиксировать другой див. Можно было бы второй див поместить в первый и задать ему абсолютное позиционирование и значение левого поля: position: absolute; padding-left: вот только ширина первого дива задается в процентах и поэтому сколько отступать не понятно. Как лучше всего поступить?
0 votes5 answers -
выбор имён классов
Буду рад выслушать ваши советы по теме, ну или ссылки на ресурсы В больших проектах особенно возникает путаница и сидишь думаешь над именем класса, ещё и когда тематику контента очень сложно определить, поэтому хочется разобраться с классами раз и навсегда. Раньше я для каждого блока указывал свой класс, близкий по теме, например, если речь шла о бизнесе, то я писал - .business. Теперь же думаю сделать так: .sidebar>.box1 .sidebar>.box2 .sidebar>.box3.....content>.box1 .content>.box2 .content>.box3. Одобряете? Что посоветуете, товарищи?
0 votes23 answers -
Не работает last-child
Между пунктами меню использовал палочки-разделители. В первом и последнем пункте меню захотел убрать разделители с помощью first-child и last-child. First-child сработал, а last-child нет. Чего он не работает? #nav li:first-child {border-left:none} #nav li:last-child {border-right:none} <ul id="nav"> <li><a class="hsubs" href="#">Товары</a> <ul class="subs"> <li style="border:0"><a href="#">Submenu 1</a></li> <li><a href="#">Submenu 2</a></li> <li><a href="#">Submenu 3</a></li> <li><a href="#">Submenu 4<…
0 votes9 answers -
Проблема со слоями в 6 ИЕ
Подскажите пожалуста в чем проблема может быть http://roofinfo.net/bmw/. В 6 експлоре правая колонка уезжает вниз. Макет сверстан слоями.
0 votes13 answers -
Как верстать сайты таких типов
как верстать сайты примерно по такому макету?? http://smu55.narod.ru/maket.html
0 votes9 answers -
Отключить Drag'n'Drop
Доброго времени суток. Столкнулся с проблемой. В браузере Google Chrome существует Drag'n'Drop (в частности, перетаскивание картинок). При том, как нажимаешь курсором на картинку и с зажатой левой кнопкой мыши двигаешь курсор данная картинка выделяется, что в моем проекте недопустимо. Варианта сменить браузер нет. Вопрос: как отключить Drag'n'Drop программно, через HTML или JS (а не через настройки браузера), или как избавиться от выделения при попытке перетащить картинку. Зарание, thanks.
0 votes2 answers -
flash и гиперссылка
Как сделать гиперссылку на flash-объекте, что бы она вела на конкретную страницу?
0 votes4 answers -
Полезные инструменты для вёрстки, посоветуете чего?
Чем пользуетесь при вёрстке? Что может облегчить жизнь и сэкономить время? (Помимо Firebug, Web Developer, MeasureIt)
0 votes21 answers -
XHTML vc IE7
Приветствую. Всех с наступившим НГ 8) и последующими праздниками )) Собственно тут такой прикол нашли. Разрабатываем web-приложение, где естественно куча верстки и много динамики. Так вот... IE7 своим нереально медленным рендерингом динамики просто поражает. Сидели думали в чем проблема... Как оказалось после отключения доктайпа: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> и переводя его в QuirksMode производительность браузера поднялась раз в 10ть. Только без доктайпа не хочется писать продукт. Может кто-то встречался с подобной проблемой…
0 votes12 answers -
"Пропажа" слоя в 6 эксплорере.
Господа, столкунулся с проблемой, которая меня совершенно в тупик поставила. Суть ее в том, что абсолютно спозиционированная форма прекрасно (и в нужном месте) отображается во всех браузерах кроме 6 Эксплорера. В нем ее просто как будто нет. На самом деле она, конечно есть и ее видно в коде, но она совершенно не взаимодействует со страницей. Т.Е. можно сделать высоту 20 000 px, ширину похожую, бэкграунд выкрасить в любой цвет,отступы любые сделать - это никак на страницу не повлияет. Стоит только сделать position: static как форма проявляется на своем месте и прекрасно отображается. Кроме того, такая же картина наблюдается если указать форме position: relative. Напомню,…
0 votes12 answers