HTML Coding

29542 questions in this forum

1. Не работает 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}

   Asked by Lozhkaa, April 29, 2015

   0 votes
   2 answers
2. Конфигурация меню

   Всем привет. Прошу помощи в решении проблемы с изменением цвета одного пункта меню. Пробывал поменять цвет в .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?>"…

   Asked by scuterpro, April 29, 2015

   0 votes
   1 answer
3. Раскрывающееся меню

   Добрый день. Обращаюсь еще раз. Первый раз мне очень помогли, может помогут и еще. Суть обращения, хочу сделать горизонтальный раскрывающийся список с контентом. Прикрепляю скрин моей наработки. Хочу чтобы "Фильмы" "Музыка" "Книги" были под шапкой. При нажатии бы они открывались в этом же окне на весь синий фон и там бы уже был контент. Например при нажатии на "Фильмы" раскроется проигрыватель, при нажатии на "Музыка" откроется муз. проигрыватель и т.п. Можно ли как нибудь это реализовать?

   Asked by forme, April 29, 2015

   • меню контент
   • сайт
   0 votes
   1 answer
4. Трехуровневое меню

   Здравствуйте! Есть трехуровневое меню типа: <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>При выборе пункта меню, ему присваиваетс…

   Asked by Master2KAZ, April 29, 2015

   • трехуровневое меню
   0 votes
   4 answers
5. Как сделать hello world по центру

   Как сделать hello world здесь http://jsfiddle.net/0yamrL7h/2/ по центру

   Asked by riaron, April 29, 2015

   0 votes
   4 answers
6. Адаптивный дизайн

   Добрый день. Подскажите пожалуйста такую вещь. Сделал сайт 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) что из этих будет правильнее?

   Asked by kolhoz, April 29, 2015

   0 votes
   6 answers
7. Не правильный путь к файлу

   Понимаю, что задаю очень глупый вопрос, но я не могу его решить. На сайте есть div с background-image. Путь к файлу прописан в style.css (css файл лежит в отельной папке "сss") и он таков: img/slide.png. К сожалению картинка не отображается, но если просто скопировать картинку в папку css, где лежит файл style.css и изменить путь на: slide.png, то картинка отобразится. Помогите, пожалуйста.

   Asked by faty, April 28, 2015

   0 votes
   2 answers
8. Заполнение таблиц при помощи форм в html

   Я создал таблицу на 1 странице. И создал ячейки с полями для ввода. Как мне сделать так чтобы каждое поле для ввода после подтверждения заполняло соответствующую ячейку в таблице?

   Asked by Viav, April 28, 2015

   0 votes
   10 answers
9. Разный контент для разных разрешений

   Приветствую! Такой вопрос, есть сайт с адаптивный дизайном, нужно встроить туда код виджета от aviasales. Дело в том, что их блоки не адаптивные, и ширина у блоков фиксированная. Я нашел выход, как решить эту проблему. Через css медиа запросы, только не догоняю как это сделать. Я создал несколько блоков разных размеров под каждое разрешение, и нужно показывать именно тот блок, который подходит под разрешение, а остальные скрывать через display: none Подскажите пожалуйста, как это можно сделать?

   Asked by alastor73, April 28, 2015

   0 votes
   8 answers
10. Не отображаются яндекс карты

    Доброго времени суток. Помогите исправить косяк. Есть страница, на которой яндекс.карты исправно отображаются: http://imatte.ru/work/ufa/map.html К этой странице я приделал выпадающее слева меню, и теперь карты перестали отображаться: http://imatte.ru/work/ufa.town/map.html Подскажите, как пофиксить?

    Asked by posthack, April 28, 2015

    0 votes
    1 answer
11. адаптивная высота контентного блока

    Доброго дня. Стоит задача реализовать, чтобы хедер был вверху, футер всегда прибит к низу (всегда виден), а контент растягивается на оставшееся между хедером и футером место. Чтобы это работало на разных разрешениях, т.е. если контента текста меньше чем блок контент по высоте, то блок все равно тянется до футера, а если текста больше, чем блок контент по высоте, то у него появляется прокрутка. В идеале, чтобы хедеру и футеру не задавать высоту, но можно и с сатичной высотой. Можно ли это реализовать без javascript? Вот здесь накидал верстку: http://jsfiddle.net/digitalmedia/jubjbaLL/

    Asked by vip, April 28, 2015

    0 votes
    4 answers
12. Две фоновых картинки (вверху и внизу)

    Нужно сделать так, чтобы вверху странички была одна фоновая картинка, а внизу - другая. Посмотрел, поискал где и как это сделано, не нашел ничего лучше чем так: <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, спасибо!

    Asked by rgl, April 28, 2015

    0 votes
    11 answers
13. Иконки под новостью или 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;}Однако сами иконки на сайте не отоб…

    Asked by iBars, April 28, 2015

    0 votes
    11 answers
14. Сделать на чистом css

    Доброго вечера! Возможно мой вопрос покажется Вам тупым, но не подскажет кто-то можно ли это сделать чистым css http://clip2net.com/s/3gPXWAH, без вставки background-a?))) Заранее благодарю)

    Asked by Orysya, April 27, 2015

    • css
    0 votes
    12 answers
15. Какой самый правильный способ выравнить два последних столбца по центру?

    Какой самый правильный способ выравнить два последних столбца по центру? Некоторые моменты: строк в таблице — сотниклассы каждой 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…

    Asked by Anymaxis, April 27, 2015

    0 votes
    8 answers
