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
-
Как сверстать такой макет
Подскажите, пожалуйста. У меня трудность с таким макетом - itmages.ru/image/view/112... Не могу сообразить, как правильно поступить с этой собакой, которая большая и наезжает на навигацию. Пробовал разными способами, но вконец запутался. Помогите разобраться. Мне нужно показать, как правильно создать html-каркас такого макета и как правильно разместить эту собаку.
0 votes2 answers -
Последовательность загрузки css и js и вытекающие из этого вопросы
В какой последовательности загружается сайт? Например, сайт с графикой (что-то сделано в графике, что-то - с помощью css) и с js. Наверняка ответ на вопрос как-то связан со следующими: 1.В какой части html-страницы подключать css и js: в <head> или в <body>? И каким образом подключать (в html5, кажется, только один оставили - через link)? 2.Отличие описания в <style> и в css? 3.Для каких html-тегов описывать стили в самих атрибутах этих тегов, а для каких - выносить в css?
0 votes5 answers -
Манипуляция с псевдоэлементами
Собсно, сабж, можно ли на ::before и ::after как-то воздействовать в js (навесить обработчик, добавить стилей/класс)? Мне кажется, что нет, ибо в их DOM-дереве невидно даже.
0 votes1 answer -
запуск функции при добавлении объекта в DOM
есть галерея изображений fancybox и плагин jparallax который двигает эти самые изображения при клике по превью в DOM добавляется его "полноразмерный" код, а вот функция jparallax начинает работать только при потере фокуса суть проблемы — http://jsfiddle.net/NY2nT/1/ * с элементами изначально загруженными со страницей все работает ок, а вот с добавлеными пожже такая борода, незнаю куда еще копать
0 votes1 answer -
полоса в макете
Здравствуйте, подскажите как реализовать подобные полосы? если использовать z-index, то слайдер наезжает на меню...
0 votes6 answers -
Проблема со шрифтами
Решил подключить шрифт нестандартный. Скачал. Вот код вставки шрифта в css файл и его применения: @font-face { font-family: Myriad; src: url(fonts/Myriad-Web-Pro-Regular.ttf); } a { font-family: Myriad; } Не получается. Смотрю в хроме - шрифт вроде подгрузился: https://docs.google....dit?usp=sharing Но почему-то пропечатывается он как times roman. Если открыть его на компе, то вот, совсем иная картина: https://docs.google....dit?usp=sharing Что я делаю не так?
0 votes1 answer -
Резиновая верстка, как быть с высотой body
У меня возникла проблема при резиновой верстке. Допустим есть: HTML <body> <div> <div></div> </div> </body> CSS body{ height:?;(Вот здесь и проблема) } div{ height:20%; } Чтобы действовало это height:20%;, нужно чтобы body имел какую-нибудь фиксированную цифру. Но я же делаю это резиново, и мне нужно, чтобы min-heght = высоте устройства, а если содержимое не вмешается, то высота увеличивалась бы по мере необходимости. Помогите пожалуйста!
0 votes2 answers -
Как логин влияет на вёрстку
Всем привет!) У меня на сайте съезжает центральная часть (описал вот здесь: http://forum.htmlboo...showtopic=45336). И я думал что это из-за совсем никудышной вёрстки (для растягивания фона пришлось использовать таблицы, а это плохо, я знаю, но по-другому не смог сделать.) Так вот, я думал что проблема только в моей вёрстке, но как оказалось когда пользователь сайта меняет логин на более короткий, сайт выравнивается и всё становится хорошо. У кого-нибудь есть идеи с чем это может быть связано?
0 votes1 answer -
Реализация подобного макета
DELET интересует как сделать подобные блоки(что с права)
0 votes4 answers -
Открыть ссылку в новой вкладке
Здравствуйте! Как можно сделать, чтобы определённый адрес страницы открывался в новой вкладке, если нет доступа к самой ссылке? Например, через JS. Был вариант: http://jsfiddle.net/DcC97/ Но он почему то не сработал. Подскажите, пожалуйста! Спасибо!
0 votes3 answers -
Плавно выезжающие подпункты меню, свойство transition
Если кто сталкивался, подскажите как сделать чтобы подпункты меню выезжали плавно. http://jsfiddle.net/5zHKg/
0 votes7 answers -
Координаты в теге AREA и масштабирование картинки-карты
Задумал для одного сайта сделать картинку-карту, по кликам на которую пользователь может увидеть разные разделы информации. Стал делать примерно так: <img src="menu1.png" usemap="#mymap" style="width: 100%"/> <map id="mymap" name="mymap"> <area shape="rect" coords="32,245,142,265" href="#page1"> <area shape="rect" coords="32,275,142,295" href="#page2"> .... И при этом наткнулся на неприятность: координаты активных областей карты в тегах area задаются абсолютно, а размер картинки-карты может меняться в зависимости от разрешения экрана и размеров окна броузера. Т.е. по какой-то фиксированный размер картинки я координаты подобрать мог…
0 votes4 answers -
Display: none;
Часто встречал в примерах, как кто-то делая выпадающие подпункты меню или целый текст скрывал их свойством display: none;, а потом через псевдоклассы выводил по наведению курсора на объект или клику. Я и сам так стал делать. В книге Эрика Мейра где-то упоминалось, что значение none свойства дисплей используется только в одном случае(!) От сюда вопросы. Семантически это верно? Как относятся поисковики к индексации подобных структур? Хороший ли это тон, может лучше z-index?
0 votes5 answers -
Как сделать плавно заканчивающуюся тень (картинка внутри)
Сейчас у меня она отображается так: вот код если что: box-shadow: 0px 0 30px rgba(0, 0, 0, 0.3); А нужно вот так: Толи есть свойство о котором я не знаю, чтоб добиться этого, толи это только картинкой можно сделать... Кто знает как это сделать?
0 votes8 answers -
Горизонтальное центрирование
Добрый день. Подскажите, пожалуйста, как мне отцентрировать ссылки в блоке: http://jsfiddle.net/WNQs6/2/
0 votes8 answers -
Менять верстку?
Здравствуйте. На странице происходит смещение картинок из-за длинного названия категорий. В то время как на другой подобной странице все смотрится нормально. Стоит ли пробовать поменять ситуацию с помощью css или сначала лучше разместить названия категорий под картинками?
0 votes3 answers -
Летит фигура на картинке
.vid_mat { width: 228px; border: 1.3px solid #d0d0d0; background: #ececec; padding-bottom: 2px; padding-left: 6px; padding-right: 0; padding-top: 3.7px; display: inline-block; } .vid_name { padding-left: 0.9px; padding-top: 3px; } a.vid_name { text-shadow: #ffffff 0 1px 0; color: #127ad0; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; text-transform: uppercase; text-decoration: none; } a.vid_name:hover { text-decoration: underline } .vid_prew { width: 222px; height: 138px; position: relative; padding: 1.4px 0 0 0; } .vid_time { background: #000; border-top-right-radius: 2px; border-bottom-right-radius: 2px; height: 12px; width: 34px; position: abs…
0 votes13 answers -
Разный фон для разных страниц
Всем джамбо друзья. Хочу сделать определенный фон для определенных страниц (что-то типа этого http://florisspb.ru/), может у кого валяется под рукой какой материальчик? Заранее спасибо)
0 votes3 answers -
Помогите пожалуйста, правую колонку сделать на всю высоту экрана
Доброй ночи всем, помогите плиз сделать бэкграунд правой колонки на всю высоту экрана, а то уже голову сломал, а ничо сделать не смог... http://topchiy.tk/contacts.html ссылочка. Спасибо отозвавшимся)
0 votes7 answers -
смещение текста при зажатой кнопке input[submit] в ИЕ
Не знаю как избавится от смещения текста в кнопке. Суть: нажимаю кнопку, отвожу курсор от кнопки - текст смещается, возвращаю - текст смещается. Знаю, что это не серьезный баг, но хотелось бы управлять стилем кнопки полностью. Что я забыла учесть? стили кнопки: .get-guide { background: url("../img/tick.png") no-repeat scroll 23px 50% #8BC657; border: 0 none; border-radius: 9px 9px 9px 9px; border-bottom: 3px solid #6FA043; color: #FFFFFF; display: block; height: 56px; line-height: 56px; margin: 42px auto 0; padding: 0 12px 0 62px; text-align: left; width: 294px; } .get-guide:active{ border-bottom: 0 none transparent; …
0 votes8 answers -
Фиксация заднего фона.
У меня на фоне стоит большая картинка, как сделать так, чтобы при прокрутке, когда картинка фона заканчивается, то есть проскроливаем до самого низа картинки , этот низ фона фиксировался ?
0 votes1 answer -
Ширина в %
Привет ребята есть у меня блок .menu {width: 70%;} а в нём тэги li {width: 10%;} как я понимаю браузер размеры тэгов li считает от края экрана, а как сделать что бы он считал от блока .menu?
0 votes5 answers -
Как сделать чтоб при клике на один из ссылок подгружалсо разный контент
Здравствуйте, дорогие поситители форума Как сделать чтоб при клике на один из блоков подгружалсо контент, или в моем случае блок с фильтром. http://vitaliy-dyblyuk.ru/projects/5project_avto_schyny/www/index.html то есть при клике на подбор по шинам, подбор по авто и так далие. Должно происходит следуещие: 1) Должен менятсо фон 2) Должен подгружатсо другой блок с контентом но он в начале должен быть не видным. Жду откликов С уважением Виталий
0 votes1 answer -
Как сделать блок свернуть развернуть на Jquery
Нужно сделать так чтоб при первом клике по ссылке, его названия менялось на свернуть и менялось стрелочка. И потом при втором клике названия менялось на развернуть
0 votes2 answers -
как сделать простейший поисковик по интернету при табличной верстке
Здравствуйте, подскажите пожалуйста, как довести до ума элементарный интернет поисковик google при табличной верстке.Насколько я понимаю мне нужен адресс необходимого скрипта для атрибута action элемента form?Вот моя верстка.Буду очень благодарен за помощь. <html> <head> <meta charset="utf-8"> <title>Поисковик</title> </head> <body> <form action="" > <table> <tr> <td> <input type="text" name="запрос" size="15" maxlength="25" value="что ищем?"> </td> </tr> <tr> <td> <button type="submit">поиск</button> </td> </tr> </table> </form> </fo…
0 votes3 answers