HTML Coding

29542 questions in this forum

1. Как сделать голосование?

   Хочу сделать шкалу голосования для фото как в майле. От 1 до 5. Подскажите как сделать это с помощью <input type='checkbox ,при этом чтоб не было галочка а просто ячейка .Заранее спасибо.!

   Asked by new01, March 11, 2011

   0 votes
   3 answers
2. как сделать меню с фреймом но без фрейма?

   как сделать чтоб кусок страницы менялся типа фрейма но без фрейма а через аджакс? например на странице http://westyle.ru/ опрос на аджаксе

   Asked by T@NKIST, May 19, 2011

   0 votes
   6 answers
3. меню по бокам

   был такой сайт: фон и на нем посередине текст и прочее. теперь нужно слева и справа от текста добавить меню. как это сделать? /* CSS Document by Dieter Schneider for www.csstemplateheaven.com */ * {margin: 0; padding: 0;} body { background-color: #9bc52b; background-image: url(images/body_bg.jpg); background-repeat: repeat-x; font-size: 62.5%; } #container { margin: auto; width: 685px; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; } #header { margin: auto; background-image: url(images/main_header.jpg); height: 459px; width: 685px; } #menu { background-image: url(images/menu_bg.jpg); height: 20px; padding-top:…

   Asked by Хелкар, February 2, 2012

   0 votes
   12 answers
4. Верстка и масштабирование / зум браузера

   Здравствуйте! Уважаемые,не могли бы дать несколько советов,насчет верстки: имею макет трехколоночный(враппер=1000пх/лево=200пх-флоат лефт/центер=600пх-флоат лефт/право=200пх-флоат райт) в целом все отображается нормально,ничего никуда не вылезает,но,если в браузере применить зум(ctrl -),макет начинает разваливаться,правая колонка съезжает вниз,сам не понимаю от чего это происходит,по-этому обращаюсь к вам за помощью,поделитесь мыслями

   Asked by milkeyway, April 5, 2012

   0 votes
   5 answers
5. Доработка формы оформления заказа

   Здравствуйте! Есть сайт на Wordpress c купленой темой http://new.mega-topas.ru/. Обнаружилась некоторая недоработка при оформлении заказа: на шаге "Детали оплаты" есть форма с данными покупателя. Если какое-то обязательное поле не заполнено, то только на последнем шаге, после нажатия "Оформить заказ", пользователь об этом узнает. Ему выдается окно с незаполненными полями. А самой формы нет. И не понятно, что покупателю делать дальше. Я бы хотела исправить эту ситуацию так, надеюсь, это правильно: показать это окно с предупреждением и одновременно сделать активной форму. Нужно написать небольшой скрипт на jQuery, но я не сильна в программировании. Буду очень благодарна …

   Asked by Светлана Г., December 12, 2014

   • wordpress checkout validation
   0 votes
   13 answers
6. Адаптивные блоки

   Здравствуйте, подскажите как решить проблему: хочется сделать адаптивный дизайн, застрял практически в самом начале. вот что имеется: идея такая. Это полный размер: а это мелкий : я набросал кое что, оно работает но я уверен что не правильно: Css #header_line{ width: 100%; height: 500px; background: url(../images/header.png) #333;}#contener{ max-width: 1000px; height: 500px; margin: 0 auto;}#block_contener{ display: inline-block;}#block1{ width: 500px; height: 500px; background: #eee; float:left;}#block2{ width: 500px; height: 500px; background: #000; float: right;}@media screen and (max-width: 350px) {#contener{ max-width: 1000px; height: 500px; margin: …

   Asked by Suprun4uk, March 9, 2015

   • div
   • адаптивные
   0 votes
   2 answers
7. Стиль блока при :hover

   Здравствуйте! Нужно чтобы при наведении на блок 1 менялось оформления блока 2. Это всё происходит на одной странице, но блоки не вложены друг в друга, они в разных частях документа. Есть ли у кого готовый скрипт? Спасибо!

   Asked by FitTech, March 17, 2015

   • js
   • hover
   • css
   0 votes
   9 answers
8. Нужно настроить корзину в магазине.

   Всем добрый день! Помогите включить сайт - шаблон. В верстке немного разбираюсь, а вот корзину нужно сделать (настроить). Предложите вашу цену. сайт: http://epoxy-polymer.in.ua/ Спасибо!

   Asked by Vic-Tor, June 13, 2015

   • корзина интернет-магазин
   0 votes
   16 answers
9. Плывёт верстка в FireFox

   Всем привет. Есть сайт: http://www.tongat-1.ru/ В Chrome и Opera нормально всё отображается, а вот в FireFox блок с видео с ютуба почему то съезжает вниз ((. Народ, подскажите как CSS мне подправить, какой костыль дописать чтоб в FireFox этот блок тоже нормально отображался?

   Asked by fenix_63, July 14, 2016

   • html
   • css
   • firefox
   0 votes
   3 answers
10. Не работает z-index

    Народ, всем привет! Есть сайт: http://handmademania.ru/b2b/ Щелкаем пункт верхнего меню "Расчёт заказа". Нас прокручивает вниз к анкете. Так вот, в ячейке "Мастер-классы, которые вы выбрали" я сделал список с мультивыбором. Проблема в том, что список большой,и он пересекается с кнопкой "Отправить". А если надо выбрать элемент списка, который на одном уровне с кнопкой, то кнопка становится на переднем плане, а мне надо, чтобы на переднем плане был выпадающий список. С z-index пробовал - не помогло, Пробовал z-index вместе с position:relative и без, но пока безрезультатно (( Помогите пожалуйста, кто может. Скриншот по ссылке: Скриншот.

    Asked by fenix_63, July 23, 2016

    • html
    • css
    • z-index
    • позиционирование
    • наложение
    0 votes
    2 answers
11. Блоки наезжают друг на друга (FireFox)

    Всем привет! Есть страница: http://krls.beta3.ceteralabs.com/ На ней баннер, который под видео, закрывает собой текстовый слайдер (подробнее во вложении) а браузере FireFox. В Chrom'е всё нормально. Подскажите, где тут CSS подправить можно? Ещё к странице подключено app.js , там тоже стили прописаны, но почему то для FireFox они не срабатывают. Помогите пожалуйста

    Asked by fenix_63, July 11, 2017

    • кроссбраузерная верстка
    • firefox
    • верстка
    0 votes
    3 answers
12. Выпадающее меню на CSS

    Нужно выпадающее меню на Css(в яве не бум-бум) Нашла огромное количество описаний, делаю по http://www.webmascon.com/topics/coding/42a.asp вот мое меню <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Выпад меню</title> <link href="help.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrap"><!--начало оболочки--> <div id="content"><!--начало контента--> <div id="sidebar"> <d…

    Asked by net, March 19, 2008

    0 votes
    2 answers
13. Откуда-то взялись 12 лишних пикселей по высоте

    http://a-s-ivanov.ru/test/portfolio.html Посмотрите, полоса прокрутки появляется. Внизу, под футером, откуда-то берутся лишние 12 пикселей по высоте. В упор не пойму откуда, Firebug мне не помог прояснить ситуацию

    Asked by hooey_ru, October 16, 2008

    0 votes
    3 answers
14. Вопрос по Usemap

    Я начинающий. Хочу сделать карту так, чтобы она отображалась на экране с любым расширением всегда полностью. Использую для этого WIDTH=100%. Картинка сжимается и отображается полностью на экране, но координаты для ссылок, задаваемые при этом в пикселях, пропорционально не уменьшаются. Как сделать так, чтобы картинка всегда занимала полностью экран и происходило пропорциональное изменение заданных координат? Спасибо заранее, если кто знает. <img src="activities1.jpg" WIDTH=100% usemap="#activities"> <map name="activities"> <area shape="rect" coords="45, 32, 545, 382" href="crafts/crafts.html" alt="crafts"> <area shape="rect" coords="568, 32, 1068, 382"…

    Asked by Scheres, July 21, 2009

    0 votes
    5 answers
15. Обрезка изображения

    Здравствуйте. На моем сайте много изображений (превьюшки). Все они одинаковой длины (например 300px). Но высота бывает разной (158, 188, 200...). И задача такая: эти изображения не должны выходить за определенные рамки, например высота = 188px. Т.е. Картинка в div'е обрезается. Я знаю, как отрезать нижнюю часть <div style="width:300px;height:188px;overflow:hidden"> <img width="300"> </div> Но как обрезать пропорционально, чтобы лишние части изображения скрывались и сверху и снизу? Ни у кого нет никаких мыслей по этому поводу?

    Asked by _green, November 18, 2011

    0 votes
    2 answers
16. Выравнивание для firefox

    Здравствуйте! Столкнулся с проблемой, при вставке в Wordpress кода ротации тизеров. На хроме и сафари сайт отображается нормально. А все остальные браузеры(проверял в сервисе) отображают баннеры вправо, тем самым закрывая сайдбар. Пытался выравнить код через div - эффекта нет. Подскажите, как выравнить блок в нормальное положение?(сразу после поста)

    Asked by Olegok, July 11, 2012

    0 votes
    11 answers
17. Как сделать transform:scale поверх соседних элементов?

    Привет! http://apriori.leveler.ru/в нижней части страницы есть три баннера, при трансформации они увеличиваются за соседями, что в принципе логично. Но в Firefox например с такой версткой z-index работает и картинка всплывает над соседями. Посоветуйте пожалуйста, как правильно сверстать такое? Чтобы и bootstrap остался (при изменении размеров окна картинки должны выстраиваться вертикально) и над соседями подняться?

    Asked by d0ublezer0, August 23, 2015

    0 votes
    7 answers
18. Фон страницы

    Добрый день! Скачал шаблон сайта и столкнулся с проблемой замены фона. Когда указываю ссылку на изображение, которое расположено на сайте с картинками, фон подключается без проблем background:#EDEDED url("http://img2.goodfon.ru/original/1920x1200/0/5d/pole-podsolnuhi-priroda.jpg") no-repeat center center fixed; Но если я подключаю фон из папки с картинками, фон подключатся не хочет background:#EDEDED url("img/image.jpg") no-repeat center center fixed; Подскажите, где я допустил ошибку?

    Asked by Zakonoposlushniy, April 4, 2016

    • background
    • css
    • фон
    0 votes
    3 answers
19. Размещение фоновой картинки, заключенной в div, на всю ширину вьюпорта

    Подскажите, пожалуйста, как растянуть фоновую картинку, заключенную в div, на всю ширину вьюпорта? Сейчас она отображается посередине, по ширине макета. Указывала ширину 100%, 1200px, минимальную ширину 1200px - не работает. <div class="banner"> <div class="container background-image"> <div class="banner_text"></div> </div> </div> CSS: .background-image { background-image: url('/img/new_oranges.jpg'); background-size: cover; height: 200px; }

    Asked by Алеся, April 24, 2021

    • position
    • cover
    • width
    • div
    • image
    • background
    • html
    • css
    0 votes
    1 answer
20. Проблема с псевдокласами

    Добрый день. Возникла проблема следующего рода. При верстке все псевдоклассы работают не корректно. Например задаю всем элементам margin-bottom:30px, соответственно у последнего я его пытаюсь почистить ипользуя last-child и задавая margin-bottom: 0. Но проблема в том что после этого все остальные элементы которым обьявил нижний отступ тоже обнуляются. С first-child та же самая проблема. В чем может быть проблема? Первый раз работаю с bootstrap может ли он повлиять на работу псевдоклассов?

    Asked by Romario1985, April 15, 2021

    0 votes
    4 answers
21. Шапка сайта...

    Я новичёк в этом, так что не пинайте! Объясните мне (Чайнику) как поставить свою картинку в шапку главной страницы(Очень подробно!), я пытался(Даже незная, что изменять) получалась какая-то фигня, не так как надо... Напишите пожалуйста пошаговую инструкцию! P.S И незнаете какой-нибудь сайт, где есть много gif анимации, кнопок (Вобщем всё для своего сайта)? Дайте ссылку плиз! P.S.S Заранее благодарен!!!

    Asked by Guest Asin, September 25, 2008

    0 votes
    4 answers
22. не клеится табличка

    Прошу помочь. . Я занимаюсь этим недавно, собираю по тихой сайтик. Не могу понять в чём ошибка. Надеюсь по коду понятно желаемая таблица. Если нет - пишите, я вставлю фото. <tr> <td rowspan="2">1111</td> <td> </td> <td rowspan="2">6666</td> </tr> <tr> <td rowspan="2">4444 </td> </tr> <tr> <td rowspan="2">2222</td> <td rowspan="2">7777</td> </tr> <tr> <td rowspan="2">5555</td> </tr> <tr> <td rowspan="2">3333</td> <td rowspan="2">8888</td> </tr> <tr> <td> </td> </tr>

    Asked by lesviles, April 7, 2009

    0 votes
    8 answers
23. Height:100%

    Всем привет. Нарисовал макет, решил сверстать для своего блога. И у меня в макете ширина контента (то есть хейдер и так далее) должны находится посередине и сверху не должно быть отступов. Пробовал многое, в том числе в body писал padding:0;margin:0 и тд. Пожалуйста, помогите решить эту проблему. На скриншоте я думаю всё видно: Заранее благодарю.

    Asked by nikita3334, April 3, 2010

    0 votes
    8 answers
24. Flow elements

    Всем привет. Читая спецификацию html5 встретил вот такую запись: 7.1. Flow elements phrasing elements or a or p or hr or pre or ul or ol or dl or div or h1 or h2 or h3 or h4 or h5 or h6 or hgroup or address or blockquote or ins or del or object or map or noscript or section or nav or article or aside or header or footer or video or audio or figure or table or form or fieldset or menu or canvas or details. Есть блочные, строчные, строчные-табличные, строчные-блочные, и еще парочку, однако я никогда не слышал про flow - поточные элементы. В чем их существенное отличие?

    Asked by jopka, September 21, 2012

    0 votes
    8 answers
25. Переворачивание фото с помощью CSS

    Здравствуйте. При переворачивание фото через CSS картинка теряет качество, исчезает резкость и становится размытой, это актуально только для 90 и 270 градусов. При этом изображение появляется поверх всего, контейнер в котором она установлена не масштабируется под новую высоту и ширину изображения. Как это можно решить? .r_90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

    Asked by rocknroll, June 13, 2013

    0 votes
    2 answers