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
-
Добавить к картинке еще одну картинку
У меня есть блок в которой находится картинка . И как сделать так чтобы с верху и с низу добавлялась картинка ? типа ободки только картинка
0 votes4 answers -
сайт отображается по разному на разных браузерах
всем привет, учусь верстать сайты))), мой макет http://izimbetov.no-ip.org правильно отображается в хроме, но в мозилле по другому, как я понимаю нужно для мозиллы создать отдельный файл css?
0 votes6 answers -
Создание Skype/VK -подобной архитектуры чата
Задача: создать чат на сайте по типу Skype/VK. Проблема: не получается построить правильную структуру шаблона. Как прятать контент под шапку (частично решено) Как добавлять сообщения так, что бы они не уходили внизу под сайт, а добавлялись в видимую область. Как при это оставить возможность скрола, что бы можно было просмотреть весь список сообщений. http://codepen.io/RomanGorbatko/pen/lcprA - здесь я оставил прототип будущего приложения, на нем можно увидеть все описанные выше проблемы.
0 votes0 answers -
Проблема с tabs на css
http://versuscat.esy.es/blog.html Браузер,при переключении табов перенаправляет страничку вверх.Я хочу избавится от этого эффекта,чтобы когда переключал табы,положение на странице не менялось. http://codepen.io/wallaceerick/pen/ojtal - это исходник с которого было скопировано и переделано под себя решение(там тоже перенаправляет положение на странице вверх) Помогите пожалуйста
0 votes2 answers -
html Вёрстка блоков - как сделать логично?
Здравствуйте. Верстаю макет, рассчитан для мобильных и планшетов, резиновый временами. Есть такой блок - http://joxi.ru/1A59OwzSKyoyPA . Это вариант для десктопов. Далее для планшетов - http://joxi.ru/V2Ve8MBS0J1DLm . И для мобильных - http://joxi.ru/DrlO1yQc4OMjRA Как будучи в здравом уме и хорошем психическом состоянии сверстать логично, без использования скрытых блоков, типа с заголовком или списком, которые расположены не правильно, как по мне, в планшетной и мобильной версии. Вообще, стоил ли попросить другой дизайн или намекнуть дизайнеру, что он немного не понимает, как верстается из десктопного варианта в мобильные?
0 votes5 answers -
Атрибут disabled
Доброго времени суток, при написании одного из макетов встала проблема, нужно связать форму input с кнопкой, то есть задав параметр ввода через pattern="[a-z]{1,26}". Нужно сделать так чтобы при неправельно заполнены форме кнопка было не активной. <h2>Введіть Ключ</h2> <input id="key" class="form-control" pattern="[a-z]{1,26}" value="key" placeholder="Писати сюди"> <h2>Введіть слово</h2> <input id="slov" class="form-control" pattern="[a-z]{1,26}" value="hello" placeholder="Писати сюди"> <input class="btn btn-block btn-success" value="Закодувати" onclick="zakoduvaty5(this);" type="submit"> &l…
0 votes1 answer -
переопределение br
Можно как то высоту между сроками задать которые он переносит?
0 votes1 answer -
Отступ между дивами
Всем привет У меня проблемка: Есть два дива, у обоих стоит "margin: 0px; padding: 0px;", и ко всей странице тоже стоит "margin: 0px; padding: 0px;", но между дивами все равно получается отступ, который мне не нужен, и которого по идеи быть ну никак не должно... Из за чего такое может быть? Отрывок html кода: Отрывок css кода:
0 votes4 answers -
Экспорт из ЖЖ
Можно ли сделать экспорт из ЖЖ к себе на сайт, в раздел "Блог". Чтобы на сайте отображались названия несколькольких последних статей или их первые строчки.
0 votes3 answers -
Блок срезается в ИЕ
В выпадающих меню(Примеры документов и Партнеры) выпарающий блок срезается нижними фоновыми рисунками и даже текстом. А должны быть разумеется поверх всего. z-index не помогает. Во всех браузерах кроме ИЕ все норально. Помогите, пожалуйста. http://vbp.kiev.ua/newverstka/index.html Зарание спасибо.
0 votes4 answers -
Прозрачный бэкграунд но чтоб бордеры других элементов "под" главным - были не видны
Дано: #a { z-index: 2; background: transparent; } #b { z-index: 1; background: some_image; border: solid 1 px; } Элемент #а находится выше элемента #b по z-оси. У #b видимая рамка, и если у #a выставить прозрачный фон, то сквозь него будет видна и рамка #b, можно ли как-то сделать так, чтобы рамка у #b не отображалась там, где #a идёт поверх #b, но чтобы если кусок #b где-то торчит из под #a, то рамка у этого куска оставалась видимой.
0 votes3 answers -
меню сьехало
сьехало меню на сайте: как это исправить? вот css код меню: #leftmenu a{ float:left; display:block;padding:2px 10px; color:#FFFFFF; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;} #leftmenu a:hover{ float:left; display:block; background-color:#efe7d5; padding:2px 10px; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;color: #885520;} #leftmenu ul {position:relative; list-style-type:none;vertical-align:top; }
0 votes4 answers -
Непонятные мне линии
У меня при просмотре в любом браузере образуются непонятные линии Код такой: Подскажите, пожалуйста. Что это за полосы могут быть? Это из-за border-collaps?
0 votes3 answers -
скорость отрисовки img
где то читал, что для увеличения скорости отрисовки картинки стоит прописать width/height в тэге при помощи атрибутов. якобы выгода в том, что браузер сразу знает размеры картинки. выглядит примерно так <img class="logo" src="images/logo.png" alt="Progress" width="291" height="96" /> скажите пожалуйста есть ли основания у такого приёма?
0 votes16 answers -
Как реализовать такое?
Всем привет. Вот верстаю макетик, в нем есть такой блок: Подблок "Для новичков" я сверстал, но как рядом с ним расположить подблок "Для профессионалов". Попробовал прописать float: right + margin-top - встал как надо. Но если в блоке "Для новичков" добавить больше текста, вот так: То второй блок поедет вместе с первым. Как поступить? Спасибо
0 votes8 answers -
онлайн-эмуляторы мобильных устройств
когда то была тема, в которой имелись ссылки на сабж. но поиском её найти не получается. подскажите пожалуйста адреса онлайн-эмуляторов. мне нужно посмотреть как выглядит страничка в различных устройствах
0 votes8 answers -
альтернатива google drive
Вечер добрый Ранее хранил макеты, которые верстаю/сверстал на google drive, т.к. просто удобно, да и посмотреть в любой момент можно. А вот недавно вернулся туда, и увидел их обновлённый диск, и возможности хранить сайт для просмотра, как раньше, уже не увидел (или плохо смотрел), по-этому вопрос: есть ли похожие альтернативы гугл драйву, чтобы хранить сайт и просматривать как готовую страницу. может яндекс диск пойдёт? upd. интересует просто хранилище для черновиков, бесплатное.
0 votes6 answers -
проблема со шрифтом и тенью
Здравствуйте! При верстке учебного макета Влада http://htmlbook.ru/samlayout/verstka-na-html5/maket-saita столкнулся с двумя проблемами: 1. шрифт jacob_ctt.ttf ну ни как не хочет отображаться на страничке. Хотя в систему (виндовс) ставится нормально. Если вместо него подсунуть в css дпугой шрифт - все работает. Подключаю фонт так: @font-face { font-family: JacobCTT; src: url(../mock_up/jakob_ctt.ttf);} 2. как не пытался не смог "подсунуть" .informer:after под .informer или "перекрыть" .informer:after .informer`ом. для создания тени. Подскажите, как решить эти 2 проблемы? Сама верстка находится тут: http://snake3.16mb.com/Lion/page.html
0 votes5 answers -
Не открывает сайт в Chrome
Здравствуйте. Сегодня заметил что Chrome не подгружает стиля сайта, в Firefox все работает, чему может быть причина ? В консоли ошибок нету http://omega24v.esy.es
0 votes3 answers -
Блок с повёрнутым на -90 градусов текстом
Сделал чёрный блок "Результат": Как его выровнять относительно текста? Должно быть так: ссылка на страницу для просмотра кода
0 votes4 answers -
Якорь при перезагрузке
Вопрос такой, на сайте имеются якоря, и при перезагрузке они не пропадают в строке вводе , как их убрать, и, если возможно, как сделать так, чтобы они не появлялись при клике на ссылку с якорем.
0 votes1 answer -
Вёрстка css с процентами
Добрый день господа. Я начинающий, можете пожалуйста помочь. У меня сайт построен впринципе на div`ах. Дело в том, что если разместить два div`а рядом как две колонки, а затем начать уменьшать ширину окна браузера - правая колонка уходит под левую. Никак не могу разобраться. А ещё если я в колонки добавляю padding то автоматом опять же правая уходит вниз. Что делать?
0 votes1 answer -
Проблема с footer`м
Подскажите как сделать так, чтобы footer в виде слоя (div) всегда оказывался в самом низу страницы в не зависимости от того много контента или мало. Т.е. чтобы он не привязывался к таблице с контентом. Получается так, что если на странице мало информации, то footer оказывается по середине - не очень смотриться, а как скинуть его вниз - не понимаю!
0 votes1 answer -
перестало читать стили
<!--текст CSS-файла--> body { color: #000066 } #A { color: #808080; font-size: x-small } #B { color: #808080 } <!--текст CSS-файла--> 1. <P id=B>текст</p> 2. <P>текст</P> 3. <p id=A>текст<BR>текст</p> на первую строку воздействие есть (цвет текста меняется), на 3 строку воздействия никакого - текс стандартный, как прописано в body кто пояснит, что забыл? уже спать не успеваю из-за этой.
0 votes1 answer -
Помогите с формой..
Пожалуйста, помогите создать такую же форму. А то я не могу разобраться с ней((( Заранее всем благодарен. ( смотрел примеры разные, ничего не получилось((( И куда свой е майл вписывать не пойму(( Помогите..
0 votes3 answers