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
-
Не работает 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 -
Конфигурация меню
Всем привет. Прошу помощи в решении проблемы с изменением цвета одного пункта меню. Пробывал поменять цвет в .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 -
Раскрывающееся меню
Добрый день. Обращаюсь еще раз. Первый раз мне очень помогли, может помогут и еще. Суть обращения, хочу сделать горизонтальный раскрывающийся список с контентом. Прикрепляю скрин моей наработки. Хочу чтобы "Фильмы" "Музыка" "Книги" были под шапкой. При нажатии бы они открывались в этом же окне на весь синий фон и там бы уже был контент. Например при нажатии на "Фильмы" раскроется проигрыватель, при нажатии на "Музыка" откроется муз. проигрыватель и т.п. Можно ли как нибудь это реализовать?
0 votes1 answer -
Трехуровневое меню
Здравствуйте! Есть трехуровневое меню типа: <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 -
Как сделать hello world по центру
Как сделать hello world здесь http://jsfiddle.net/0yamrL7h/2/ по центру
0 votes4 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 -
Не правильный путь к файлу
Понимаю, что задаю очень глупый вопрос, но я не могу его решить. На сайте есть div с background-image. Путь к файлу прописан в style.css (css файл лежит в отельной папке "сss") и он таков: img/slide.png. К сожалению картинка не отображается, но если просто скопировать картинку в папку css, где лежит файл style.css и изменить путь на: slide.png, то картинка отобразится. Помогите, пожалуйста.
0 votes2 answers -
Заполнение таблиц при помощи форм в html
Я создал таблицу на 1 странице. И создал ячейки с полями для ввода. Как мне сделать так чтобы каждое поле для ввода после подтверждения заполняло соответствующую ячейку в таблице?
0 votes10 answers -
Разный контент для разных разрешений
Приветствую! Такой вопрос, есть сайт с адаптивный дизайном, нужно встроить туда код виджета от aviasales. Дело в том, что их блоки не адаптивные, и ширина у блоков фиксированная. Я нашел выход, как решить эту проблему. Через css медиа запросы, только не догоняю как это сделать. Я создал несколько блоков разных размеров под каждое разрешение, и нужно показывать именно тот блок, который подходит под разрешение, а остальные скрывать через display: none Подскажите пожалуйста, как это можно сделать?
0 votes8 answers -
Не отображаются яндекс карты
Доброго времени суток. Помогите исправить косяк. Есть страница, на которой яндекс.карты исправно отображаются: http://imatte.ru/work/ufa/map.html К этой странице я приделал выпадающее слева меню, и теперь карты перестали отображаться: http://imatte.ru/work/ufa.town/map.html Подскажите, как пофиксить?
0 votes1 answer -
адаптивная высота контентного блока
Доброго дня. Стоит задача реализовать, чтобы хедер был вверху, футер всегда прибит к низу (всегда виден), а контент растягивается на оставшееся между хедером и футером место. Чтобы это работало на разных разрешениях, т.е. если контента текста меньше чем блок контент по высоте, то блок все равно тянется до футера, а если текста больше, чем блок контент по высоте, то у него появляется прокрутка. В идеале, чтобы хедеру и футеру не задавать высоту, но можно и с сатичной высотой. Можно ли это реализовать без javascript? Вот здесь накидал верстку: http://jsfiddle.net/digitalmedia/jubjbaLL/
0 votes4 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 -
Иконки под новостью или 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 -
Какой самый правильный способ выравнить два последних столбца по центру?
Какой самый правильный способ выравнить два последних столбца по центру? Некоторые моменты: строк в таблице — сотниклассы каждой 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 -
Верстка фона
Добрый день. Подскажите как верстать такие фоны? Это все целая картинка
0 votes3 answers -
Как сверстать такое (см. скрин)
Здравствуйте. Есть задача сделать вот это: Пользователь будет грузить картинки сам, поэтому картинки будут разновеликие. Нужно, чтобы они вставали в похожую структуру. Картинки будут увеличиваться по клику в реальный размер.
0 votes3 answers -
Галерея с альбомами
Всем здравствуйте. Сделал сайт на шаблоне http://html5up.net/spectral Осталось сделать галерею. Сайт дизайнера - требуется галерея с альбомами. По типу на страничке есть 20 проектов (thumbs) и при клике на один что-бы открывалось крупное изображение со слайдом остальных фотографий проекта, и так на каждый проект. Помогите сделать такое, пожалуйста. По оплате - договоримся.
0 votes1 answer -
Материал для изучения HTML и CSS
Здравствуйте! Подскажите пожалуйста какие-либо ресурсы / материалы для изучения HTML + CSS включая современные тенденции в этой области, что подразумевается под фразой "современные тенденции", когда то давно я начал изучать PHP, там были примеры как писать Web-приложения, построенные на функциях и множестве файлов (точек входа), потом все выученное я пытался адаптировать под классы, множество раз переписывал, с целью найти правильную концепцию написания сайтов, пока мне не посоветовали прочитать про схему MVC, если бы допустим в книге это было написано, я бы сэкономил кучу времени. Так же просьба отнестись с пониманием, перечитывать 10 книг по HTML и CSS это конечно хор…
0 votes5 answers -
Эффект как на сайте apple точка com
Здравствуйте. Есть всем известный сайт. К хроме, опере и яндекс при прокрутке можно увидеть эффект. Кто-нибудь знает, как такое можно осуществить? Похоже на параллакс, потому что текст при скролее смещается. На вид не сложный. Спасибо. кто что знает где что взять)
0 votes7 answers -
Помогите настроить вертикальное меню!
Здравствуйте! Помогите пожалуйста настроить вертикальное раздвижное меню. Не корректно отображается сайт, когда я ставлю меню. Все дело в этом: * {margin: 0px;padding: 0px;}.wrapper {width: 230px;margin: 50px auto;} Само меню: https://jsfiddle.net/cgzq6nba/
0 votes0 answers -
Почему правила не работают в мозиле и немного ркриво в Safari?
Всем привет. Столкнулись с проблемой, что правила не работают именно в мозиле и немного криво в сафари. http://jsfiddle.net/nf6vpg8n/224/ При растягивании окна не сохранаются пропорции таблицы на DIVах Как можно решить вопрос, чтобы данная таблица заработала в мозиле, сафари и была такой же резиновой как в Хроме или IE или Опере?
0 votes1 answer -
Как сделать прямоугольник с рамкой?
Нужно сделать рамку в 2 пикселя со стороны гипотенузы. Столкнулся с разными значениями рамки при масштабировании: http://cssdeck.com/labs/4ct3z0gy Да и вообще какая то кривая рамка получается. Может я что-то не так делаю? Это можно как то решить без канваса или там изображений чисто на css?
0 votes6 answers -
Выравнивание блока по центру
Добрый день, у меня есть блок шириной 100% от минимальной ширины сайта 960px в этом блоке еще два блока шириной например по 400px. float у них по левому краю. Если уменьшать ширину окна браузера до минимальной то правый блок смещается вниз. Все так и должно быть но как мне выравнить эти два блока по центру когда блок не помещается в минимальную ширину и смещается вниз?
0 votes5 answers -
Оптимизация ширины шапки под разные разрешения
Друзья, подскажите, недавно начал изучать html+css и сейчас столкнулся с такой проблемой. Сам обладатель экрана 1600х900. В сверстанном макете шапкой является изображение размера 1026х224, Если порезать его максимально без утраты смысла, получится - 912х203. Нужен способ запилить шапку таким образом, чтобы на меньшем разрешении корректно отображалось, т.к. в данный момент на мониторе 1280х1024 появляется скроллинг по ширине. Интересует также - есть ли возможность сделать некие пропорции каждой части в css, чтобы при любом разрешении отображалось корректно? А то подозреваю, что такая же проблема может появиться и с другими частями кроме шапки.
0 votes0 answers