HTML Coding

29542 questions in this forum

1. Добавить к картинке еще одну картинку

   У меня есть блок в которой находится картинка . И как сделать так чтобы с верху и с низу добавлялась картинка ? типа ободки только картинка

   Asked by skvaer09, January 7, 2013

   0 votes
   4 answers
2. сайт отображается по разному на разных браузерах

   всем привет, учусь верстать сайты))), мой макет http://izimbetov.no-ip.org правильно отображается в хроме, но в мозилле по другому, как я понимаю нужно для мозиллы создать отдельный файл css?

   Asked by nurlan_1992, July 31, 2013

   0 votes
   6 answers
3. Создание Skype/VK -подобной архитектуры чата

   Задача: создать чат на сайте по типу Skype/VK. Проблема: не получается построить правильную структуру шаблона. Как прятать контент под шапку (частично решено) Как добавлять сообщения так, что бы они не уходили внизу под сайт, а добавлялись в видимую область. Как при это оставить возможность скрола, что бы можно было просмотреть весь список сообщений. http://codepen.io/RomanGorbatko/pen/lcprA - здесь я оставил прототип будущего приложения, на нем можно увидеть все описанные выше проблемы.

   Asked by RomanGorbatko, September 27, 2013

   • css
   • html
   • javascipt
   • chat
   0 votes
   0 answers
4. Проблема с tabs на css

   http://versuscat.esy.es/blog.html Браузер,при переключении табов перенаправляет страничку вверх.Я хочу избавится от этого эффекта,чтобы когда переключал табы,положение на странице не менялось. http://codepen.io/wallaceerick/pen/ojtal - это исходник с которого было скопировано и переделано под себя решение(там тоже перенаправляет положение на странице вверх) Помогите пожалуйста

   Asked by MegaS, May 8, 2015

   • css
   • html
   • problem
   • верстка
   • tabs
   0 votes
   2 answers
5. html Вёрстка блоков - как сделать логично?

   Здравствуйте. Верстаю макет, рассчитан для мобильных и планшетов, резиновый временами. Есть такой блок - http://joxi.ru/1A59OwzSKyoyPA . Это вариант для десктопов. Далее для планшетов - http://joxi.ru/V2Ve8MBS0J1DLm . И для мобильных - http://joxi.ru/DrlO1yQc4OMjRA Как будучи в здравом уме и хорошем психическом состоянии сверстать логично, без использования скрытых блоков, типа с заголовком или списком, которые расположены не правильно, как по мне, в планшетной и мобильной версии. Вообще, стоил ли попросить другой дизайн или намекнуть дизайнеру, что он немного не понимает, как верстается из десктопного варианта в мобильные?

   Asked by kattiperk, April 25, 2016

   • css
   • responsive
   0 votes
   5 answers
6. Атрибут 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…

   Asked by Gora, November 13, 2019

   • disabled
   • блок
   • валидация
   0 votes
   1 answer
7. переопределение br

   Можно как то высоту между сроками задать которые он переносит?

   Asked by ArtOfHuman, December 8, 2008

   0 votes
   1 answer
8. Отступ между дивами

   Всем привет У меня проблемка: Есть два дива, у обоих стоит "margin: 0px; padding: 0px;", и ко всей странице тоже стоит "margin: 0px; padding: 0px;", но между дивами все равно получается отступ, который мне не нужен, и которого по идеи быть ну никак не должно... Из за чего такое может быть? Отрывок html кода: Отрывок css кода:

   Asked by Majesty, March 11, 2009

   0 votes
   4 answers
9. Экспорт из ЖЖ

   Можно ли сделать экспорт из ЖЖ к себе на сайт, в раздел "Блог". Чтобы на сайте отображались названия несколькольких последних статей или их первые строчки.

   Asked by pavelbr, June 19, 2009

   0 votes
   3 answers
10. Блок срезается в ИЕ

    В выпадающих меню(Примеры документов и Партнеры) выпарающий блок срезается нижними фоновыми рисунками и даже текстом. А должны быть разумеется поверх всего. z-index не помогает. Во всех браузерах кроме ИЕ все норально. Помогите, пожалуйста. http://vbp.kiev.ua/newverstka/index.html Зарание спасибо.

    Asked by Monster, March 11, 2010

    0 votes
    4 answers
11. Прозрачный бэкграунд но чтоб бордеры других элементов "под" главным - были не видны

    Дано: #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, то рамка у этого куска оставалась видимой.

    Asked by amz00m, March 12, 2010

    0 votes
    3 answers
12. меню сьехало

    сьехало меню на сайте: как это исправить? вот 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; }

    Asked by DrMartens, January 16, 2011

    0 votes
    4 answers
