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
-
Резиновая картинка тянущаяся только вниз, по мере увеличения информации
Народ, подскажите, можно ли это реализовать. И если да, то как: Необходимо сделать простой одностраничный сайт, в котором по мере добавления нового текста - автоматически удлинялась бы картинка под ним. Полагаю, что для этого необходимо зафиксировать верхнюю и нижнюю часть изображения, и подготовить отдельный шаблон картинки, который будет добавляться между ними, по мере растяжения основного блока сайта? Как себе это представляю: html + css должно хватить? Что там писать? Заранее благодарен всем откликнувшимся!
0 votes0 answers -
Изменение ширины слоя для разных разерешний
Есть слой с всплывающей подсказкой и кнопкой закрыть: .modalDialog > div {max-width: 400px;}На смартфонах этот слой не помещается полностью и кнопку закрыть не видно. Как сделать ширину слоя 200 px для смартфонов, у которых разрешение например меньше 400 px?
0 votes1 answer -
Правка меню и разбор полётов с позиционированием объектов
Добрый день, решил поучиться верстке и натолкнулся на некоторые грабли, гугл не помогает, ну или я не правильно гуглю. Код в спойлере Первый вопрос: как настроить меню что бы отступы сами выравнивались?Ибо самому сидеть и подбирать в процентах как то не впечатляет. Пытался сделать что бы отступы были: top:50%; bottom:50%; left:50%; right:50%; Не работает, у меня div начинает сдвигаться в разные стороны. Второй вопрос: body я назначил relative что значит свободное позиционирование если я правильно понимаю. У верхних div-ов стоит статический мне нужно что бы всегда были сверху, то есть при прокрутке сайта они висели сверху. Но если я добавляю после <div …
0 votes0 answers -
Отключить показ маркеров начала и конца маршрута GMap
При построении маршрута Google Map API, добавляются маркеры начала и конца пути. Вот как бы их скрыть?? Накладываются на метку companyMarker и портят вид заразы... http://joxi.ru/12M16N3UZ6e02J
0 votes1 answer -
background или background-color в чем разница?
Возможно глупый вопрос, но интересует терминология. Часто подобное вижу в бутстрапе. Пример css код: background: url("/img/background.jpg") repeat-x;background-color: #ffffffПочему используются две переменные, разве не проще использовать одну? background: #fff url("/img/background.jpg") repeat-x;
0 votes4 answers -
Подскажите с формой поиска
Подсобите плизз, нубу Написал простую форму поиска на html css . В поле ввода находится текст типа Browse Products , когда курсором стираю этот текст и обновляю страницу - надпись в поле больше не появляется, только если полностью закрыть браузер и снова загрузить эту страницу. Такая ситуация только в Мазиле и EI 8 версии. Всю голову сломал...
0 votes7 answers -
Бордюры (border)
всем привет, народ подскажите пожалуйста в одном деле.
0 votes2 answers -
Пунктирная линия
Здравствуйте! Подскажите, как провести такую пунктирную линию: от круга до круга. Смотрите картинку: Код: https://jsfiddle.net/sy8jLp9f/ Спасибо.
0 votes4 answers -
Зачем нужны новые теги html5?
Добрый день. Зачем нужны такие теги как <menu>, <main> или <time>?
0 votes3 answers -
Помогите с ошибкой(код в сообщении)
Вот код, почему не срабатывает onclick? <!doctype html> <html> <meta charset='utf-8'> <head> <title>imgExample</title> <script src ='file:///E:/www/draw.js'></script> </head> <body> <canvas id='example' width = "640" height="480"></canvas> <script> var example = document.getElementById("example"), ctx = example.getContext('2d'), // Контекст picfon = new Image(); // "Создаём" изображение picfon.src = 'file:///E:/www/background/background.png'; // Источник изображения button1 = new Image(); button2 = new Image(); …
0 votes1 answer -
Как добавить canvas картинке событие onclick?
Нарисовал кнопку в фотошопе, добавил в canvas, теперь незнаю как добавить на картинку событие onclick, через тэг <img> неподойдет...
0 votes1 answer -
Как всегда центрирование
В общем только учусь, правильно верстать. Столкнулся с такой проблемой что не могу отцентрировать текст по вертикали в блоке, у блока заданна своя высота. Перепробовал много способов но сказывается отсутствие большого опыта. Сам пример лежит тут http://or.tmweb.ru/ Не использую не чего только css. Пробовал делать таблицей чего добился текст слетает влево. Скорее всего какой то див перенакладывается. Наткнулся в форуме вот на это но четсно говоря так и не понял. http://frontender.info/centering-css-complete-guide/ ПОдскажите как правильно сделать?
0 votes2 answers -
Лендинг и секции
Здравствуйте. Подскажите правильным ли путем иду. Делаю лендинг в котором несколько секций, допустим 4. Задача: нужно чтобы каждая секция была высотой 100% экрана. То есть я как понимаю: Задаю высоту <body> (или правильнее все таки обертку сделать?) высотой: 400%.Делаю высоту каждой секции по 100%. Так ли это? Если да, то вопрос следующий: Допустим у меня фиксированная навигация высотой в 100 px. Естественно первая секция увеличится и будет: 100%+100px. Что лучше в данном случае: Задать position: absolute; у навигации.(к чему склоняюсь) Сделать у секций top: -100px; Заранее спасибо!
0 votes8 answers -
document.write
Скажите, почему выходит на экран document.write тоже? <SCRIPT LANGUAGE="javascript"> document.write("<FONT COLOR='RED'>Иван рубил дрова</FONT><BR>") document.write("<FONT COLOR='BLUE'>Варвара топила печь</FONT>") </SCRIPT>
0 votes3 answers -
Увелечение фото и просмотр в том же блоке
Есть сайт как пример http://m.adidas.ru/uteplennye-vysokie-krossovki-hoops/F98853.htmlесли кликаем на мобильнике по лупе с плюсиком то фото октрывается большое в том же блоке. И там же таскаем пальцем просматриваем его. Правда не пойму, там надо oveflow scroll ставить, а потом ползунки както скрывать? Но как потмо пальцем фото таскать? Что за скрипт?
0 votes0 answers -
Как сверстать блок со своей прокруткой?
Всем привет! Подскажите, как лучше сверстать вот такой вот блок - http://joxi.ru/KAgkLqgHQJnXAl И прилепить туда свой бегунок Заранее Спасибо!
0 votes2 answers -
Помогите с макетом
Здраствуйте, прошу помогите сделать вот такую конструкцию прошу очень срочно нужно
0 votes0 answers -
Помогите с позиционированием
Доброго времени суток! Помогите пожалуйста с позиционированием формы через css. Мне нужно, чтобы форма была по центру окна. Чего не хватает в коде css? HTML: <!DOCTYPE html><html lang="ru"> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="style.css" /> </head> <body> <form action="" method="post"> <input name="name" type="text" /> <p><textarea name="comment" cols="40" rows="10"></textarea></p> <input name="button" type="submit" /> </form> </body></html>CSS: body { margin: 0; padding: 0; width: 100%; height: 100%…
0 votes6 answers -
Вопросы о регистрации, продлении доменов в .net и о "privat person"
Добрый день. Цены на домены в зоне .net сильно подросли. В связи с чем решил продлевать их там где дешевле. 1) Какие документы нужны что бы в будущем не возникало проблем с подтверждением прав на владение сайтом? (сертификат от того кто зарегистрировал это понятно, но может как то у verisign.com можно подтвердить?) 2) Законны ли требования регистратора, брать деньги за скрытие персональных данных (privat person) в зоне .net? Может есть законный способ уведомить регистратора о желании скрывать имя бесплатно? 3) Существуют ли сервисы (платные) где можно самому редактировать записи, или ускорять обновление dns?
0 votes0 answers -
Проблемы с position: fixed
Здравствуйте. Помогите пожалуйста с версткой. Проблема в том, что при увеличении страницы путем CTRL+ при появлении горизонтальной полосы прокрутки, меню не прокручивается в след за ней как остальное содержимое страницы. Точнее будет на примере, нужно как в Yahoo: https://www.yahoo.com/ верхний header остается статичным при вертикальной прокрутке, и также доступен при увеличении страницы при горизонтальной прокрутке. Мой пример с ошибкой http://jsfiddle.net/thfc/jL0524s2/1/. Пробовал через firebug код yahoo проанализировать, всё равно не получилось.
0 votes2 answers -
Кроссворд на HTML, CSS
Здравствуйте! Нужен кроссворд на HTML и CSS, JQuery. Подскажите как, что, каким образом делать. Может у кого-нибудь рабочий пример есть?...
0 votes6 answers -
как решить это
вроде спрашивал как то или нет, не помню вот проблема http://joxi.ru/8An6bM5FL5GoAO на мобильных устройствах шрифт вверх уходит будто разный line-height стоит на пк все ок и на айфонах более менее на других скачет все в чем проблема?
0 votes5 answers -
Как можно сделать адаптивной линейку превью?
Wordpress тема Tempera галерея создается плагином Photospace Responsive Gallery у плагина есть свой CSS Выглядит все так http://selftrips.ru/2015/09/08/22115. Плагин создает галерею с превью. В настройках можно задать видимое количество превью, остальные (если есть) можно видеть промоткой. Если количество видимых привью не помещается на экране в одну строчку, они начинают рисоваться в несколько, что не очень красиво. (точнее очень не красиво) При уменьшении разрешения (т.е. при просмотре через телефон) если превью много и на большом экране они были в одну строчку, то на мобильнике - начинаются показываться в несколько. Можно ли средствами CSS заставить "лишние" прев…
0 votes1 answer -
Как стиль подписи в галерее сделать аналогичным основной теме?
Wordpress тема Tempera галерея создается плагином Photospace Responsive Gallery у плагина есть чвой CSS Выглядит все так http://selftrips.ru/2015/09/08/22115. пример оригинального оформления https://yadi.sk/i/qSwmQT4QjeG4v пример оформления галереи https://yadi.sk/i/orhMw6G4jeG4g Если надо выложу оригинальный и CSS и плагина, или предоставлю доступ на тестовый сайт с этой темой и плагином.
0 votes0 answers -
И снова о "float"
После прочтения небезызвестной статьи на Хабре по поводу флоата: http://habrahabr.ru/post/142486/ Решил попрактиковаться, но не работает почему-то((Мой код иэ Брэкетса: http://clip2net.com/s/3oBGMRfПочему у меня не срабатывает "display: inline" для li ?Может потому что в статье речь идет о картинке, а у меня просто элементы списка? Подскажите!
0 votes3 answers