HTML Coding

29,542 questions in this forum

1. Chrome подпрыгивает текст в input

   Здравствуйте! У меня есть input type='text'. В css описан следующим образом: #inputForm input { width: 100%; height: 40px; padding: 0; border: none; background: none; font-family: Flow; font-size: 15pt; } если в Chrome в него вставить(Cntr+V) любой текст то текст подпрыгивает. Посмотреть можно здесь: grindel.su/bart Изменение font-size на < 15px помогает. но мне нужен большой шрифт.

   Asked by Grindel, August 29, 2012

   0 votes
   2 answers
2. background состоящий из 4 картинок

   Нужна помощь! Не могу установить background состоящий из 4 картинок 1) image1 должен растягиваться по горизонтали. (bg_gradient_top.png) 2) Далее, на image1 должен накладываться основной background image2 по центру, без размножения (bg_main_header.jpg) 3) image3 должен размножаться во вертикали в центре и спускаться до футера (bg_content_fill.gif) 4) image4, должен находится в футере по центру и без размножения. (bg_main_footer.jpg) Должно получится так: css существующего шаблон: html,body{margin:0px;padding:0px;text-align:left;border:10px;background: url(../images/bg_main_header.png) center top no-repeat;font-family: Verdana, Geneva, sans-serif; font-size:11px;color:#3…

   Asked by Souz21, September 22, 2012

   0 votes
   2 answers
3. border-radius+box-shadow+opera=баги

   Если все это совместить то получается две тени у объекта. пример тут - kit-group42.ru (горизонтальное меню). Opera 12.11, в хроме все ок. Да и в опере до недавнего времени тоже было все нормально. Оказалось, что всему виной border-radius: 1/10. На участке 1/10 ... 5/10 тени медленно сходятся в одну, но мне не надо 5/10 мне нужно 1/10. Или я дурак или лыжи не едут.

   Asked by hazy17, November 26, 2012

   0 votes
   0 answers
4. Проблема со ссылкой

   Здравствуйте. Мне нужно было создать изображение,которое является ссылкой и сдвинуть его на 200 пикселей вправо. Получился код типа <a href="адрес ссылки"><img src="адрес картинки" style="padding-left:200px"></a> Но с этой ссылкой есть проблема: перейти по ней можно не только нажав на картинку,но и нажав левее картинки на эти самые 200 пикселей. Что с этим делать?

   Asked by mcdude, May 5, 2013

   0 votes
   2 answers
5. как использовать iconv

   Можно использовать iconv для целого файла? Я бы применил функцию к переменной, но код писал не я, так что я не знаю куда ее впихнуть. Поменять в редакторе кодировку не выходит, вылазят странные символы.

   Asked by apexis, June 13, 2013

   0 votes
   2 answers
6. Выравнивание контента по вертикали

   Добрый день! имеется нужда вне зависимости от высоты экрана выравнивать содержимое по центру т.е есть див в нем есть другие дивы перерыл весь инет решения не нашел а то что нашел не действует 1) способ http://habrahabr.ru/post/189696/ это не действует так как left:0. top:0. right:0; bottom:0; в IE не работает 2)способ тоже т.к блок не вытягивается на всю высоту, а лишь на высоту дива(в данном случае .textalign не во всю высоту экрана, а по высоте внутри лежащего дива) 1 .textalign{ 2 display: table; 3 width:500px; 4 height: 100%; 5 position: relative; 6 overflow: hidden; 7 …

   Asked by dollin, January 7, 2014

   0 votes
   3 answers
7. Помогите разобраться в чем прикол

   Переделывая контентную часть станицы http://azharova.ru/test/afisha_table.html#, столкнулась с такой проблемой. При удалении line-height и добаваление marginссылка как будто перестает существовать, при наведении мышки ничего не происходить как будто картинка. P.S. приходится копаться в чужом коде, логика у которого по-моему отсутствует Все нашла злодея А ларчик просто открывался. Оказывается предыдущий верстальщик выставил всем формам width: 100%, да еще и спозиционировала я ее. в итоге вышло наложение которое собой закрывало ссылку вот вся эта затея и не работала. P.S. Сама вопрос задала, см ответила... Приятно поговорить с умным человеком

   Asked by Anna Zharova, June 4, 2014

   0 votes
   2 answers
8. Помогите со слайдером

   Есть такой слайдер под №10 на этом сайте http://efimov.ws/main/develop/javascript/jquery-plugins-css-naxodki-part-5.html?searched=karuselka&advsearch=oneword&highlight=ajaxSearch_highlight+ajaxSearch_highlight1 Почему, когда нажимаешь, что бы пролистало назад, то он листает вперёд, как убрать этот косяк?

   Asked by DivMan, August 31, 2014

   0 votes
   5 answers
