HTML Coding

29,542 questions in this forum

1. Оформление input[type="submit"]

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

   Asked by alejandro13, December 6, 2015

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

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

   Asked by Daniil Khanin, December 6, 2015

   • ИЕ
   • мерцание изоб
   0 votes
   2 answers
3. Проблема в оформлении блока

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

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

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

   Добрый день, я совсем совсем новичек, только первую неделю учу 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
5. Вопрос по расположению блоков

   Привет. Вот такая задача: есть главный блок, который должен быть всегда по центру. Слева и справа, в зависимости от ширины экрана, к нему добавляются скриптом другие блоки, которые по-хорошему должны выходить за границы экрана, чтобы главный блок был по центру. Установил white-space: nowrap; но это не то. На рисунке - красная рамка - границы экрана. Буду очень рад ответам.

   Asked by horprogs, December 2, 2015

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

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

   Asked by TRIGUN, 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. Верстка небольшого блока

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

   Asked by beliy, December 5, 2015

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

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

   Asked by nikki4, December 5, 2015

   0 votes
   4 answers
10. Макет HTML5

    Посмотрите правильно ли я сделал заготовку для начала блога на HTML5 ? http://codepen.io/anon/pen/gPOxWb

    Asked by Nikinik, December 4, 2015

    0 votes
    4 answers
11. Подскажите, умные люди!

    есть форма,которую нужно разместить на всю ширину блока,и все бы хорошо,но когда добавляешь к текстовому полю рамку все плывет! как выйти из этой ситуации,чтоб форма с рамкой заняла всю ширину блока? <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
12. Прошу помощи по оформлению блока

    Замучился с оформлением страницы вывода товаров Div jshop_list_product Сейчас вот так выглядит а нужно как здесь

    Asked by webmax, December 4, 2015

    0 votes
    8 answers
13. вопрос по шрифту

    Всем добрый вечер! Использую шрифт Trebuchet MS, он входит в стандарт Windows, но я их вставила в @font-face для кроссбраузерности, но в IE9+ отображается по другому, как только я убрала @font-face, все стало на свои места Вопрос, с чем это связано и стоит ли использовать @font-face, если шрифт включен в стандарт windows?

    Asked by Nailya, April 2, 2014

    0 votes
    6 answers
14. url в виде /path/param вместо /path?par=param в form submit

    Добрый день! Возникла необходимость сделать как в заголовке. т.е. сейчас есть форма, два селекта. При нажатии на кнопку вызывается url вида /path?par=param&par2=param2 где param и param2 берутся из селектов с именем par и par2 соответственно. Надо сделать /path/par/param/par2/param вместо этого, чтобы соответствовать api сервера, или path/param/param2 - тоже сработает. Это вообще возможно сделать без JS? должно работать при noscript. Заранее спасибо, и простите, если вопрос дебильный - новичок я...

    Asked by Apec, December 4, 2015

    • form
    • submit
    • action
    • url
    0 votes
    5 answers