16. Верстка фона

    Добрый день. Подскажите как верстать такие фоны? Это все целая картинка

    Asked by Pato, April 27, 2015

    0 votes
    3 answers
17. Как сверстать такое (см. скрин)

    Здравствуйте. Есть задача сделать вот это: Пользователь будет грузить картинки сам, поэтому картинки будут разновеликие. Нужно, чтобы они вставали в похожую структуру. Картинки будут увеличиваться по клику в реальный размер.

    Asked by Squidward, April 26, 2015

    0 votes
    3 answers
18. Галерея с альбомами

    Всем здравствуйте. Сделал сайт на шаблоне http://html5up.net/spectral Осталось сделать галерею. Сайт дизайнера - требуется галерея с альбомами. По типу на страничке есть 20 проектов (thumbs) и при клике на один что-бы открывалось крупное изображение со слайдом остальных фотографий проекта, и так на каждый проект. Помогите сделать такое, пожалуйста. По оплате - договоримся.

    Asked by htmlman3, April 26, 2015

    • HTML5
    • css
    • jquery
    • помогите
    • очень нужно
    0 votes
    1 answer
19. Материал для изучения HTML и CSS

    Здравствуйте! Подскажите пожалуйста какие-либо ресурсы / материалы для изучения HTML + CSS включая современные тенденции в этой области, что подразумевается под фразой "современные тенденции", когда то давно я начал изучать PHP, там были примеры как писать Web-приложения, построенные на функциях и множестве файлов (точек входа), потом все выученное я пытался адаптировать под классы, множество раз переписывал, с целью найти правильную концепцию написания сайтов, пока мне не посоветовали прочитать про схему MVC, если бы допустим в книге это было написано, я бы сэкономил кучу времени. Так же просьба отнестись с пониманием, перечитывать 10 книг по HTML и CSS это конечно хор…

    Asked by CLK, April 26, 2015

    • изучение HTML и CSS
    • литература HTML и CSS
    • материалы HTML и CSS
    • ресурсы HTML и CSS
    • статьи HTML и CSS
    • современные тенденции HTML и
    0 votes
    5 answers
20. Эффект как на сайте apple точка com

    Здравствуйте. Есть всем известный сайт. К хроме, опере и яндекс при прокрутке можно увидеть эффект. Кто-нибудь знает, как такое можно осуществить? Похоже на параллакс, потому что текст при скролее смещается. На вид не сложный. Спасибо. кто что знает где что взять)

    Asked by kattiperk, April 26, 2015

    • paralax
    • apple
    • zoom
    0 votes
    7 answers
21. Помогите настроить вертикальное меню!

    Здравствуйте! Помогите пожалуйста настроить вертикальное раздвижное меню. Не корректно отображается сайт, когда я ставлю меню. Все дело в этом: * {margin: 0px;padding: 0px;}.wrapper {width: 230px;margin: 50px auto;} Само меню: https://jsfiddle.net/cgzq6nba/

    Asked by Asso95, April 25, 2015

    • вертикальное меню css
    • js
    0 votes
    0 answers
22. Почему правила не работают в мозиле и немного ркриво в Safari?

    Всем привет. Столкнулись с проблемой, что правила не работают именно в мозиле и немного криво в сафари. http://jsfiddle.net/nf6vpg8n/224/ При растягивании окна не сохранаются пропорции таблицы на DIVах Как можно решить вопрос, чтобы данная таблица заработала в мозиле, сафари и была такой же резиновой как в Хроме или IE или Опере?

    Asked by kodzero, April 25, 2015

    0 votes
    1 answer
23. Как сделать прямоугольник с рамкой?

    Нужно сделать рамку в 2 пикселя со стороны гипотенузы. Столкнулся с разными значениями рамки при масштабировании: http://cssdeck.com/labs/4ct3z0gy Да и вообще какая то кривая рамка получается. Может я что-то не так делаю? Это можно как то решить без канваса или там изображений чисто на css?

    Asked by Flexible Curd, April 25, 2015

    0 votes
    6 answers
24. Выравнивание блока по центру

    Добрый день, у меня есть блок шириной 100% от минимальной ширины сайта 960px в этом блоке еще два блока шириной например по 400px. float у них по левому краю. Если уменьшать ширину окна браузера до минимальной то правый блок смещается вниз. Все так и должно быть но как мне выравнить эти два блока по центру когда блок не помещается в минимальную ширину и смещается вниз?

    Asked by user_name, April 25, 2015

    0 votes
    5 answers
25. Оптимизация ширины шапки под разные разрешения

    Друзья, подскажите, недавно начал изучать html+css и сейчас столкнулся с такой проблемой. Сам обладатель экрана 1600х900. В сверстанном макете шапкой является изображение размера 1026х224, Если порезать его максимально без утраты смысла, получится - 912х203. Нужен способ запилить шапку таким образом, чтобы на меньшем разрешении корректно отображалось, т.к. в данный момент на мониторе 1280х1024 появляется скроллинг по ширине. Интересует также - есть ли возможность сделать некие пропорции каждой части в css, чтобы при любом разрешении отображалось корректно? А то подозреваю, что такая же проблема может появиться и с другими частями кроме шапки.

    Asked by Sarefe, April 25, 2015

    0 votes
    0 answers