13. Непонятные мне линии

    У меня при просмотре в любом браузере образуются непонятные линии Код такой: Подскажите, пожалуйста. Что это за полосы могут быть? Это из-за border-collaps?

    Asked by photograf, August 6, 2011

    0 votes
    3 answers
14. скорость отрисовки img

    где то читал, что для увеличения скорости отрисовки картинки стоит прописать width/height в тэге при помощи атрибутов. якобы выгода в том, что браузер сразу знает размеры картинки. выглядит примерно так <img class="logo" src="images/logo.png" alt="Progress" width="291" height="96" /> скажите пожалуйста есть ли основания у такого приёма?

    Asked by cyklop77, May 5, 2012

    0 votes
    16 answers
15. Как реализовать такое?

    Всем привет. Вот верстаю макетик, в нем есть такой блок: Подблок "Для новичков" я сверстал, но как рядом с ним расположить подблок "Для профессионалов". Попробовал прописать float: right + margin-top - встал как надо. Но если в блоке "Для новичков" добавить больше текста, вот так: То второй блок поедет вместе с первым. Как поступить? Спасибо

    Asked by IvanRu08, July 28, 2013

    0 votes
    8 answers
16. онлайн-эмуляторы мобильных устройств

    когда то была тема, в которой имелись ссылки на сабж. но поиском её найти не получается. подскажите пожалуйста адреса онлайн-эмуляторов. мне нужно посмотреть как выглядит страничка в различных устройствах

    Asked by cyklop77, October 15, 2013

    0 votes
    8 answers
17. альтернатива google drive

    Вечер добрый Ранее хранил макеты, которые верстаю/сверстал на google drive, т.к. просто удобно, да и посмотреть в любой момент можно. А вот недавно вернулся туда, и увидел их обновлённый диск, и возможности хранить сайт для просмотра, как раньше, уже не увидел (или плохо смотрел), по-этому вопрос: есть ли похожие альтернативы гугл драйву, чтобы хранить сайт и просматривать как готовую страницу. может яндекс диск пойдёт? upd. интересует просто хранилище для черновиков, бесплатное.

    Asked by orange_juice, October 29, 2014

    0 votes
    6 answers
18. проблема со шрифтом и тенью

    Здравствуйте! При верстке учебного макета Влада 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

    Asked by Denni, December 3, 2014

    0 votes
    5 answers
19. Не открывает сайт в Chrome

    Здравствуйте. Сегодня заметил что Chrome не подгружает стиля сайта, в Firefox все работает, чему может быть причина ? В консоли ошибок нету http://omega24v.esy.es

    Asked by Omega24v, February 4, 2016

    0 votes
    3 answers
20. Блок с повёрнутым на -90 градусов текстом

    Сделал чёрный блок "Результат": Как его выровнять относительно текста? Должно быть так: ссылка на страницу для просмотра кода

    Asked by iBars, March 16, 2016

    0 votes
    4 answers
21. Якорь при перезагрузке

    Вопрос такой, на сайте имеются якоря, и при перезагрузке они не пропадают в строке вводе , как их убрать, и, если возможно, как сделать так, чтобы они не появлялись при клике на ссылку с якорем.

    Asked by exoty, May 5, 2018

    0 votes
    1 answer
22. Вёрстка css с процентами

    Добрый день господа. Я начинающий, можете пожалуйста помочь. У меня сайт построен впринципе на div`ах. Дело в том, что если разместить два div`а рядом как две колонки, а затем начать уменьшать ширину окна браузера - правая колонка уходит под левую. Никак не могу разобраться. А ещё если я в колонки добавляю padding то автоматом опять же правая уходит вниз. Что делать?

    Asked by Cubic, April 28, 2022

    0 votes
    1 answer
23. Проблема с footer`м

    Подскажите как сделать так, чтобы footer в виде слоя (div) всегда оказывался в самом низу страницы в не зависимости от того много контента или мало. Т.е. чтобы он не привязывался к таблице с контентом. Получается так, что если на странице мало информации, то footer оказывается по середине - не очень смотриться, а как скинуть его вниз - не понимаю!

    Asked by Alexx, April 25, 2008

    0 votes
    1 answer
24. перестало читать стили

    <!--текст 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 кто пояснит, что забыл? уже спать не успеваю из-за этой.

    Asked by Guest Гость_Rilo_*, August 21, 2008

    0 votes
    1 answer
25. Помогите с формой..

    Пожалуйста, помогите создать такую же форму. А то я не могу разобраться с ней((( Заранее всем благодарен. ( смотрел примеры разные, ничего не получилось((( И куда свой е майл вписывать не пойму(( Помогите..

    Asked by Dino23, November 28, 2008

    0 votes
    3 answers