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
-
Не понятки с 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 -
съезжает меню
http://immersprint.tk/(не реклама) вот сайт, если входу под логином и паролем, то верхняя менюшка нормально располагается, фиксированная позиция, а если я как гость на сайте, то меню съезжает вверх, да и вообще сейчас влево уехало... #container { margin: 0 auto; padding: 30px 30px 0; width: 930px; background:rgba(0, 0, 0, 0.6); border-radius: 5px 5px 0 0; box-shadow: 0 0 5px 0 #555555; overflow: hidden;}#top-menu-container { margin: -32px auto; width: 990px; height: 55px; position: fixed;}#top-container { background: #333333; background: rgba(51, 51, 51, .95); border-radius: 0 0 5px 5px; padding: 0 30px; width: 930px; border-bottom: 1px solid #999999; positio…
0 votes5 answers -
как решить обрезку меню с position: fixed, при сужении окна браузера
Искал решение и встретил какой-то сайт с такой же проблемой. http://immersprint.tk/(не реклама). ВОПРОС: А возможно сделать так, чтобы верхнее меню, которое position: fixed, при сужени браузера не резало правый его край? Может есть какой плагин?
0 votes1 answer -
Инпут с выпадающим списком
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как реализовать такое, что бы при клике в инпуте выпадал список?
0 votes10 answers -
Изменение масштаба макета
Здравствуйте, дорогие друзья! Я начинающий верстальщик. Выполняя макет столкнулась с такой проблемой: при уменьшении масштаба все элементы макета начинают плыть. Помогите пожалуйста решить эту проблему и если можете дайте рекомендацию по улучшению кода. Ссылка на проект: http://rghost.ru/7WnZCZt5Y
0 votes3 answers -
Как изменить фон
Как изменить фон на главной странице до красной линии?
0 votes6 answers -
CSS. Выравнивание div элемента с позиционированием fixed, внутри ячейки таблицы
Здравствуйте! Подскажите пожалуйста какие есть варианты горизонтального выравнивания по центру ячейки таблицы, блока div с позиционированием fixed. <table width="1000" border="1"> <tr> <td width="1000"><div style="position:fixed;top:0px;">Текст блока</div> </td> </tr> <tr></table>
0 votes4 answers -
Простое позиционирование DIV, а куча проблем!
Доброе время суток! Нашел в инете такую идею реализации блоков. Пытался ее реализовать 2 дня, не все получается, что хочется. Можете помочь кодом? Дело в том, что она еще и резиновая. Спасибо большое.
0 votes16 answers -
Проблема с формой
Как сделать так, что бы, не пропадала иконка, при клике на поле? http://jsfiddle.net/bzr1pq2p/ Как ещё сделать, что бы при клике на поле поиска, иконка сменила позицию на background-position: 0 -41px;?
0 votes8 answers -
Баг мобильных браузеров
В мобильных браузерах такой вот баг: появляется отступ справа. В чем может быть проблема? Как исправить?
0 votes6 answers -
Оверлеи поверх картинок
Введение. Есть некое приложение на С. Оно взаимодействуя с пользователем собирает данные. Данные используются для генерации html кода. html код выводится в отдельном окне браузера. На сей момент все нормально. Проблема. Флаг, предположим, Турции, можно составить из трех элементов - фона <div> и двух объектов <img>. Пользователь задал данные, при которых цвета элементов иные. Программа изменяет html код. Тогда изменяется свойство css div.flagbackground{...; background:"#FFBB80"}То, как наложить цветовой фильтр на картинку (монотонная) - и есть проблема. Как вариант - загружать картинки белого цвета и накладывать фильтр. Ограничение лишь в чита…
0 votes8 answers -
Какие бывают меню (навигация)
Здравствуйте! Вопрос может показаться странным и специфическим, просто я делаю одну вещь на РНР, которая должна будет принимать данные со стороны и на основе их делать меню, как-то так, по этому мне надо разобраться какие "типы" ссылок в меню бывают, что я подразумеваю под словом "типы", типы в моем случае разделяются исключительно только по заданному у них атрибуту class и стилям (которые через этот class и задаются), допустим есть меню из 3-х элементов: "Главная", "Контакты", "О сайте". Мы находимся на странице "О сайте": - простое меню, все ссылки имеют одинаковый стиль (один class), "О сайте" ни как не выделяется. - меню посложнее, тут уже ссылка "О сайте" выделена ц…
0 votes3 answers -
Полупрозрачный фон на изображении
Добрый вечер форумчане. Столкнулся с такой проблемой. Никак не получается наложить полупрозрачный фон на изображение. Пример можно посмотреть здесь http://rezka.plasmainfo.ru. Заранее спасибо за ответы.
0 votes6 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 -
Отступ...
Помогите пожалуйста! Вот ссылка на страницу. Там между слайд-шоу и текстом большой пробел и снизу отступ. Ничего понять не могу. Как убрать эти пробелы? Вот 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 -
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 -
Проблема с nth-child
Коллеги, загвоздка, помогите разобраться. Проблема Суть: идут блоки, у каждого border-top. Задача: первым двум его убрать. Делал через nth-child(1) и nth-child(2), но не вышло.
0 votes2 answers -
Определенные контент от сайта в <iframe>
Здравствуйте. Извиняюсь, если пишу не в ту категорию, ибо не знаю, к какой категории отнести мой вопрос. Появилась нужда сделать чтобы в <iframe> выводилась определенная часть контента сайта, т.е. контент в определенном блоке. Была мысль реализовать это через :select(Если не ошибаюсь) в CSS но как сделать, чтобы все выводилось я не понял. Такое вообще можно реализовать не прибегая к js или php?
0 votes8 answers -
Виртуальная(?) ссылка
Адреса на сайтах blizzard имеют такой вид: http://eu.battle.net/wow/ru/blog/18539917/обновление-62-для-ptr-16-04-2015 "обновление-62-для-ptr-16-04-2015" не является каким-либо файлом, то есть на эту страницу можно попасть, введя что угодно (или вообще ничего) после /18539917/ . Как это делается? Надеюсь на конструктивный ответ, на других форумах тока только попусту треплются.
0 votes3 answers -
как правильно делать сетку сайта , что за wrapper ?
У меня небольшой вопрос, как правильно делать сетку сайта и что за часто встречающийся класс wrapper ? Я правильно понимаю что если я делаю сайт шириной 980px то я делаю id или класс wrapper и указываю ему ширину 980px, центрирую его и уже внутри блока с классом wrapper делаю сетку сайта ? тоесть wrapper обворачивает все содержимое и он нужен для того чтобы сделать рабочую область шириной 980px в которой делают сетку сайта? и для класса wrapper надо задать : position:relative;left: auto;right: auto;или отцентрировать с помощью margin:auto; ?
0 votes9 answers -
Как растянуть контейнер по высоте для фонового изображения
Здравствуйте! Буду благодарен за помощь: http://jsfiddle.net/zp41stpk/ Необходимо вместо белого цвета (контейнер main) вставить адаптивную картинку - фон. То есть, насколько я понимаю, нужно растянуть main по всей высоте body. Вариант с фоном для body не подходит, так как нужно, что бы изображение растягивалось ТОЛЬКО в контейнере main. Заранее благодарю.
0 votes4 answers -
Как сделать адаптивную таблицу?
Делаю адаптивный дизайн. Запутался, что с таблицами делать. Вот например дано: <style type="text/css">.tg td{border-style:solid;}.tg th{border-style:solid;}</style><table class="tg"><tr> <td rowspan="2" >Ячейка 1</td> <td nowrap >Ячейка 2</td> <td>Ячейка 3</td> <td rowspan="2">Ячейка 4</td></tr> <tr> <td colspan="2">Ячейка 5</td> </tr> </table> Погуглил, предлагают делать на основе дивов. заменил на дивы <style type="text/css">.mytable {width:500px; border:1px solid black;}.mytable td{border:1px solid black;}.tr {border:1px solid black; }.td {border:1px soli…
0 votes6 answers