HTML Coding

29542 questions in this forum

1. Подскажите, умные люди!

   есть форма,которую нужно разместить на всю ширину блока,и все бы хорошо,но когда добавляешь к текстовому полю рамку все плывет! как выйти из этой ситуации,чтоб форма с рамкой заняла всю ширину блока? <style> .width {width: 224px;height: 100px;margin: 0 auto;border: 1px solid ;}input[type=text] {width: 144px;outline: none;float: left;height: 33px;border: none;line-height: 1;font-size: 12px;padding-left: 10px;/* border: 1px solid; */}button {border: none;width: 70px;height: 35px;}</style> <div class="width"> <form action="#" method="POST"><input type="text" placeholder="Text..."><button>Кнопка</button> </form></div>

   Asked by My}I{uK, December 5, 2015

   0 votes
   6 answers
2. Text-align-last

   Здравствуйте. Во первых спасибо Максиму за прекрасную статью про равномерное выравнивание инлайн блоков по горизонтали. Пользуюсь регулярно и мне стыдно что пока не перешел на флексбоксы:-) Проблема возникла около месяца назад при обновлении браузеров. Если стоит text-align-last для ul, то все что есть внутри тоже ровняются последней строкой justify. Теперь приходится указывать для внутренних элементов text-align-last чтобы контент нормально показывал. Раньше обходились только с указыванием text-align для li, теперь не катит такое. Вопрос, отныне так и должно быть? Что произошло с браузерами, они были или стали умнее?:-)

   Asked by Нарек, December 7, 2015

   0 votes
   1 answer
3. Как оптимальнее разместить большую картинку в качестве фона?

   есть большая картинка - кора дерева. задача разместить в качестве фона. размер для ширины в 1280пх - около 750кб.. что есть не оптимально для скорости загрузки. вот как бы её так сжать правильно? как вариант вижу - сделать левый и правый сайд бары, и в них выводить 2 крайние картинки шириной примерно 300*800, с повторением по вертикали. Но может это как-то по другому делается? пс: решил не заморачиваться, сжал до 350х800, повторение везде + снизил качество фона, получилось 100кб..

   Asked by nikki4, December 5, 2015

   0 votes
   4 answers
4. Верстка небольшого блока

   Приветствую, есть небольшой и возможно достаточно простой для большинства профи блок, но я являюсь любителем, который иногда что-то пытается верстать для себя и в таком случае важен не только результат (соответствия макету), но важно научится грамотно выбирать оптимальный способ реализации. Следовательно у меня есть несколько вопросов к знатокам по данному макету: 1) Насколько реализуема и уместна верстка косых углов на чистом css? 2) Как сделать разделитель меню через border-right, дабы он соответствовал макету? Насколько это оправданно? 3) Как бы вы сверстали этот блок (желательно пример кода)? Заранее благодарю за вашу помощь...

   Asked by beliy, December 5, 2015

   0 votes
   7 answers
5. Помогите сделать макет

   Помогите сделать макет, вот рисунок - http://joxi.ru/E2pOGjIBB7npmY Целый день бьюсь не могу крошки, сайдбар и контент организовать Flexbox-ом (т.к. адаптивный шаблон) всё не встаёт как надо.

   Asked by Nikinik, December 6, 2015

   0 votes
   5 answers
6. Проблема при смене изображения при наведении в ИЕ

   Доброго времени суток форумчане!!, давненько я под ие не верстал и наткнулся на такую вот проблему http://www.domstroi69.ru докручиваете вниз до блока КАК МЫ РАБОТАЕМ , там 6 цифр, сверстаны они все как изображения, при наведении на них js заменяется src . Во всех браузерах кроме ИЕ все хорошо , но в ие когда меняюся картинки, то изображение Мерцает... кто сталкивался с такой же проблемой пожалуйста отпишите пути решения... пробовал сверстать как div с background-image но такая же тема!!! HELP

   Asked by Daniil Khanin, December 6, 2015

   • ИЕ
   • мерцание изоб
   0 votes
   2 answers
7. Как зафиксировать бекграунд, чтобы фоновая картинка не плавала?

   Из фотки сделал новый фон (он виден по краям только на больших экранах>1280px) http://www.vvd.su/ Но на каждой странице он по разному отображается. Сначала я думал это связанно с разными шаблонами страниц привязанных к пунктам меню и там всякие отступы. Однако нашел, вот есть две идентичные страницы про трубы каменки, один шаблон, даже текст почти тот же. http://www.vvd.su/dymokhodnye-sistemy1/keramicheskie-dymokhody/truba-kamenka http://www.vvd.su/dymokhodnye-sistemy1/keramicheskie-dymokhody/truba-kamenka-1 тем не менее фон плавает -это можно заметить если открыть в двух вкладках и переходить между ними как зафиксировать фоновую картинку, чтобы везде была одинак…

   Asked by nikki4, December 6, 2015

   0 votes
   1 answer
