HTML Coding

29542 questions in this forum

1. Резиновый дизайн

   Резина и ещо раз резина Я сделал фон сайта резиновым ,но в Браузере Opera при размере страници 100% слева виден маленький белый промижуток размером 8-10px Но при минимальном размере промижутка нету Как это исправить? И как зделать кнопки зделаные тегом img заставить быть по соотнашению с BG чтоб не только BG был резиновым ,но и кнопки.

   Asked by yarickyarick, September 9, 2011

   0 votes
   4 answers
2. Не работает созданое првилоCSS

   создал правило в css для ссылки "перейти в раздел Контакты >> " на странице http://shkafmos.ru/index.php?option=com_content&task=view&id=27&Itemid=94 но оно не работает. Помогите плийз разобратся - где я накосячил.

   Asked by adve, December 29, 2011

   0 votes
   5 answers
3. Простейший макет, проблемы с height

   Т.к. в соседнем разделе не удалось мне решить мой вопрос, решила начать с нуля и посмотреть, где возникает проблема. Начала делать простейший макет, и вот какая странность. Вроде бы уже проще некуда, делала из многочисленных примеров, пробовала разные варианты. Вот собственно оно http://jsfiddle.net/bfTAC/ Интересно, что в Opera все отлично выглядит как надо А вот в Хроме и Firefix'е - что попало Если глянуть для интереса "инспектором" в Firefox, вот что говорит Получается "контейнер" 100%, но почему то всего 220px. Хотя с body там же все нормально - 100% и 720px на весь экран. Что я делаю не так? Уже тупняк какой-то начался, тяжело абстрагироваться

   Asked by m2141, June 8, 2012

   0 votes
   7 answers
4. Шрифты и их отображение

   Вот замученная шрифтами страничка http://pomidor.com.ua/seemax/ImageneerB/HTML/ImageneerB.html Вот задумка дизайнера http://clip2net.com/s/26zqO Визуально размер шрифтов ощутимо мельче, хотя выставлен в соответствии. Я так понимаю что фотошоп и браузеры отличаются, но какие могут быть варианты приведения в реальное соответствие? И достижимо ли оно вообще на 100% при том что в результате по шрифтам я, как исполнитель, оказался в ситуации когда А) Куфон нельзя, Б) http://www.fontsquirrel.com/fontface/generator держит в черном списке нужный мне шрифт В) http://www.google.com/webfonts не имеет его вообще. Г) Подключить способом из этой статьи не удается http://htmlbook.ru…

   Asked by seemax, July 10, 2012

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

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

   Asked by RomanGorbatko, September 27, 2013

   • css
   • html
   • javascipt
   • chat
   0 votes
   0 answers
6. не кратное 12 количество колонок в бутстрапе3

   помогите пожалуйста разобраться в бутстрапе3 используется 12 колоночный шаблон. очень удобно, используя эти классы col-xs-12 col-sm-12 col-md-12 col-lg-6 , распределять колонки или горизонтально расположенные элементы. но бывает так, что число элементов в строке(.row) не кратно 12. например 5. посоветуйте пожалуйста как поступать в этом случае

   Asked by cyklop77, October 16, 2013

   0 votes
   6 answers
7. Градиент текст в вебкит - не совпадает заливка шрифта

   http://jsfiddle.net/wPP2b/ (смотреть в хроме) Собственно - как видите сверху скриншот из фотошопа - а снизу сам шрифт, но заливка выглядит более темной - хотя я все значения взяла из фотошоп - начальный и конечный цвет заливки, но выглядит совсем по-другому. Почему и как поправить? Пробовала подогнать цвета - да вот что-то никак, все какое-то темное. В принципе как вариант пробую добавить поверх красного текста слой с градиенто, но как-то не выходит сделатьк расный перелив.....

   Asked by Zverushka, November 18, 2013

   0 votes
   14 answers
8. Как сверстать такое (см. скрин)

   Здравствуйте. Есть задача сделать вот это: Пользователь будет грузить картинки сам, поэтому картинки будут разновеликие. Нужно, чтобы они вставали в похожую структуру. Картинки будут увеличиваться по клику в реальный размер.

   Asked by Squidward, April 26, 2015

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

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

   Asked by Omega24v, February 4, 2016

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

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

    Asked by iBars, March 16, 2016

    0 votes
    4 answers
