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
29,542 questions in this forum
-
Проблемы с меню
http://siliconvalleyhd.ru/ Собственно проблема с меню, у последнего элемента hover не полностью покрывает весь элемент. Помогите, как исправить?
0 votes2 answers -
Проблема со слайдером
Здравствуйте, такая проблема. На фрилансе хотел взять заказ верстки такого макета http://i055.radikal.ru/1406/8b/554b941c6cad.jpg макет не сложный, сверстаю на раз. Но там есть слайдер. Я в js И в jquery полный ноль, и делаю все возможное чтобы это исправить, изучаю js и все такое. Скажите такой слайдер самому писать надо? или как? просто реально серьезные проблемы со скриптами у меня.
0 votes2 answers -
Не убираеться текст с помощью text-indent
Всем привет. Не могу убрать текстсо ссылки с помощью отрицательного text-indent а чтобы только фон остался. Помогите пожалуйста. В чем баг. http://jsfiddle.net/parnas/kG5Ty/
0 votes2 answers -
Проблема с меню и слайдером в хроме, ИЕ10.
Всем доброго времени суток. Столкнулся с проблемой - меню не так отображается в ИЕ. А так же слайдер не хочет работать. http://testdomena.hol.es Какие у кого мнения на этот счет?
0 votes2 answers -
Помогите с проблемой
Добрый день! Подскажите как выстроить блоки в ряд и чтоб при уменьшении экрана по ширине, текст переходил на новую строку, а блоки оставались на месте. Вот пример - https://jsfiddle.net/damir180/pu9dtpwb/embedded/result/
0 votes5 answers -
Как сделаны тени на http://global.ecco.com/?
Всем привет. Есть сайт http://global.ecco.com/ Как сделаны тени у изображений на втором экране?
0 votes2 answers -
прошу помогите знающие люди!
ребят, очень надеюсь на вашу помощь, вознаграждением тоже не обойдем, сутуация следующего характера, в умном фильтре после выбора любой позиции, он тупа перестает раскрываться http://www.blackshina.ru/catalog/tyres/ вот именно здесь, подбор шин, все перелоатил, не могу дать ума даже примерно что рыть, отзовитесь плиз!
0 votes0 answers -
Как расставить ссылки равномерно.
Учусь делать шапку. Так вот,одна проблема мне не даёт покоя,где я только не искал : Файлы Хочу чтоб 3 ссылки в блоке располагались равномерно.Я уже и дивы и спаны и списки пробовал,и всякие команды типа дисплей,текст-аллайн и тп Но получается только или в середине кучкой,или слева.
0 votes2 answers -
Растянуть картинку
Вот в чем проблема: Нужно большую картинку (например: 1000х1000) Растянуть до размеров (например: 200х60) Но что бы картинка не растянулась, а подогналась по размерам, путем увелечения( или обрезания) Ну как то так.. Кто сможет помочь?))
0 votes2 answers -
Разница margin и пробела в браузерах.
Заметил вот такую штуку: Тег margin и пробел ( ) по разному отображается в хроме и опере. Допустим, у меня есть две картинки, которые стоят рядом с друг другом. Для 2ой я прописываю (margin-left: 15px) И вот это расстояние разное получается в браузерах. Как так? Или это верстка такая кривая?
0 votes1 answer -
Как сделать ширину по содержимому?
Надо чтобы один заголовок был снизу справа от другого. <div id="logo"> <h1> <h2> Не выходит: Рассчитанный стиль: width: 1022px; Стили: width: auto; Тоесть надо чтобы блок div был такой же ширины как надпись в h1
0 votes2 answers -
Типографика
Допустимо ли использовать на одной странице разные гарнитуры (одного стиля - "рубленый" и т.д.). Причём не так, что меню одним, а контент другим. А так, что заголовок - Arial-ом, а текст под ним - Tahom-ой... Вроде как "не айс", как считаете?
0 votes3 answers -
нет фона
у стиля middle задан фон background: #988780; Но почему то, если не переменить стиль #middle:after фон не отображается. Я понимаю что стиль #middle:after растягивает #middle на всю высоту текста, но разве #middle не должен сам растягиваться без помощи #middle:after? Заранее спасибо. Просто сам могу на этот вопрос угрохать ни один день. CSS: #wrapper { width: 100%; min-width: 1000px; } /* Header —————————————*/ #header { height: 150px; background: #FFE680; } /* Middle —————————————*/ #middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; height: 100%; position: relative; background: #988780; } /*#middle:afte…
0 votes2 answers -
Выравнивание блока по вертикали
Блок Block1 находится внутри блока BlockMain. BlockMain имеет динамическую высоту и зависит от контента. Подскажите, пожалуйста, как центрировать по вертикали блок Block1? Забегая вперед, margin: auto 0px; - не помогает
0 votes2 answers -
Не понятный баг
Дивная верстка, весь код написан с любовью и пониманием сия деяния. Проблема: при выделении текста и перемещения мышки в право, страница прокручивается в правую сторону. Особенности: Почти весь контент расположен по середине, некоторые элементы располагаются от середины страницы до правой стороны страницы ( затеи дизайна). Прикрепил картинку, для понимания. На картинке безобразно изображены элементы, по середине большой блок, на пример с ним, если выделить текст и ввести вправо, возникает этот тупой баг. Ну и конечно же порция кода. Код для большого блока с 4 прямоугольниками: { padding: 22px 9999px 0px 0px; color: white; border-top: 2px solid white; } Для внутренних…
0 votes0 answers -
на разных компьютерах разный результат
Добрый день! Я новичок в верстке. Дома сделала сайт, подогнала в PixelPerfect, принесла на работу - всё совершенно по-другому. Текст практически не совпадает, текстовые поля вдруг стали другого размера и перепрыгнули на другие строки (дома с картинкой совпадало поле size=32, а на работе уже 30). Подгоняла только под FireFox. В чем может быть причина, и что с этим делать? Размер экрана на работе больше. Может я на какую-то нету кнопочку в PixelPerfect нажала. Не помню какая версия Фаерфокса дома. Может быть, что это из-за того, что версии не совпадают? Кто-нибудь уже сталкивался с такой проблемой?
0 votes1 answer -
Нужна помощь в верстке. Выпадающее горизонтальное меню.[HELP]
Как реализовать такое выпадающее меню?(первое) Третье меню с картинками - не пашет прозрачность в ИЕ-7(заказчик говорит что и в ИЕ8 даже, хотя у меня в ИЕ8 все ок) Вот то что у меня есть http://smirnoff.ho.ua/simpals/ Вот часть замечаний, которые хз как исправить: меню - при наведении на ссылку с выпающим меню виден нижний белый бордер, особено если поменять фон body наглядно виден косяк. В firefox и ие7-8 виден однопиксельный разрез между ссылкой и выпадающим блоком список - лишняя вложеность и лишный тег img, вместо него можно было исльзовать background для "li". В гавнобраузерах (ие7-8) не работает opacity при наведении блоки - в firefox шрифт для h3 немного…
0 votes0 answers -
Кастомизированная кнопка с текстом
Нашёл на сайте Эврики (kontur-evrika.ru) интересный вариант создания текстовых кнопок с динамическим бекграундом с использованием тега <ins>. Решил взять этот метод на вооружение и применить в своём макете. HTML-код: CSS-код: И всё бы хорошо, но в последней версии оперы правый край сдвигается влево. Включаю border для блока ins и вижу, что распределён он не по 50%. Можно подправить тег width:50% (в .button ins), но тогда другие браузеры "обидятся". Что можно подкрутить, чтобы всё ровно было? В FF: В Opera: Файл active-types-bg.png : P.S. Всякие "трюки", типа создание отдельного файла со стилями "opera/css" или "text/opera" не помогают P.P.S У эврики в опере всё…
0 votes1 answer -
Скопировал стили из мозилловского фаербага и полетели стили в Хроме
Здравствуйте. По незнанию скопировал стили из фаербага и вставил в таблицу стилей сайта. Фаербаг оставляет только мозилловские подвиды свойств transform и box-sizing. Все поехало, пришлось вновь дописывать стили. Есть ли ещё места, из которых не стоит копировать стили?
0 votes3 answers -
xmlhttp разнёс по функциям, и он полуумер
В общем, осваиваю AJAX, вот гоняю велики. Данный пример делал в одной функции - всё работало нормально. Как только вынес получение объекта и документа в отдельные функции - работать перестало. Но при этом, если трассировать через firebug - всё хорошо! Как такое может быть? Исходники:
0 votes1 answer -
С помощью чего добиваются того, что страница не обновляется?
То есть при переключении скажем по ссылке контент меняется, но не видно обновления страницы. Если страница была прокручена чуть вниз - страница не начинается с самой вершины, а остается на том же месте. Очень интересно, что для этого используется.
0 votes1 answer -
Вопрос для гуру (избавиться от лишнего расстояния)
Здравствуйте. Обычно удавалось решать проблемы следуя htmlbook справочнику, но в этот раз не выходит.. Вот пример, в нем не удается избавиться от расстояния между mboard-block-up и mboard-block. Если floatedblock I и II (а) разместить внутри mboard-block (и сменить top: 50px; на -50px), расстояние остается, просто раздвинет mboard-block снизу. В общем не знаю как побороть. Надеюсь на Вашу помощь. Спасибо.
0 votes7 answers -
Исчезает выпадающее меню в Опере
Доброго времени суток! Возникла такая проблема с выпадающими пунктами меню на css в браузере Опера: после посещения этих пунктов, они теряют свое оформление, приписанное в css, и обесцвечиваются. Наглядный пример: вот так выглядит нормальный, еще не посещенный пункт подменю а вот так подпункты начинают выглядеть если по ним кликнуть: т.е. пункты 2 и 4 стали белого цвета, а первый виден при наведении благодаря фону, ито со слетевшим оформлением. код всего этого следующий: http://jsfiddle.net/uRe4z/2/ даже там проблема становиться видна, если произвести клики. Помогите разобраться с этой проблемой, пожалуйста. подозреваю, что для Оперы не хватает какого нибудь костыля, но…
0 votes0 answers -
Непонятно что то
появляются какие то отступы с верху надо шапкой, блок элементов с желтым цветом не занимает всю ширину дива зеленого цвета? http://jsfiddle.net
0 votes2 answers -
Фотографии в ряд по горизонтали
Всем привет. Возник вопрос. При добавлении стилей и текста под фотографией картинки перестают быть в одну строку и каждая переходит на новую. Подскажите, пожалуйста, в каком блоке или стили нужно прописать, чтобы все 3 фотографии были в одном ряду. Спасибо <div id="home"><img src = images/1.jpg width=215 height=323 align = "center"><div class = "text-date">28 марта 2015 г.</div><img src = images/2.jpg width=215 height=323 align = "center"><div class = "text-date">27 марта 2015 г.</div><img src = images/3.jpg width=215 height=323 align = "center"><div class = "text-date">26 марта 2015 г.</div><img src = images/…
0 votes1 answer