9. Как сверстать такой блок ?

   Доброго времени суток. Возможно ли сверстать такой блок(ниже скрин) без картинки, кроссбраузерно ? Если да, то буду благодарен за пример кода.

   Asked by xsladfs, December 15, 2014

   0 votes
   1 answer
10. Сайт уезжает вниз

    Здравствуйте! У меня проблема: сайт отображается нормально в обычном виде, а когда я делаю SSI-включение, то почему-то над шапкой сайта появляется пустое пространство. Не пойму в чём дело, все форумы перерыл, нигде ничего не нашёл. пробовал и на Денвер и на Оупен-сервер, никакой разницы нет, всё равно над шапкой лишний пустой кусок экрана. Вот мой код: Главная страничка: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <link rel="stylesheet" type="text/css" href="main.css" /> </head> <body> <!--#include virtual="menu.html"--> </body> </html> Вставляемы…

    Asked by GorN, March 2, 2015

    0 votes
    1 answer
11. Правый контейнер падает

    Привет. Как сделать, чтобы правый контейнер не падал? Если текст в одну строку, то все в порядке, а если 2 и больше, то падает. Или проще сделать через table? CSS: .tdm {width: auto; font-size: 13px; padding-right: 15px;} .type-of-material {width: 100%; height: 85px; background: #620; margin: 10px 0 0 0;} .type-of-material-cover {width: 116px; height: 85px; background: #fff; float: left;} .type-of-material-info {width: 100%; background: #904; float: right;}HTML: <div class="tdm"> <div class="type-of-material"> <div class="type-of-material-cover"></div> <div class="type-of-material-info"> 51-я пех…

    Asked by m1n1vv, December 20, 2015

    0 votes
    2 answers
12. Возможно ли пропорциональное изменение элементов страницы и расстояния между ними при изменении ширины экрана

    Здравствуйте. Есть одна нестандартная проблема. Хочется узнать возможно ли вообще её решение. В прикреплённом скриншоте в принципе её всё описание. Хотелось бы чтобы при изменении ширины экрана верхняя часть дуги всегда проходила между пунктами меню "вопрос-ответ". Так же хотелось бы граница фона (на скриншоте показано где она проходит) проходила бы так же чуть ниже середины прямоугольников центрального меню. То есть хотелось бы чтобы при изменении ширины страницы - все элементы меняли свои размеры и расстояния между ними строго прямо-пропорционально в процентном соотношении. Образно говоря, чтобы это было как простое масштабируемое изображение, но на изобр…

    Asked by BOMS, March 29, 2016

    0 votes
    1 answer
13. горизонтальное центрирование без width

    Имеется шаблон, в нем такая схема: <div id="gallery"> <div id="gall_item"></div> <div id="gall_item"></div> <div id="gall_item"></div> <div id="gall_item"></div> ... </div> Joomla генерирует произвольное число этих самых gall_item. Как выровнять их в любом случае по центру? Традиционное решение типа задать для gallery width="..px" и margin: 0 auto; не подходит, т.к. длина блока зависит от количества элементов.

    Asked by p1653v, September 15, 2011

    0 votes
    2 answers
14. Заполнение ячейки

    Как создать эффект заполнения ячейки, если картинка не подходит по размерам под ячейку? Закругленные края при размножении по X видны с правой стороны. Мое предположение - размножать также по X, но стартовую точку поставить где-то по середине предыдущей картинки (но как это сделать?). Может кто-нибудь знает ответ? Заранее спасибо всем.

    Asked by badsanta, September 29, 2011

    0 votes
    1 answer
15. Заполнение свободного места между двумя колонками таблицы

    Всем привет. Извиняюсь за "корявое" название темы, просто не знаю как правильно назвать то, что мне нужно. Хочу реализовать вот такое(смотреть характеристики товара). В незаполненном промежутке между 2 колонками таблицы вставляются "." или "_". Это как-то должно рассчитываться, в зависимости от оставшегося свободного места в колонке. Подскажите как реализовать или хоть направьте в нужную сторону. Не могу даже понять как у Гугла это спросить

    Asked by fantomic, December 18, 2011

    0 votes
    3 answers
16. проблема с тегом area

    привет. у меня есть html страница, которая через расширение для TYPO3 выводится на страницу. проблема в том, что длиные теги area (каждое с примерно сотней картинок в onmouseover/onmouseout - поделенная на части карта европы) выводятся пустыми. кто-то может подсказать, как это исправить или хотя бы где может причина ошибки лежать?

    Asked by anlov, March 26, 2012

    0 votes
    1 answer
17. Select+textarea

    начал изучать html и php вроде что то получается, тут начал делать форму для отправки писем, и хотел реализовать в форме следующие есть combobox или select, а также textarea или textbox задумка следующая: при выборе одного из пунктов в select в textarea будет отображаться определённый текст, но не знаю как это реализовать, пробовал использовать различные вариации с php, но всё тщетно... просьба помочь, дайте какой не то элементарный пример чтобы смог использовать данную технологию в своей форме, заранее спасибо

    Asked by Axarta, October 13, 2012

    0 votes
    1 answer
18. fancyBox промотка контента

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

    Asked by okunev2, March 15, 2013

    0 votes
    0 answers
19. Помощь с ошибками в верстке

    Всем привет. Настал тот день когда я нарисовал в фотошопе и сверстал таки свой первый макет. В идеале все должно выглядеть (и выглядит кое-где) так: http://browsershots.org/screenshots/9b1cf563736cc1b2763819b16458fbaf Но в старых версиях оперы (те самые которые на движке Presto) все съезжает вниз: http://browsershots.org/screenshots/408c0e7c67800cc296b8528c668197a3 а столь любимый нами IE и древние версии оперы и лисы не отображают границы у блока с контентом (думаю нужен другой способ оформления блока, но не могу найти ничего в гугле) http://browsershots.org/screenshots/81aff0736e7cea81f9ee23fe9307099d Прошу помочь с этими проблемами, заодно если есть время указать на не…

    Asked by 5665tm, August 15, 2013

    0 votes
    6 answers
20. Вопрос про вёрстку формы

    Вот в макете есть форма комментарий, верстальщику её надо сделать полностью рабочей, например, если написать текст и выделить его и нажать на "B", то текст становится жирным или это работа программиста?

    Asked by DivMan, August 17, 2014

    0 votes
    4 answers
21. Проблемы с выделением в блоке.

    Доброго времени суток. Сложилась такая проблема. В общем, у меня есть блок с размером 400px, в нем есть текст. При выделение текста, выделение заходит дальше за 400px. Как запретить это? Чтобы выделялось только внутри блока. Спасибо!

    Asked by lllboom, January 14, 2015

    0 votes
    2 answers
22. Якорь в респонсив

    Одностраничник тоже требует навигации. Якорь позволяет быстрый переход и всегда оказывается в верхней части экрана. В моём случае http://richel.skepton.ru/ 1) Верхн часть экрана занята фикс хедером. 2) Высота хедера разная на разных девайсах. Т есть, выставить якорь "на опережение" можно, но оно потребуется разное для разных устройств. Можно попробовать применить visibility:hidden/visible для разных якорей на разных устройствах. Идеалом было бы задать для нужного h2 точное расстояние от верха экрана при конкретном разрешении экрана по клику на соотв ссылку. Поделитесь плз опытом, кто решал подобную задачу.

    Asked by seemax, February 12, 2015

    0 votes
    0 answers
23. Как закрепить див под таблицей

    Здравствуйте. Имею такой HTML код: <table width="100%"> ... </table> <div class="add_inf_horb" > <div class="add_inf_horb_l" ></div> <div class="add_inf_horb_r" ></div> </div> CSS код: .add_inf_horb {height:3px;background:url(/images/add_inf_hor_border.png) repeat-x;} .add_inf_horb_l {float:left;height:3px;width:50px; background:url(/images/add_inf_hor_border_left.png) repeat-x;} .add_inf_horb_r {float:right;height:3px;width:50px; background:url(/images/add_inf_hor_border_right.png) repeat-x;} Высота таблицы не фиксирована. При отобрадении внутренние дивы остаются под таблицей, а внешний див поднимаестя вверх и…

    Asked by culver, July 23, 2015

    • div
    0 votes
    1 answer
24. Пустая область на экране смартфона

    В качестве упражнений для себя по адаптивной вёрстке, сверстал 2 страницы по psd .(вторую правда немного доделать осталось, но не в этом дело) 1) http://alex182.16mb.com/ 2) http://alex182.890m.com/ При тестировании в различных разрешениях в браузере всё ok. Но когда я посмотрел на своём Samsung в опера мини (экран 320 на 480) -ОС Android, то на 1 странице появляется пустая область ,то есть открывается с горизонтальной прокруткой и если отдалять зум то получается вот так : А со 2 страницей всё нормально, занимает полностью всю ширину экрана без горизонтальной прокрутки. Пытался добавить условия <meta name="MobileOptimized" content="320"/> <meta name="Ha…

    Asked by alex182, July 28, 2015

    0 votes
    1 answer
25. Банальная проблема блоков с картинками

    Решил обратиться к вам с простой проблемой) Как собственно делаются блоки контейнеры с блоками элементами внутри и что бы при изменении окна браузера элементы оставались на своих местах? Допустим это бок с примерами работ, в блоках картинки которые идут в ряд, и вот у меня вопрос: 1) Это как делать элементы БЕЗ отступов, то есть которые идут без margin друг за другом. 2) Это как делать с margin между ними и что бы элементы оставались ВНУТРИ контейнера (как на скриншоте);

    Asked by kamikadze, January 9, 2016

    0 votes
    1 answer