15. div в div'е - помогите с высотой блока

    Добрый день! Нужна помощь знатаков... Поставил на ВП новый виджет - поехал шаблон. У меня div в div'е. Первый div по высоте не растягивается. Из-за этого содержимое внутреннего (вложенного) div'а не мопомещается в главный div. Подскажите, пожалуйста, чего там не хватает ((( Заранее спасибо.

    Asked by dron, December 4, 2015

    0 votes
    5 answers
16. кроссбраузерные до ie8 врезки без js

    помогите пожалуйста решить проблему, если это вообще возможно вот код: http://jsfiddle.net/9xd8k676/ здесь есть контейнер, который содержит текст и врезку. врезка расположена в верхнем левом углу. но нужно чтобы она была смещена вниз на несколько сот пикселей(точность особая не нужна), относительно своего настоящего положения. и при этом освободившееся место было бы заполнено текстом

    Asked by cyklop77, December 3, 2015

    0 votes
    10 answers
17. Помогите разобраться, как убрать показ ссылки.

    Добрый день. Подскажите пожалуйста, как можно убрать или запретить показ ссылки в браузере html методом? Пример: при наведения курсора на картинку, то в левом нижнем углу (браузер Опера) показывается полный путь ссылки, его надо убрать.

    Asked by abelitro, December 4, 2015

    0 votes
    2 answers
18. Кроссбраузерный SVG в качестве background

    Сделали проект на SVG, но в браузерах Internet Exploer и Safari параметр background-position обрабатывается совершенно иначе нежели в Chrome, что привело к появлению костылей для IE. Первый вопрос: кто нибудь сталкивался с корректными кроссбраузерными решениями вопроса background-position при применении в качестве фона SVG. Может надо графику как-то по другому сохранять? Второй вопрос: а Safari для Windows уже сдохла и больше не обновляется? Если да, то мутор под нее отменяется и достаточно обойтись только подгонкой под Safari для OS X. p.s.: кроме того фон скачет на 1px в IE, если размеры графики оказались в десятых долях пиксела при применении background-size.

    Asked by Shift-Web, December 4, 2015

    0 votes
    2 answers
19. Градиент на Mac OS

    Подскажите как сделать css градиент на 20% высоты блока, чтобы корректно смотрелось на Safari, что на Mac, что на Windows. Сейчас выглядит вот так: http://www.picshare.ru/view/6918945/ справа Safari, слева остальные браузеры background: -moz-linear-gradient(top, rgba(247,247,247,0.65) 0%, rgba(128,128,128,0) 48%, rgba(0,0,0,0) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,0.65)), color-stop(48%,rgba(128,128,128,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(247,247,247,0.65) 0%,rgba(128,128,128,0) 48%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */…

    Asked by vip, November 30, 2015

    0 votes
    6 answers
20. Адаптивная верстка, проблема с фоновыми рисунками

    Проблема с фоновыми рисунками на главной странице 1 рисунок bg1.png снизу-слева, 2 рисунок bg2.png снизу-справа На обычных мониторах все нормально. А на больших телевизорах и мониторах фоновые картинки улетают вверх. На iPhone вообще не показываються. На этой странице: http://habana-vieja.ru Прописаны в файле CSS: html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: url('design/bg1.png') left bottom no-repeat, url('design/bg2.png') right bottom no-repeat, url('design/fon-jeans.gif');}

    Asked by egor2015, December 2, 2015

    • адаптивная верстка
    0 votes
    3 answers
21. Как правильно стилезировать формы (input, button) при помощи css

    Доброго всем времени суток! Интересует вопрос как стилезировать формы без JS и JQ? вот к примеру если форма поиска и кнопка имеют нестандартную форму,и у формы поиска background градиентом! Корректно ли будет задать внешний вид таких форм при помощи вырезания изображений из макета,убирать потом у формы поиска border и outline делая его полностью прозрачным,и под нее вставлять изображение с макета? а кнопку задать не как button а input type="image" и просто вставить изображение кнопки из макета ?

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

    0 votes
    0 answers
22. обратный отчет времени

    Нужен обратный отчет времени. По сути шириной и высотой как первое предложение(день -час- минуты) и самое главное чтобы при обновлении страницы, время не обновлялось. Условно хочу блок 300на300 в котором идет список из 3-5 таких отсчетов. Дайте позя готовые решения, или статьи.

    Asked by pi314, December 3, 2015

    0 votes
    2 answers
23. Помогите с дескрипшен и титл - не определяются, возможно кодировка

    Привет друзья. Очень прошу помогите,так как время идет, а проблему решить не могу. Я не сеошник, но так уж случилось, что пришлось сделать сайт. Делал сам, в фронтпейдже. Итог, сайту четыре года, тиц 50, пр2. Недавно чуть переделал шаблон, улучшил, решил развивать, и столкнулся с тем, что в выдаче нет его. Банов нет, санкций нет, как оказалось, чет намудрил с тегами, уже в куче форумов этот вопрос хадавал, но внятного ответа так и не получил. Раньше были в топ, а щас и робот бегает стабильно, но по ощущению он не видит текст. Буду очень благодарен, если посмотрите код и подскажете, что и куда нужно дописать. За подробный ответ вам +100 к карме. Спасибо

    Asked by mak26, December 2, 2015

    0 votes
    10 answers
24. Рисунок выходит за рамки блока

    Как сделать так, чтобы рисунок не выходил за рамки блока (задачи) при щелчке мыши? что нужно дописать/исправить в коде? http://prntscr.com/99jxc1 http://prntscr.com/99jxp3 http://prntscr.com/99jxyq

    Asked by tanya_7794, December 2, 2015

    0 votes
    3 answers
25. Не прокручивается содержимое всплывающего окна на айфонах

    Здравствуйте. Сверстал сайт - он здесь - и там есть несколько всплывающих окон, с большим кол-вом полей, и на мобильных такие формы, естественно, целиком не видны. Но на андроидах они внутри формы прокручиваются. А на айфонах, как пишут те, кто тестировал - "форма словно прилипла". Есть какие-нибудь соображения, с чем это может быть связано?

    Asked by Дмитрий2, December 2, 2015

    0 votes
    1 answer