8. Проблема в оформлении блока

   Не могу понять как реализовать такой элемент,торчащий из блока, на практике! подскажите,пожалуйста! http://static2.keep4u.ru/2015/12/06/scrin.png

   Asked by My}I{uK, December 6, 2015

   0 votes
   5 answers
9. Проблема верстки под мобильные устройства

   Всем добрый день. Проблема с версткой под мобильные устройства, не знаю даже что делать. Есть сайт http://pantelemone.ru/или его каталог http://pantelemone.ru/catalog/ Это интернет-магазин. Проблема в некоторых элементах. В частности это логотип и слоган над ним. На мобильных устройствах он никоим образом не сжимается под эти самые мобильные устройства. Шаблон изначально брался с этого сайта http://demo.ace-group.ru/carroshop/, но потом претерпел изменения. Сейчас уже не получится найти концы, да и не факт, что адаптация была до этого. Подскажите пожалуйста, что тут можно было бы придумать? Особенно по средствам CSS.

   Asked by TRIGUN, December 6, 2015

   0 votes
   2 answers
10. не получается выровнять блоки с картинкой и текстом в диве

    Добрый день, я совсем совсем новичек, только первую неделю учу html и css, так что не судите строго) Делаю верстку с макета, и столкнулся с проблемой. вот картинка с проблемой. нужно чтобы блоки с товаром и картинкой стояли по 4 штуки в ширину. HTML <section id="content"> <div class="good"><a href="#" class="goods"></a> <span class="apple">Apple MacBook Air MC969RS Uss Silver</span> <span class="apple1">Экран 11.6" (1366х768) HD LED, глянцевый /Intel Core i5 (1.6 ГГц) / RAM 4 ГБ / SSD 128 ГБ / Intel HD Graphics 3000 / без ОД / LAN / Wi-Fi / Blue-tooy\th 4.0 / веб-камера / Mac OS X Lion / 1.08кг</…

    Asked by Gwynn, December 6, 2015

    0 votes
    3 answers
11. Оформление input[type="submit"]

    Приветствую всех участников форума! Подскажите, пожалуйста, как оформить кнопку отправки формы: http://prntscr.com/9aybj3 Таких кнопок на сайте будет несколько и с разным содержимым, поэтому повесить одну большую картинку на бэкграунд думаю будет ошибкой. Полоска, разделяющая текст и стрелку вправо должна быть прозрачной.

    Asked by alejandro13, December 6, 2015

    0 votes
    5 answers
