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
-
не выводится слаидер в попапе
Добрый вечер ! не выводится слаидер в попапе должно быть так как на картинке слева а он не загружается не знаю что делать что подскажите при нажатии на картинке он должен открытся http://cyberverstka.hol.es/po-ap/popau.html
0 votes2 answers -
Фотоколлаж? Фотоколлаж!
Всем привет! Есть такая бяка: Коллаж состоит из очень мана много фотографий. При наведении на изображение происходит его увеличение(видно на скрине). Что-то похожее нашёл здесь: http://www.artox.com/. Здесь они выложили по контуру спаны с бг, потом сверху наложили трафарет, потом спозиционировали ссылки соответственно спанам, к которым при ховере добавляется бг. Может у кого есть какие идеи по упрощению?
0 votes7 answers -
Открытие страницы со смещенным скроллом
необходимо чтобы при открытии страницы, шапка была проскролена. Знаю что такое возможно с помощью якорей, но не возможно ли это сделать без использования меток в ссылке?
0 votes1 answer -
Помогите с простой задачей XML, CSS
Доброго времени суток, товарищи! Прошу помочь с таким вот заданием: Вывести содержание документа XML, который приведён ниже, в виде таблицы с фиксированной шириной 900px, где каждый столбец имеет фиксированный размер. Каждый второй ряд таблицы выведите красным цветом.
0 votes0 answers -
Какие технологии применены?
С помощью каких технологий можно сделать подобное интерактивное видео с элементами геймификации и как эти элементы называются (провести мышкой по точкам) (без связки с телефоном (для этого есть Pusher вроде))? http://www.kingsmanmovie.com/becomeakingsman/code Я так понял, этот сайт сделан с помощью backbone.js и underscore.js. Есть ли какие-то туториалы или решения для создания таких видео с геймификацией (взаимодействием)?
0 votes3 answers -
Как отправить форму с html страницы на страницу которая формируется бинарным кодом?
имеется форма на сервере (https://omemo.ca:5281/register-on-omemo.ca) внешнему редактированию она не поддается, так же на ней имеется капча, которую убирать не желательно. на другом сайте сделал красивую форму https://monolith.plus/xmpp/xmpp-register.html name у полей продублировал (такие же как на сайте регистрации) но при отправки формы перекидывает на страницу register-on-omemo.ca Так же хочу заметить, брал всю форму в айфрем, вместе с капчей, в таком случае все нормально срабатывает, но так же остается не редактированный внешний вид, по этому это не подходит. подозреваю что перекидывает на страницу из-за капчи на omemo.ca
0 votes1 answer -
Адаптивная верстка блоков сайта
Здравствуйте! Только начинаю делать сайты, прошу помощи в следующем вопросе. Сайт использует систему сеток bootstrap-4. На главной странице идет перечень товаров-блоков. Причем, необходимо сделать так, чтобы при размере экрана >1200 в один ряд было 4 блока, при размере 768<экрана<1200 было 3 блока в один ряд, при размере 576<экрана<768 было 2 блока в один ряд и при размере экрана<576 был один блок в один ряд. Конечно чтобы блоки занимали максимальную ширину. И самое главное! Надо сделать так, чтобы при изменении размера экрана и соответственно количества блоков в одном ряду переходящие вниз блоки занимали все пустые места, то ес…
0 votes1 answer -
Помогите решить проблему отображения img в IE6
Столкнулся с проблемой в IE6. 1. <div> содержит img 2. css у img написан так что он должен: - выходить за рамки содержащего его <div> - и пересекаться (или накладываться) на <div> расположенный ниже Браузеры IE7, FF, Opera, Safari понимают. В IE6 = <div> расположенный ниже <div> содержащего img, обрезает img (или img залазит под <div>, который идет ниже или еще так <div>, содержащий img не выпускает его за свои пределы), в любом случае, та часть изображения которая должна быть за нижней границей дива обрезается. Может кто-нить решал подобную проблему, может кто-нить даст волшебный пендель в нужном направлении? Буду рад г…
0 votes1 answer -
Помогите с DIVами. Разместить один DIV под двумя другими
Добрый день. В теме может немного криво описал задачу, постараюсь здесь подробнее... Вопрос собственно вот в чем: Есть у меня три блока: 1. content (центральная колонка) 2. r_block (правая колонка) 3. bottom (подвальчик) Проблема в том, что не могу разместить блок bottom под другими двумя блоками. #content {width:67%; height:100%; margin-left: 30px; float:left;} #r_block {float:right; margin-right: 15px;} #bottom {clear:both; padding-top:25px; padding-bottom:25px; margin-left: 30px; width:90%;} Что и где нужно исправить? В таком виде, получается, что bottom располагается не под двумя, а только под одним из блоков...
0 votes1 answer -
2 вопроса, JavaScript+CSV и div в div
Всем привет у меня два вопроса: 1. Можно ли файл CSV отобразить на странице выбрав его на локальном компьютере и никуда не сохранив на сервере. 2. Возможно ли сделать что бы по нажатию кнопки добавлялся div не отображался а именно добавлялся новый, а при 10 нажатиях добавлялось 10 дивов друг под другом. Если это возможно сделать или кто-то делал подскажите пожалуйста как, или направьте в какую сторону копать.
0 votes2 answers -
Не закругляется бордер у таблицы
Фон закругляется, а бордер нет. Проблема решается удалением "border-collapse: collapse" у table, но без этого свойства никак. Или же можно включить table в блок, и уже ему, а не таблице, задать бордер. Но можно ли как-то обойтись по-другому? как заставить таблицу закруглять уголки? опыта с таблицами практически никакого. Спасибо, заранее. Линк
0 votes3 answers -
Высота блока
Делаю комментарии на сайте. Каждые 30 комментариев открывается вниз(типо страницы). Так вот проблема в следующем. Надо изменять высоту блока,где будет располагаться блок с комментариями. Как я делаю. С помощью яваскрипт всовываю все коммент. в блок с Ид=homeInfoMan ,потом узнаю высоту этого блока,который находится в основном блоке home .Возникает проблема var heightInfoManCom=document.getElementById("homeInfoMan").style.height; всегда равно нулю. Почему ?!
0 votes3 answers -
Проблема с валидностью php файла
Всем привет подскажите пожалуста, как правильно в php файле должны писатся стилевые значения чтоб проходили валидность в <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru"> Вот отрывок кода с файла(//Записи, картинка if ($conf[26]==1) if ($conf[29]=='left') echo "<td valign=".$conf[30]." width=10% align=left><img src=/user_count/admin/img/us".$conf[27].".png border=0 /></td>"; echo "<td>"; ) Ошибка валидности вот тут в нуле border=0, как…
0 votes2 answers -
Фон 100% + текст на нем фиксированный
Есть таблица в ячейке которой размещается текст, задача следующего характера, что бы фон в ячейке растягивался на 100%, фон это картинка, а текст размещался по верх этого фона, ну и конечно же при изменении разрешения нужно что бы текст оставался в рамках этого фона. Можно и дивами это не принципиально . Обрыл уже кучу тем, но чего то именно стоящего не нашел. Да может можно просто как то написать поверх картинки текст, но что бы он то же не вылазил при изменении разрешения за рамки картинки - Фотошоп не предлагать Да и хотелось бы что бы это решение работало во всех браузерах. Простите, что так нагло прошу, но реально долго ищу нормальное решение. Корявый код свой не пиш…
0 votes4 answers -
Вертикальное примыкание
Всем доброй ночи =) У меня появился вот такой вопрос <div id="GLAVNII" style="width:700px; height:600px"> <div CLASS="PERENT" style="height:inherit;"> <div style="width:auto; height:300px;"></div> <div CLASS="CHILDE" style="width:auto; height:100px;"></div> </div> </div> Как мне сделать так что бы элемент .CHILDE примыкал к низу элемента .PERENT? Дабы если я увеличу высоту #GLAVNII тогда увеличится и высота .PERENT а он уже свою очередь потянет за собой .CHILDE который будет примыкать к его нижней границе !!
0 votes7 answers -
Три div'a в одном диве горизонтально.
Ребят а подскажите как сверстать такую штуку (смотри скрин). ФОТО Вот HTML: <div id="t0"> <div id="t1"> </div> <div id="t2"> </div> <div class="t3"> </div> </div> Мне нужно чтобы блок 1 был 100 px, блок 3 - был 100 px, блок 2 растягивался на все остальне пространство. Проблема в том что они не находятся на одной линии (1-ый стоит как и должен стоять, а вот второй, почему то смещается по горизонтали вниз (когда должен быть на одной линии с первым), выходя за слой t0) Подскажите как сделать? Спасибо.
0 votes4 answers -
Не тянется сайт по высоте.....
Друзья подскажате, что за фигня.....не растягивается страница по всей длине. Если есть контент, то всё ок, а если его мало или нет, то.... Подскажите, где ошибка, как исправить?????
0 votes3 answers -
Помогите с CSS
Привет. Firebug-ом нашел элемент, подправил html код. С права появился element.style с параметрами. В какой css необходимо его прописать я никак не пойму. Подскажить плиз...
0 votes5 answers -
Помогите настроить слайдер
Здравствуйте. Выполняю тестовое задание на верстку. В числе элементов страницы есть и относительно простой слайдер на Jquery. Я выполняю его по уроку, найденному здесь: http://heavenweb.ru/delaem-prostoy-slayder-na-jquery В идеале должно получиться примерно так как здесь: http://allins.ru/ Я полностью скопировал приведенный на HeavenWeb код, только имена объектов, естественно, поменял на свои. К сожалению, код работает не полностью: кнопки переключения не подсвечиваются, как должны и по стрелкам слайды не переключаются. Кроме того, после подключения js-кода, на картинки с кнопками накладываются сверху еще такие же картинки. В firebug'е убираю background-image - подсветк…
0 votes4 answers -
Отступ при отрицательном margin
Здравствуйте. Не могу разобраться с одной проблемой. Есть блок(список), у которого стоит отрицательный margin c левой и с правой стороны соответственно. .horizontal-list { overflow: hidden; margin: 0 -35px;}Собственно проблема: при уменьшении окна браузера менее 900px в ширину, справа образуется отступ равный все те же 35px и становится виден задний background body-тега. -- Можно это как то исправить не убирая отрицательные отступы(выступы) у списка? Код можно посмотреть тут -- Так же черкану тут: HTML: <div class="row post" > ... <ul class="horizontal-list" > <li class="col-md-4" > ... </li> <li class…
0 votes0 answers -
Вопрос от чайника по размеру изображений
Доброго времени суток! Я самая что ни на есть начинающая. Купила книгу по html, вот сижу ее штудирую. Поэтому заранее прошу пощения за совершенно идиотский вопрос. Автор сначала нарезает макет будущего сайта, сохраняет изображения и пр. и пр. Потом начинает верстать сайт с самого начала. И на моменте, когда он добавляет в код изображения, я немного запуталась. Вот пример : <a href="#"<img alt="" src="img/cart.png" width="66px" height="59px" /></a> Это что-то типа картинки/баннера со ссылкой, не суть. Я не понимаю, откуда он берет значения ширины и высоты? Не из головы же он прописал именно эти цифры? Я повторяю каждое его действие на своих картинках…
0 votes3 answers -
Пошаговая форма, проблемы
Я новичок в этом деле, никак не могу сделать, пошаговую форму (html + css). Не получается скрыть ненужные формы в данном шаге. Например: при первом шаге, должна отображаться только первая форма, а вторая и третья должны быть скрыты. Аналогично со вторым и третьим шагами... а и еще только html + css, скрипты и т.д. пока еще не знаю )) Вот пример: http://jsfiddle.net/3Lgfo785/ Прошу выложить решение! Заранее благодарю!)
0 votes5 answers -
Как правильно применить стиль к li class X ul class Y?
Нужно расширить подменю 2, но чтобы 1 осталось как есть но я путаюсь в уровнях вложенности , пробовал так, но не работает .item-3 deeper parent .mega-menu { }т.е. нужно изменить стиль к "мега-меню" , которое расположено в li с классом item-3 deeper parent при этом чтобы мега-меню li другого пункта не задело Вот пример <li class="item-1 deeper parent"><a class="separator" href="#">Меню 1</a> <ul class="mega-menu" style="width: 307px;"><li class="item-2 deeper parent" style="width: 500px;"><a class="separator" href="#">Пунт меню 1</a> <li class="item-3 deeper parent"><a class="separator" href="#">Меню 2</a&…
0 votes3 answers -
Проблемы с адаптацией шаблоны.
Сделал адаптивный дизайн сайта. В браузере, при просмотре, как сайт будет выглядеть с мобильных устройств, все отлично. На различных сервисах, которые показывают как сайт будет выглядеть тоже все отлично. Но, вот уже при просмотре с самого мобильного, есть проблемы. Смотрите на скриншотах. Вот так выглядит меню (1 картинка) При клике оно открывается (2 картинка) Но когда смотришь сайт с самого телефона, категории уезжают куда-то вниз... (3 картинка) Как исправить данную проблему?
0 votes3 answers -
выносить ли в хелпер?
скажите пожалуйста стоит ли выносить подобные простые функции в хелпер или это параноя? changeColorFields: function(selector, borderColor) { $(selector).css({ border: '1px solid ' + borderColor }); } у меня в программе эта функция используется раз 10
0 votes2 answers