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
-
Проблема с nth-child
Коллеги, загвоздка, помогите разобраться. Проблема Суть: идут блоки, у каждого border-top. Задача: первым двум его убрать. Делал через nth-child(1) и nth-child(2), но не вышло.
0 votes2 answers -
padding для IE
Добрый день, имеется код: <div> <ul> <li>текст</li> </ul> </div> Во всех браузерах для li назначено padding 5px, а для всех ie 10px. Создал отдельный фаил ie.css, прописал там стиль, в шаблоне между head прописал: <!--[if IE]> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/syte/css/ie.css" type="text/css" /><![endif]-->но стиль не применяется. Тестирую в 11 версии ИЕ.
0 votes2 answers -
Не правильный путь к файлу
Понимаю, что задаю очень глупый вопрос, но я не могу его решить. На сайте есть div с background-image. Путь к файлу прописан в style.css (css файл лежит в отельной папке "сss") и он таков: img/slide.png. К сожалению картинка не отображается, но если просто скопировать картинку в папку css, где лежит файл style.css и изменить путь на: slide.png, то картинка отобразится. Помогите, пожалуйста.
0 votes2 answers -
Не работает 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 -
как сделать вид
всем привет. как настроить вид для мобильных устройств? т.е., при входе на страницу, должно отображаться только меню сайта. без контента. В общем как к примеру моб. версией вк.
0 votes2 answers -
Проблемы с бутстрап - высота колонок при адаптивности.
Доброй ночи, уважаемые форумчане! Столкнулась с проблемой при использовании бутстрап, Есть 4 колонки - при нормальном расширении все ок, row подстраивается под высшую колонку и нормально толкает вниз контент, при появлении адаптиности это не происходит - то есть в том же ров есть 4 колонки но уже в 2 ряда и автоматического выравнивания рядов по высоте колонки нету. Частично решить эту проблему можно задав при адаптивности высоту для well, но мне нужно чтобы колонки автоматически тянулись и шахматная доска не появлялась. http://clip2net.com/s/3h6dxUj Возможно, кто-то сталкивался с похожей проблемой и сможет что-то подсказать)))Буду очень благодарна за любые советы
0 votes2 answers -
Как подключить конфигуратор ко всем страницам сразу?
В общем, сделал электронный учебник html состоящий из 50 стр, создал файл css, чтобы подключать стили. Вопрос: Как подключить конфигуратор ко всем страницам сразу? Не прописывая в каждой стр <link>?
0 votes2 answers -
Эффект для блоков похожий на аккардеон
Здравствуйте! Подскажите пожалуйста под каким названием искать подобное или если у кого-то есть сбросьте решение. Есть блок, в нем размещаются 4 блока, в каждом из них есть данные, типа картинка и текст Нужно чтобы при нажатии на один из блоков, слева или справа появлялся блок с теми самыми данными что на исходном блоке, только он должен быть на всю ширину, то есть закрыть остальные блоки. Заранее благодарен!
0 votes2 answers -
вертикальные вкладки, в которых текст перевёрнут под 90 градусов
Здравствуйте! Подскажите ,пожалуйста, как можно сделать такое http://prntscr.com/71qpms ? 1) в табках текст должен быть перевёрнут на 90 градусов 2) текст может меняться (был tab1 , потом стал tab22222222222222) 3) табки должны иметь каждая свой размер, в зависимости от текста в ней. вариант сделать текст картинкой не подходит. !!!!!! поддержка IE8+ !!!!!!
0 votes2 answers -
Предложите тематику для сайта
Я хочу создать сайт ,знания есть ,нужна вот только хорошая идея ,любые предложения ,только одно главное чтобы это было что-то прям нужное людям ,ну и лучше чтобы это было что-то типа обучалки (моя цель создать сайт с определенным количеством страниц где-то 200-300 можно даже больше ,чтобы он имел хорошую посещаемость )За ранее спасибо!
0 votes2 answers -
Кликтабельная картинка и бегущая стро... картинка
Доброго времени суток! Я делаю работу по информатике и мне необходима ваша помощь. Итак! Мне нужно, что бы при нажатии на определённую часть картинки из угла html-документа вылезала картинка, останавливалась на расстоянии в 332 пикселя от правого края , задержалась на несколько секунд и возвращалась обратно, при этом всём сопровождаемая звуком. Возможно ли это сделать? Если да, то хотелось бы заполучить код.
0 votes2 answers -
кросбраузерность меню
Парни,такая проблема в Мозиле и в експлорере вижу так http://hostingkartinok.com/show-image.php?id=d6835b578a152b12ab213fe53c2fe2ed В хроме и опере так http://hostingkartinok.com/show-image.php?id=3201d239d5ae5147daddefd96882e80c Почему мозила портит все,я не могу понять(( Дайте совет,спасибо.
0 votes2 answers -
Проблема с tabs на css
http://versuscat.esy.es/blog.html Браузер,при переключении табов перенаправляет страничку вверх.Я хочу избавится от этого эффекта,чтобы когда переключал табы,положение на странице не менялось. http://codepen.io/wallaceerick/pen/ojtal - это исходник с которого было скопировано и переделано под себя решение(там тоже перенаправляет положение на странице вверх) Помогите пожалуйста
0 votes2 answers -
Помогите с шапкой
Как мне установить текст шапки чтобы на всех браузерах он был в одном месте Ссылка http://for-droid.ru/ И чтобы лучше понять мою проблему ,посмотрите в этой теме там есть примеры проблемы http://htmlforum.ru/index.php?showtopic=52749&hl= Заранее спасибо .
0 votes2 answers -
Viewport
Прочитал несколько статей на эту тему и не понял пару моментов. 1. По умолчанию (при отсутствии мета тега viewport) большинство мобильных браузеров задают странице фиксированную ширину в 980px. Зачем они так делают? Что мешает браузеру взять ширину сайта, какой бы она ни была, и втиснуть ее полностью по ширине экрана? Сейчас, если ширина сайта, например, 1100px, то часть страницы просто выйдет за пределы экрана и нужно будет свайпить. 2. Если прописать <meta name="viewport" content="width=device-width">, то, например Firefox в смартфоне LG L9 покажет ширину в 360px (window.innerWidth). Почему именно 360? Откуда берется эта цифра? Ведь в характеристиках устройств…
0 votes2 answers -
Раскрытие меню при наведении курсора
Добрый день! Есть одно приметное меню для сайта. Хотелось бы узнать, как реализовать в данном меню раскрытие дочерних пунктов не только при нажатии на родительский пункт, но и на при наведении курсора? Вот пример меню: http://pcvector.net/uploads/demo/scripts/accordion/flat_menu_accordion/index.html А вот и код: HTML + JQuery <!DOCTYPE><html><head> <title>Flat accordion menu | pcvector.net</title> <link rel="shortcut icon" href="/favicon.ico" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link href="style.css" rel="stylesheet" type="text/css"…
0 votes2 answers -
Не пойму что отвечает за анимацию
http://myasoedov.net/ справа иконка звонка. выдрал из этого сервиса http://smartcallback.ru/ вопрос: что я упустил где анимация...
0 votes2 answers -
Проблема с выпадающим меню
Проблема в том, что я навожу мышкой до 3 пункта под меню, и оно пропадает. вот сайт: http://www.s-podkova.com/ Вод код <div id="page"> <div id="header"> <a id="logo" href="http://www.s-podkova.com/" name="logo"></a> </div> <div id="navigator"> <div id="nav"> <var levels="1,2,3" expand="true" variant="nested" edit="1">navigation</var> </div> </div> <div id="stran"> <div id="content"> <var>content</var> </div> <div id="side#navigator { width: 1040px; padding:1; text-align: center; float:left; …
0 votes2 answers -
Зачем в бутстрапе для navbar есть Static top?
Здравствуйте. В бутстрапе есть класс navbar-static-top, поясните пожалуйста зачем, если по умолчанию у всех элементов и так position: static;
0 votes2 answers -
Не понятки с SetTimeout
Здравствуйте, Я читал “Современный учебник JavaScript ->Документ и объекты страницы->Навигация по DOM-элементам”. Там в статье есть интерактивный пример навигации в главе “ Интерактивное путешествие”. Вот прямая ссылка https://learn.javascript.ru/traversing-dom#интерактивное-путешествие Мне стало интересно как он работает, и я его вытащил. И странно что у меня он не заработал так как был реализован на сайте. Я его немного исправил и он заработал. А точнее в конце скрипта файла travel.js, я заменил строки. Закомментировал setTimeout, и написал просто init: if (iframe.contentDocument.readyState == 'complete') { //setTimeout(init, 2000); init(); …
0 votes2 answers -
Из-за положения div'а меняется текст в коде ниже
На моём сайте когда я блок .modal выношу в начало страницы (перед #content), весь текст на сайте (после .modal) портится: Что вообще происходит? И как с этим быть?
0 votes2 answers -
Можно ли создать отзывчивый дизайн, используя таблицы?
Возник такой вопрос: можно ли создать отзывчивый дизайн не на основе дивов, а используя таблицы? Имеется ввиду, что значения таблицы и ее ячеек будут указываться в процентах, как и в случае с дивами. Будет ли такой шаблон с таблицами правильно отображаться на мобильных устройствах?
0 votes2 answers -
Масштабирование сайта проблема 2
Как сделать так чтобы сайт выглядел при массштабировании как тут То есть при сильном уменьшении сайт располагался слева, а вправо можна было перемещаться скролом. А то сейчас обрезается левая сторона...
0 votes2 answers -
text-align: justify ie
Подскажите почему столбцы в .g-main-content не выравниваются по ширине и так ужасно отображается сам контейнер(дело происходит в IE). А в Chrome/Opera справа от .b-slider-controls появляется отступ в 1px. Ссылка.
0 votes2 answers