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
-
Эффект как на сайте apple точка com
Здравствуйте. Есть всем известный сайт. К хроме, опере и яндекс при прокрутке можно увидеть эффект. Кто-нибудь знает, как такое можно осуществить? Похоже на параллакс, потому что текст при скролее смещается. На вид не сложный. Спасибо. кто что знает где что взять)
0 votes7 answers -
Галерея с альбомами
Всем здравствуйте. Сделал сайт на шаблоне http://html5up.net/spectral Осталось сделать галерею. Сайт дизайнера - требуется галерея с альбомами. По типу на страничке есть 20 проектов (thumbs) и при клике на один что-бы открывалось крупное изображение со слайдом остальных фотографий проекта, и так на каждый проект. Помогите сделать такое, пожалуйста. По оплате - договоримся.
0 votes1 answer -
Как сверстать такое (см. скрин)
Здравствуйте. Есть задача сделать вот это: Пользователь будет грузить картинки сам, поэтому картинки будут разновеликие. Нужно, чтобы они вставали в похожую структуру. Картинки будут увеличиваться по клику в реальный размер.
0 votes3 answers -
Верстка фона
Добрый день. Подскажите как верстать такие фоны? Это все целая картинка
0 votes3 answers -
Какой самый правильный способ выравнить два последних столбца по центру?
Какой самый правильный способ выравнить два последних столбца по центру? Некоторые моменты: строк в таблице — сотниклассы каждой td наверное не рациональноcol и colgroup вроде как устарелижелательна поддержка IE7<table> <tr> <th>Название</th> <th>Фигня</th> <th>Дата</th> </tr> <tr> <td>По левому краю</td> <td align="center">По центру</td> <td align="center">По центру</td> </tr> <tr> <td>По левому краю</td> <td align="center">По центру</td> <td align="center">По центру</td> </tr> ...</ta…
0 votes8 answers -
Иконки под новостью или CSS background
Я сделал и хочу использовать иконки для новостей сайта: Я собрался это делать при помощи следующего кода: HTML <div class="cdetails">{link-category} <span class="inviews">{views}</span> <span class="inauthor">{author}</span> <span class="indate">{date}</span> <span class="incomments">{comments-num}</span></div>CSS .cdetails span {padding-left:16px;margin-right:16px;background:url(../images/icons.png) 10px 10px left center no-repeat;}.inviews {background-position:0 0;}.inauthor {background-position:0 0;}.indate {background-position:0 0;}.incomments {background-position:0 0;}Однако сами иконки на сайте не отоб…
0 votes11 answers -
Сделать на чистом css
Доброго вечера! Возможно мой вопрос покажется Вам тупым, но не подскажет кто-то можно ли это сделать чистым css http://clip2net.com/s/3gPXWAH, без вставки background-a?))) Заранее благодарю)
0 votes12 answers -
Две фоновых картинки (вверху и внизу)
Нужно сделать так, чтобы вверху странички была одна фоновая картинка, а внизу - другая. Посмотрел, поискал где и как это сделано, не нашел ничего лучше чем так: <body style="background:url('img_bottom.jpg') no-repeat bottom middle"> <div style="background:url('img_top.jpg') no-repeat top middle"> тут содержимое странички </div></body>Вопросы: 1. Почему в примерах, что я нашел, во внешнем контейнере задается нижняя фоновая картинка, а во внутреннем - верхняя, а не наоборот? Так чем-то лучше или совершенно безразлично? 2. Есть ли более простой способ задать две фоновый картинки? З.Ы. не middle а center, спасибо!
0 votes11 answers -
адаптивная высота контентного блока
Доброго дня. Стоит задача реализовать, чтобы хедер был вверху, футер всегда прибит к низу (всегда виден), а контент растягивается на оставшееся между хедером и футером место. Чтобы это работало на разных разрешениях, т.е. если контента текста меньше чем блок контент по высоте, то блок все равно тянется до футера, а если текста больше, чем блок контент по высоте, то у него появляется прокрутка. В идеале, чтобы хедеру и футеру не задавать высоту, но можно и с сатичной высотой. Можно ли это реализовать без javascript? Вот здесь накидал верстку: http://jsfiddle.net/digitalmedia/jubjbaLL/
0 votes4 answers -
Не отображаются яндекс карты
Доброго времени суток. Помогите исправить косяк. Есть страница, на которой яндекс.карты исправно отображаются: http://imatte.ru/work/ufa/map.html К этой странице я приделал выпадающее слева меню, и теперь карты перестали отображаться: http://imatte.ru/work/ufa.town/map.html Подскажите, как пофиксить?
0 votes1 answer -
Разный контент для разных разрешений
Приветствую! Такой вопрос, есть сайт с адаптивный дизайном, нужно встроить туда код виджета от aviasales. Дело в том, что их блоки не адаптивные, и ширина у блоков фиксированная. Я нашел выход, как решить эту проблему. Через css медиа запросы, только не догоняю как это сделать. Я создал несколько блоков разных размеров под каждое разрешение, и нужно показывать именно тот блок, который подходит под разрешение, а остальные скрывать через display: none Подскажите пожалуйста, как это можно сделать?
0 votes8 answers -
Заполнение таблиц при помощи форм в html
Я создал таблицу на 1 странице. И создал ячейки с полями для ввода. Как мне сделать так чтобы каждое поле для ввода после подтверждения заполняло соответствующую ячейку в таблице?
0 votes10 answers -
Не правильный путь к файлу
Понимаю, что задаю очень глупый вопрос, но я не могу его решить. На сайте есть div с background-image. Путь к файлу прописан в style.css (css файл лежит в отельной папке "сss") и он таков: img/slide.png. К сожалению картинка не отображается, но если просто скопировать картинку в папку css, где лежит файл style.css и изменить путь на: slide.png, то картинка отобразится. Помогите, пожалуйста.
0 votes2 answers -
Адаптивный дизайн
Добрый день. Подскажите пожалуйста такую вещь. Сделал сайт http://intechsoft.ru/about/news/верстка адаптивная. В css использовал медазапрос @media screen and (max-width: 991px) чтобы для экранов с разрешением <991px сайт немного по-другому отображался. Сказали что на Ipad air 5 (2048х1536px) вроде разрешение сайт криво отображается. Как мне сделать полноценную адаптивность? Какие медиазапросы лучше использовать? Вообще как лучше писать: @media screen and (max-width: 991px) @media screen and (min-device-width: 991px) что из этих будет правильнее?
0 votes6 answers -
Как сделать hello world по центру
Как сделать hello world здесь http://jsfiddle.net/0yamrL7h/2/ по центру
0 votes4 answers -
Полупрозрачный фон на изображении
Добрый вечер форумчане. Столкнулся с такой проблемой. Никак не получается наложить полупрозрачный фон на изображение. Пример можно посмотреть здесь http://rezka.plasmainfo.ru. Заранее спасибо за ответы.
0 votes6 answers -
Трехуровневое меню
Здравствуйте! Есть трехуровневое меню типа: <ul> <li> Menu1</li> <li class="active"> Menu2 <ul> <li>Submenu1</li> <li>Submenu2</li> <li class="active">Submenu3</li> <ul> <li class="active">SubSubmenu1</li> <li>SubSubmenu2</li> <li>SubSubmenu3</li> </ul> </li> </ul> </li></ul>При выборе пункта меню, ему присваиваетс…
0 votes4 answers -
Раскрывающееся меню
Добрый день. Обращаюсь еще раз. Первый раз мне очень помогли, может помогут и еще. Суть обращения, хочу сделать горизонтальный раскрывающийся список с контентом. Прикрепляю скрин моей наработки. Хочу чтобы "Фильмы" "Музыка" "Книги" были под шапкой. При нажатии бы они открывались в этом же окне на весь синий фон и там бы уже был контент. Например при нажатии на "Фильмы" раскроется проигрыватель, при нажатии на "Музыка" откроется муз. проигрыватель и т.п. Можно ли как нибудь это реализовать?
0 votes1 answer -
Конфигурация меню
Всем привет. Прошу помощи в решении проблемы с изменением цвета одного пункта меню. Пробывал поменять цвет в .css но цвет меняется там на все пункты меню, а мне нужно только для одного, но как я понял, отдельно для пунктов меню по умолчанию нет css классов. Менял в css ul.top_menu_lvl1 li a{ значение color Вот код файла template.php для меню: Код <?if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED!==true)die(); $this->setFrameMode(true); if(!empty($arResult)): ?><ul class="top_menu_lvl1 clearfix"> <li><a class="home_icon<?if($arParams['SELECT_MAIN']):?> selected<?endif;?>" href="<?=SITE_DIR?>"…
0 votes1 answer -
Не работает scrollbar
Ниже есть код который работает только в хроме, а в других нет что делать? ::-webkit-scrollbar { width: 10px} ::-webkit-scrollbar-track { background: #F7F7F7 } ::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; border-radius: 5px; background: #DAE1E8; } ::-webkit-scrollbar-thumb:window-inactive { background: #DAE1E8; } ::-webkit-scrollbar-thumb:hover { background: #3d6b92; width:20px}
0 votes2 answers -
полоса выделения с заданным значением длины полосы
хочу чтобы в моем меню,состоящего из 4 hello world и размером 192 на 127 пикселей.была первая полоса с выделением размером 192 на 27 пикселей. ниже код https://jsfiddle.net/meyrjtvn/ не работает html <link rel="stylesheet" href="styles.css" type="text/css"/><ul id="menu"> <li class="kolonki"><b>ПОДОБРАТЬ<br/>ПЕРСОНАЛ</b> <ul id="menu1" > <li width="192px" height="27px" padding="500px"> hello world </li> <li>helo world </li> <li>helo world </li> <li>helo world </li> </ul> </li></ul> css ul#menu1{ width:192; height:127…
0 votes2 answers -
Правый блок вниз убежал :-(
Всем привет! Прощу помощи... Сломал уже голову, не знаю как блок на место вернуть.. Когда на главной странице, всё норм, когда нажимаю на новость, блок убегает - http://immersprint.tk/hello-world/
0 votes5 answers -
Меню как в Эппл на бутрапe
Доброго вечера! Решила сделать себе заготовку меню как в Эппл на бутрапe - чтобы все li расползались равномерно на весь блок. И я или где-то туплю очень или что-то не учитываю, но никак не получается. В обычном сайте норм все, а здесь нет ... Может подскажет кто-то в чем дело?) ... Где я туплю... буду очень благодарна) Пристроить это http://jsfiddle.net/xsvhj/3/ к стандартномубутстраповскому меню никак не получается
0 votes4 answers -
Адаптивный дизайн в ИЕ8
Скажите пожалуйста, как можно заставить старые ИЕ понимать html5 и CSS3. Проверил сайт в ИЕ8 - такое чувство что он всё что в media просто пропустил. Я уже молчу о тенях и округлостях всяких, хотя бы общий вид макета сохранить.
0 votes13 answers -
Решение проблем + оценка вёрстки
Здравствуйте! Прошу прощения, если написал не туда. После двух-недельной теории решил сверстать свой первый макет, но как обычно первый блин оказался комом. Верстал по методу mobile first. Макет брал отсюда. А вот вёрстка: bgdn.16mb.com/ (грузится долго). Прошу адекватную оценку вёрстки (не учитывая те проблемы, которые я описал ниже) а так же помощь в решении следующих проблем: 1) Примерно с ширины браузера от 822px до 842px выпадает вниз блок Services. В чем проблема? Ведь ширины для плавающего блока достаточно (2 блока по 50%). Сейчас обнаружил, что блок выпадает при вытекании текста из блока выше (about whitesquare), но решение так и не могу найти. 2) Не могу…
0 votes6 answers