11. Прокрутка

    Есть шапка, левая картинка (не должна прокручиваться при прокрутке контента), подвал. Шапка и левая картинка при прокрутке остаются на месте. В конце страницы когда контент кончился и подвал уже идет необходимо чтобы картинка вместе с подвалом прокручивалась. <div class="top-head"></div> <div class="container_main container-fluid"> <div class="container"></div> </div> <div class="footer"></div> .top-head { position: fixed; z-index: 100; } .container_main { background: #fff url("../img/reviews/reviews_bg.jpg") no-repeat fixed center 55px; } .footer { background: rgba(0, 0, 0, 0) url("../im…

    Asked by swear0, May 22, 2017

    0 votes
    1 answer
12. сторонний код Как откорректировать или создать сторонний код для подсписки на рассылку

    Добрый день! Ребята!! Очень нужна помощь в написании стороннего кода на сайт для подписания на рассылку. Прежде стоял код, девушка писала его вручную, но там что-то сбилось и сайт начал выдавать ошибку при подписке. Unisender сказал, что ошибка в этом друге... И еще нужно вставить API.. Надеюсь, я корректно описала проблему. Буду безумно благодарна за помощь или наставление) имеющийся код вот: <link href="https://cp.unisender.com/v5/template-editor-new/js/lib/datepicker/pikaday.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="https://cp.unisender.com/v5/template-editor-new/js/lib/moment/moment-with…

    Asked by Diana Taut, August 25, 2017

    • рассылка
    • сайт vigbo
    0 votes
    0 answers
13. Срочно помогите

    нужно сделать вырез как на картинке, ничего не могу придумать, помогите плз https://codepen.io/ingvarrrrr/pen/qzyPpP

    Asked by ingvarrrr, July 4, 2019

    0 votes
    2 answers
14. Атрибут 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
15. Столкнулся с явлением пропадающих блоков в Опере

    Пропадают блоки в Опере, подскажите что это может быть? img { border:none; behavior: url("/styles/css/iepng.htc"); } .items { background:url(/images/bg.jpg) repeat-y; background-position:top center; /*min-width:1006px;*/ min-height: 380px; font-family:verdana; margin-right: 100px; width: 825px; } .items ul { list-style:none; zoom:1; } .items span { display: block; font-weight: bolder; } .wsubc { width: 180px; } .items ul li { float:left; width:236px; height:247px; background:url(/images/item_bg.png) no-repeat; margin:4px 4px; text-align:center; font-size:12px; zoom:1; } * html .items ul li { background:none; filter:progid:DXImageTransform.Microso…

    Asked by Ялекс, October 24, 2008

    0 votes
    1 answer
16. Медленный gif

    Рисую разные гиф. Если в gif'e есть кадры с задержкой менее 0,1 сек. то браузеры искусственно увеличивают задержку до 0,1 сек. При этом сам редактор gif отображает анимацию с нужной скоростью (photoshop, GIF Movie Gear). Конкретно эта анимация нормально отображается в firefox. IE и chrome отображают медленно. Как с этим бороться? Постую следующим кодом: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> </he…

    Asked by vov32, December 5, 2009

    0 votes
    0 answers
17. iframe, google maps, ie8

    Помогите решить 1 проблему есть сайт и на нем карта гугловская через iframe Но карта отказывается работать в IE8 точнее просто блокируется. Что с этим можно поделать? Сайт стоит на UMI CMS. кстати через JS карта вообще не отображается почему то... недавно работаю с UMI CMS еще не разобрался мб проблемы с TinyMCE и JS. ———- удалите тему сам со всем разобрался =)

    Asked by GeSTaM, December 2, 2010

    0 votes
    0 answers
18. Как выровнять блоки div с изображениями по вертикали?

    Подскажите пожалуйста, как разнести картинки (например 4 штуки) по всей длине экрана? То есть, если мы сужаем браузер, и высота становится больше, а ширина меньше, то мне нужно, что бы картинки как бы оставались по центру Подскажите пожалуйста, как мне здесь у right сделать что бы картинки равнялись всегда по центру? что бы при любом разрешении нижняя была с низу, а верхняя сверху? сейчас при большой высоте экрана все сверху.

    Asked by hea8y, October 10, 2012

    0 votes
    4 answers