12. vertical align у inline-block

    <div class="parent"> <div class="helper"></div> <div class="child">TEXT</div></div>.parent { height:100px; width:600px; border:1px solid #ff0000;}.helper { display:inline-block; height:100%; width:1px; background:green;}.child { display:inline-block; vertical-align:middle; border:1px solid #0000ff;}Не могу понять, как работает способ вертикального центрирования. https://jsfiddle.net/mws18yoL/ Если дать элементу .helper vertical-align:middle, то центрируется отлично. Без этого нет. Но ведь должно и без того? Высота строки задана блоком .helper в 100% от родителя. Далее известно следующее - vertical-a…

    Asked by sond1k, December 7, 2015

    0 votes
    15 answers
13. Прижать div к низу блока

    Столкнулся с такой проблемой. Есть двухколоночный макет, слева мне нужно прижать меню к низу блока,но так ,чтобы левый блок оканчивался на одном уровне с правым контентным блоком. Т.е. по сути, как в таблице,если бы ячейке с блоком прописал бы vertical-align:bottom; Высота обеих блоков динамичная. Верстка следующая: <div class="textin"> <div class="left"> <div class="left-in"> Текст </div> <div class="menu-cat"> <a href="" class="cat1">Каталог продукции на сайте</a> <a href="" class="cat2">Наше производство</a> <a href="" class="cat3">Программа подбора оборудования</a&gt…

    Asked by Destroyer, December 7, 2015

    0 votes
    5 answers
14. Проблема с фоном

    Подскажите, как добавить два фона: цвет и картинка. То есть, при наведении блок затемняется и поверх появляется картинка с лупой. Этот код не срабатывает: a.box:hover { background: rgba(0, 0, 0, 0.7) url(../img/fon.png)no-repeat bottom right;}

    Asked by Fendia, December 7, 2015

    0 votes
    1 answer
15. Увеличение img при hover

    Есть вёрстка ( украл сорри ) как заменить тот курсор на тот что появляется при увеличении изображения в lightbox например ? https://jsfiddle.net/atlanta/5usf70kw/

    Asked by ученик, December 7, 2015

    • html css
    0 votes
    5 answers
16. Меню западает за видимость

    Парни,есть сайт,я его сверстал,но проблема моя в том что выпадающее меню залазит за видимость экрана( Как сделать красиво?Или хотя бы что бы что б оно автоматов в другую сторону выпадало? Вот скрин,и ссылка на сайт. http://cs629325.vk.me/v629325382/27aec/7GVSae6yP5s.jpg http://chobd.esy.es/

    Asked by vitaxastifler, December 8, 2015

    0 votes
    7 answers
17. Посещаемость

    Здравствуйте, кто скажет: можно ли посещаемость с сайта перенести на программу на ПК? Можно ли это реализовать через Google Analytics?

    Asked by Mestniy96, December 7, 2015

    0 votes
    10 answers
18. Странная ошибка таблицы не могу закрыть body жаль что нет фото !

    CalcJobs Йошкар-Ола Калькулятор услуг и работ /images/icon-calc.pngЙошкар-ОлаСalcJobs.ru  Самые популярные Услуги электрика Услуги сантехника Образовательные услуги Услуги газовщика Услуги автосервиса Монтаж вент. систем, кондиционеров Услуги печника Услуги каменщика Укладчик напольных покрытий Бетонные работы Юридические услуги Услуги плиточника Услуги грузчика Ремонт квартир Услуги кровельщика Услуги штукатуров маляров Услуги гидроизоляцииВСЕ УСЛУГИ Главная Инструкция работы Как работает наш сайт Наш сайт работ…

    Asked by Beluaev007, December 8, 2015

    • Таблица
    0 votes
    2 answers
19. отобразить всплывающюю подсказку справа от селекта

    Всем привет, У меня есть табличка с данными в 4 колонки В некоторых случаях одна колонка широкая и я ее колспаном уcтанавливаю в 3 ячейки. И справа от селекта в этой ячейке хочется отобразить всплывающюю подсказку вроде : <tr> <td style="text-align: right; padding: 1px"> <label for="nsnpas_category_id">Select category: </label> </td> <td colspan="3" style="padding: 1px "> <select class="postform form-control" id="nsnpas_category_id" name="nsnpas_category_id"> <option value="">Select Category</option> …

    Asked by mstdmstd, December 8, 2015

    0 votes
    2 answers
20. Отступ между iframe и текстом

    Здравствуйте, подскажите пожалуйста как можно сделать отступ между iframe (видео с youtube) и текстом?

    Asked by Orvin, December 8, 2015

    0 votes
    2 answers
21. меню перекрывает заголовки

    Добрый день ! проблема вот в чем при обновлении сайта если кликнуть на меню он переходит на нужный блок но перекрывает заголовок если второй раз нажать то он опускается на своё место http://front-end.hol.es/landing/all/

    Asked by pitbuli, December 8, 2015

    • меню перекрывает заголовки
    0 votes
    2 answers
22. Как сделать блок с бакгроундом адаптивным?

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

    Asked by tigrus2014, December 8, 2015

    0 votes
    5 answers
23. Отступы у текста

    У текста есть внутренние отступы, например h1 размером 68px имеет высоту 93px. Как с этим бороться кроме как подбором отступа если хочешь сделать пиксель в пиксель?

    Asked by RaGe2244, December 8, 2015

    • текст
    • отступы
    0 votes
    4 answers
24. Проблема с событием убирания мышки

    Здравствуйте. Есть некая разметка с множеством одинаковых элементов. При наведении мышки на элемент вызывается скрипт который присваивает элементу CSS класс и перемещает его положение в DOM через appendChild (т. к. речь я веду об SVG, это перемещает его на передний план; в SVG это единственная замена z-index; при том элемент не меняет x и y координат). Когда пользователь убирает мышку с этого элемента, должен вызываться скрипт, удаляющий CSS класс. Этого не происходит. Методом проб и ошибок я понял, что, возможно, проблема в том, что, так как элемент переместился в DOM, браузер забывает о том, что на этом элементе было событие наведения курсора, и, как следствие, не вызыв…

    Asked by Heijey, December 8, 2015

    0 votes
    1 answer
25. увеличения блока при новедений

    Всем привет ! я новичок в этом деле сделал список товаров из блоков ДИФ дал им размер и при методе Ховер сделал так что бы блок на которую наведен курсор стал больше суть проблемы в том что при увлечений блока перемещаются вниз или отодвигает на право рядом стоявший блок помогите решить проблему. как сделать ? или подскажите в какую сторону копать ))) хотел получить такой результат <ul><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></div></li><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></…

    Asked by BaukaKz, December 8, 2015

    • div
    • ul
    • li
    0 votes
    5 answers