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
-
Не работает 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://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 -
Конфигурация меню
Всем привет. Прошу помощи в решении проблемы с изменением цвета одного пункта меню. Пробывал поменять цвет в .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 -
Как сделать hello world по центру
Как сделать hello world здесь http://jsfiddle.net/0yamrL7h/2/ по центру
0 votes4 answers -
Заполнение таблиц при помощи форм в html
Я создал таблицу на 1 странице. И создал ячейки с полями для ввода. Как мне сделать так чтобы каждое поле для ввода после подтверждения заполняло соответствующую ячейку в таблице?
0 votes10 answers -
Не правильный путь к файлу
Понимаю, что задаю очень глупый вопрос, но я не могу его решить. На сайте есть div с background-image. Путь к файлу прописан в style.css (css файл лежит в отельной папке "сss") и он таков: img/slide.png. К сожалению картинка не отображается, но если просто скопировать картинку в папку css, где лежит файл style.css и изменить путь на: slide.png, то картинка отобразится. Помогите, пожалуйста.
0 votes2 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 -
Разный контент для разных разрешений
Приветствую! Такой вопрос, есть сайт с адаптивный дизайном, нужно встроить туда код виджета от aviasales. Дело в том, что их блоки не адаптивные, и ширина у блоков фиксированная. Я нашел выход, как решить эту проблему. Через css медиа запросы, только не догоняю как это сделать. Я создал несколько блоков разных размеров под каждое разрешение, и нужно показывать именно тот блок, который подходит под разрешение, а остальные скрывать через display: none Подскажите пожалуйста, как это можно сделать?
0 votes8 answers -
Сделать на чистом css
Доброго вечера! Возможно мой вопрос покажется Вам тупым, но не подскажет кто-то можно ли это сделать чистым css http://clip2net.com/s/3gPXWAH, без вставки background-a?))) Заранее благодарю)
0 votes12 answers -
Как сделать прямоугольник с рамкой?
Нужно сделать рамку в 2 пикселя со стороны гипотенузы. Столкнулся с разными значениями рамки при масштабировании: http://cssdeck.com/labs/4ct3z0gy Да и вообще какая то кривая рамка получается. Может я что-то не так делаю? Это можно как то решить без канваса или там изображений чисто на css?
0 votes6 answers -
Чтобы фоновая картинка страницы растягивалась по вертикали на весь экран
Может кто сможет ответить на вопрос: как сделать, чтобы фоновая картинка сайта растягивалась вертикально? Я нашла стиль для горизонтального растягивания фоновой картинки: body { background-image: url(images/1.jpg); background-repeat: no-repeat; -moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; } Существует ли что-то подобное для вертикального растягивания фоновой картинки сайта?
0 votes8 answers -
адаптивная высота контентного блока
Доброго дня. Стоит задача реализовать, чтобы хедер был вверху, футер всегда прибит к низу (всегда виден), а контент растягивается на оставшееся между хедером и футером место. Чтобы это работало на разных разрешениях, т.е. если контента текста меньше чем блок контент по высоте, то блок все равно тянется до футера, а если текста больше, чем блок контент по высоте, то у него появляется прокрутка. В идеале, чтобы хедеру и футеру не задавать высоту, но можно и с сатичной высотой. Можно ли это реализовать без 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 -
Не отображаются яндекс карты
Доброго времени суток. Помогите исправить косяк. Есть страница, на которой яндекс.карты исправно отображаются: http://imatte.ru/work/ufa/map.html К этой странице я приделал выпадающее слева меню, и теперь карты перестали отображаться: http://imatte.ru/work/ufa.town/map.html Подскажите, как пофиксить?
0 votes1 answer -
Склеивание сайтов
Добрый день, нужна помощь умных людей. Имеется сайт на хостинге (неивесный мне) и имеется сайт (html) на компьютере который я делал. Вопрос. Как мне заменить сайт на хостинге тем который у меня на компьютере, чтобы он не потерял свои позиции в поисковых системах. Тупо заменил в файловом менеджере хостинга, но все равно в поиске старый сайт и при переходе по ссылке ошибка о том что страница не существует, что делать, тема горит.
0 votes10 answers -
Эффект как на сайте apple точка com
Здравствуйте. Есть всем известный сайт. К хроме, опере и яндекс при прокрутке можно увидеть эффект. Кто-нибудь знает, как такое можно осуществить? Похоже на параллакс, потому что текст при скролее смещается. На вид не сложный. Спасибо. кто что знает где что взять)
0 votes7 answers -
Как сверстать такое (см. скрин)
Здравствуйте. Есть задача сделать вот это: Пользователь будет грузить картинки сам, поэтому картинки будут разновеликие. Нужно, чтобы они вставали в похожую структуру. Картинки будут увеличиваться по клику в реальный размер.
0 votes3 answers -
Почему правила не работают в мозиле и немного ркриво в Safari?
Всем привет. Столкнулись с проблемой, что правила не работают именно в мозиле и немного криво в сафари. http://jsfiddle.net/nf6vpg8n/224/ При растягивании окна не сохранаются пропорции таблицы на DIVах Как можно решить вопрос, чтобы данная таблица заработала в мозиле, сафари и была такой же резиновой как в Хроме или IE или Опере?
0 votes1 answer -
White-space и лишние пробелы
Доброе время суток. Пациент. Это вывод некоторого кода, изменять который у меня нет привилегий (только изменение CSS). Вы, наверное, заметили, что между таблицей и второй рамкой есть промежуток в виде лишних пробелов, которые выдает код. Возможно ли как-то их убрать?
0 votes9 answers -
Верстка фона
Добрый день. Подскажите как верстать такие фоны? Это все целая картинка
0 votes3 answers -
Header пропадает, если в нём просто фон или картинка
Делаю свой первый сайт. http://cssdeck.com/labs/fxuxxevq При любом из !DOCTYPE тег header не показывает содержимое (фон или картинка), но может показывать заголовок - тогда и фон отображается. Как сделать, чтобы только фон или картинка отображалась без употребления заголовка?
0 votes3 answers -
Отступ...
Помогите пожалуйста! Вот ссылка на страницу. Там между слайд-шоу и текстом большой пробел и снизу отступ. Ничего понять не могу. Как убрать эти пробелы? Вот html: <!--Это слайдер--><!--We will make a slider with stylized thumbnails using CSS3The markup is very simple:Radio InputsLabels with thumbnails to detect click eventMain Image--><div class="slider"><input id="id1" name="slide_switch" type="radio" /> <label for="id1"> <img src="/karikaturi/images.jpg" style="position: absolute; left: 0px; top: 0px; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; transform: scale(1.1); line-height: 20.7999992370605px;" /><img src…
0 votes3 answers -
атрибут html для печати файла есть ли такой?
Добрый день! подскажите плиз ) есть атрибут download (http://htmlbook.ru/html/a/download) результат - нажал на ссылку и файл автоматически скачивается а что нужно дописать чтобы файл автоматически вывелся на принтер и распечатался? или подскажите где это уже обсуждалось спасибо!
0 votes9 answers