19. Резиновая верстка

    Добрый день! Нужно резиново спозиционировать div относительно wraper. Чтобы при уменьшении размера монитора div не двигался, пока не начал сжиматься wraper. Рисунок по сылке http://s1.ipicture.ru/uploads/20130221/p4cSvlWn.jpg

    Asked by romank, February 21, 2013

    0 votes
    7 answers
20. резиновая высота меню

    Подскажите пож. Есть меню <div id="navi"> <ul> <li><a target="_blank" href="index.html">ГЛАВНАЯ</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ2</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ3</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ4</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ5</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ6</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ7</a></li&g…

    Asked by EvilDoom, April 4, 2013

    0 votes
    8 answers
21. Ищу наставника.

    Здравствуйте, уважаемые форумчане! Меня зовут Алексей, я сейчас работаю верстальщиком, но я не укладываюсь в сроки вёрстки, потому что мне не хватает компетенции. Я ищу человека, который бы стал для меня наставником. Готов хреначить как проклятый. Да, и конечно, это всё не за "спасибо", я так же готов отдавать какую-то часть от моей з/п этому человеку. В общем есть огромное желание профессионально вырасти и нужна помощь знающего человека. Заранее большое спасибо! Мои контакты: main.c@rambler.ru

    Asked by main.c, January 9, 2014

    0 votes
    8 answers
22. Назначение itemprop в img

    Для чего нужно itemprop? Хотел посмотреть как сделано авто переворачивание картинки на странице и там увидел это <img src="/styles/logo.png" itemprop="logo" alt="Обзоры гаджетов и IT новости мобильного мира и технологий" width="161" height="112">

    Asked by Slyfox, June 6, 2014

    • img itemprop
    0 votes
    1 answer
23. Как применять вч сч нч запросы?

    Здравствуйте. Недавно в процессе столкнулся и немного почитал про такие понятия, как перелинковка и вч сч нч запросы. Вроде бы всё понял - что это и для чего, но так и не догоняю - мне, как разработчику сайта и человеку, наполняющему сайт контентом, куда вставлять эти самые вч нч запросы? Это просто определенные подобранные слова прямо в теле текста на страницах или это - те самые ссылки для перелинковки, которые надо именовать соответствующими вч нч запросами?

    Asked by spaceboy, December 4, 2014

    0 votes
    4 answers
24. Первая строка

    DOCTYPE. Одно название уже говорит само за себя (тип документа). Спецификация HTML 2.0 (1995 год) Вольный перевод По сути, DOCTYPE (Document Type Declaration) определяет тип спецификации HTML. В каждой спецификации прописаны поддерживаемые ей элементы, атрибуты, и их взаимоотношения. Изначально спецификации писались в DTD, а сегодня это XML Schema. Есть один интересный момент, в HTML коде большинства сайтов 90х годов разработчики вообще редко прописывали DOCTYPE. Потому, что браузеры тех времён могли самостоятельно выбирать спецификацию документа и поэтому у разработчиков попросту не было нужды прописывать DOCTYPE в первой строке кода. STRAWBERRY POP-TART BLO…

    Asked by Zueff, June 6, 2015

    • doctype
    0 votes
    4 answers
25. Из JSF в ADF

    Есть действующий сайт, созданный с помощью ADF. Есть новые странички, которые сделаны с помощью другой технологии — JSF , используя стандартные компоненты PrimeFaces. Задача: привести внешний вид новых страничек к стилю действующего сайта. Код — черт ногу сломит. 100500 таблиц, еще столько же дивов. На выходе примитивный интерфейс, с табличкой и формочкой, которые весят 5Мб. Кто-нибудь сталкивался с этими JAVA фреймворками? При чем тут вообще верстка? — мне поставили задачу, а я ни бум бум. Вопрос здесь философский: как вообще действовать, поступать в таких ситуациях? Выскажите, пожалуйста, свое мнение. ЗЫ: понятно, что сверстать можно все что душе угодно даже п…

    Asked by Anymaxis, August 24, 2015

    0 votes
    4 answers