HTML Coding

29542 questions in this forum

1. пропорциональное изменение размера картинки в резиновом блоке

   помогите пожалуйста решить проблему есть резиновый блок из 3 картинок. при уменьшении ширины окна браузера ширина картинок уменьшается, но высота не уменьшается. а хотелось бы чтобы при уменьшении ширины экрана ширина картинок уменьшалась и высота картинок тоже уменьшалась пропорционально ширине сервер отдаёт картинки в размере 290x145 px. но это можно изменить. использовать бутстрап и прочие фреймворки нельзя. использовать лёгкий нативный js можно, но не жалательно

   Asked by cyklop77, February 19, 2015

   0 votes
   6 answers
2. Позиционирование элементов

   У меня есть родительский блок (показан на картинке белым) относительно него есть блок 1 я хочу что бы блок 2 был параллельно ему слева, но он идет слева внизу, как исправить ?

   Asked by fro, July 19, 2015

   0 votes
   5 answers
3. Проблема с блоками <div>

   Подскажите! Я начинающий. Есть background на весь экран, есть блок "DIV" с отступами по 300 от сторон( тоесть DIV посередине) внутри этого блока все блоки идут по порядку, и я не могу поставить два блока рядом друг с другом. если я создаю блок он растягивается на ширину DIV с 0 размерами по высоте, и соответственно другой блок ставится под ним или над смотря где в HTML. Работаю с nodepad++ http://c2n.me/3pY216T Хочу добавить, что в статье "правила форума", при регистрации, небольшая ошибочка в 7ой строке, слово большое. Ещё, я начал своё дело в Nodpad++, dreamweawer, яндекс браузер(firebug) и drupal. Может у кого найдутся рекомендации по этому поводу, или этот вопрос …

   Asked by СашкаСанёчек, November 7, 2015

   0 votes
   2 answers
4. Подмена цвета браузера на м.устройстве

   Коллеги! На этом сайте http://www.redmadrobot.ru/ , при открытии с мобильно устройства у браузера меняется цвет со строкой адреса (смотрите скрин с телефона http://prntscr.com/a14me5 ) КАК это реализовать? вообще в какую сторону копать хотябы?

   Asked by el_rafeev, February 9, 2016

   0 votes
   1 answer
5. Проблема с позиционированием css

   Итак, решил сделать footer. (Приложил скриншот) Итак, задумка такова: GitHub - Разместить по левому краю, Twitter - по центру, О нас - По правому краю, но почему то Параграф не хочет вставать так как надо. HTML Код <footer> <div class="container" style="padding-top: 1%;"> <div class="row footer-information"> <div class="col"> <a href="#"><i class="fab fa-github"></i> GitHub</a> <p>Откройте и просмотрите нашу страницу на GitHub</p> </div> <div class="col text-center"> <a href="#"><i class="fab fa-twitter"></i> Twitter</a> <p>О…

   Asked by GamerVII, July 4, 2018

   0 votes
   0 answers
6. подскажите на чем сделано это меню

   Понравилось как сделано меню на сайте: http://www.accrweb.com/ (при наведении мышью на пункты меню оно потихонечку выезжает) Знатоки подскажите с помощью какого фреймворка сделан этот эффект ? jQuery + что то еще? Скрины с сайта: PS Буду очень признателен если кто то направит гуглить в нужном направлении - ато я даже не пойму что искать...

   Asked by test777, March 5, 2011

   0 votes
   2 answers
7. Проблема с обходом формы клавишей TAB

   Добрый день! На сайте http://1litr.elitmaster.com/ есть форма авторизации в правом блоке. Если поставить курсор в поле "Логин" и нажать tab, фокус переносится на форму поиска в левом блоке сайта, а не на поле Пароль ниже. С чем это может быть связано и как решить данную проблему?

   Asked by alexandr87m, August 31, 2011

   0 votes
   2 answers
8. Ломается дизайн при добавлении border

   Здравствуйте! Сам не могу понять. При добавлении в блок a:link следующей строки: border-bottom: 1px dotted; ломается дизайн. Помогите, пожалуйста! сайт www.arsvar.ru

   Asked by Kysin, December 1, 2011

   0 votes
   2 answers
9. Отправка формы с пустыми полями

   Здравствуйте, уважаемые администраторы и пользователи. Прошу вас помощи для написания и объяснения скрипта, который бы при отправке формы на след. странице выдавал надпись, что обязательное поле не заполненно. Так вот. попробовал реализовать с помощью PHP файлов, но так как являюсь грубо говоря бичом в этой области, ничего у меня не получилось. Прошу вас, помогите мне пожалуйста написать скрипт. вот код моей формы. Заранее благодарен <!DOCTYPE html> <html> <head> <title>Регистрационная страница клуба программистов</title> </head> <body> <p align=center> <a> <img src="D:\Файлы Mail.Ru Агента\1.JPG" width="576" heigh…

   Asked by Grandhustla, February 3, 2012

   0 votes
   2 answers
10. Изменение шрифта при разных разрешениях

    Можно сделать так, чтобы размер шрифта оставался неизменным визуально при разных разрешениях экрана?

    Asked by apexis, March 29, 2012

    0 votes
    1 answer
11. Проблема с нижней полосой прокрутки

    Всем здрасьте. Решил сделать собственную карусель, с гейшами и нардами, в итоге родил вот такую небольшую кодовёрстку: <!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> <script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { $("div.children").each(function() { …

    Asked by sifilis, August 28, 2012

    0 votes
    0 answers
12. Margin:0 auto для блока с абсолютным позиционированием

    Приветствую. Возник вот такой вот вопрос. Есть блок со следующими стилями: .block {position:absolute; right:0; bottom:0; left:0; height:6em; max-width:1200px; margin:0 auto;} Верстка «резиновая». При достижении ширины блока в 1200 пикселей все хорошие браузеры выравнивают его по центру. И лишь обожаемый и неповторимый IE имел все в виду в порядке строгой очереди. Стандартные фиксы не спасают (из-за абсолютного позиционирования): .outer {text-align:center;} .outer * {text-align:left;} Есть ли разумное решение проблемы или же имеет смысл не выносить мозг и вложить в .block другой блочный элемент и прописать стили к нему?

    Asked by solovets-denis, August 31, 2012

    0 votes
    1 answer
13. Прижать футер

    Доброго времени суток. Подскажите, как прижать футер к самому низу, чтобы не было просвета. У меня там вон как: #footer { position: relative; margin-top: -2.5em; background: url(images/img01.gif) repeat; } Благодарность тому кто даст дельный совет.

    Asked by Вальдемар, November 21, 2012

    0 votes
    2 answers
14. Помогите настроить высоту и отступ

    Привет всем! Решил сделать простенький шаблон, состоящий из модных сейчас хабов (как windows 8 или Google Play). Сделать хабы я смог, но свойства у них не очень... 1. Нужно в верхнем правом квадрате сделать отступ текста во внутрь квадрата, но padding: 20px; убивает всю сетку. 2. Необходимо сделать зависимость, между блоком с текстом и блоком с категориями. Что бы при увеличении блока с текстом из-за его большого количества, увеличивался и блок с категориями (по высоте). Ну и наоборот тоже. Запарился уже это делать, помогите пожалуйста. P.S: Решил таблицы не использовать, не люблю их. Может можно как-то без них? http://html.v-arhiv.ru/ HTML <!DOCTYPE html> <htm…

    Asked by winston3d, June 18, 2013

    0 votes
    1 answer
15. Форма загрузки

    Помогите, как сделать на картинке http://itmages.ru/image/view/1325093/835fcf84

    Asked by Sergey410, November 12, 2013

    0 votes
    1 answer
16. Кнопки соц. сетей не видят изображение.

    Доброго времени суток! Столкнулся с проблемой которая выносит мне мозг.) Есть сайт http://gobanner.ru , есть кнопки соц. сетей вверху (нас интересует только кнопка вконтакте). Когда мы на нее нажимаем открывается окно куда подставляется вся инфа из дива share42 кроме data-image. НО! Если я меняю ссылку изображения в data-image на изображение не с моего сайта, а любого другого, то картинка подставляется. Так же как и чужая, моя ссылка фигурирует в графе вода сайта (ну то окошко где мы пишем www.блаблабла.com) но все равно картинка не работает. Парни, что за бред? Что я не так делаю? Или это что то с хостингом? Вот прямая ссылка, как видно тут она работает! P.S. - Я пробов…

    Asked by logicface, March 19, 2014

    • data-image
    0 votes
    0 answers
17. Фон градиентами

    Сделал вот такой вот фон градиентами: http://jsfiddle.net/3bp7m/ Всё было бы отлично, если бы жутко не тормозило (видимо долго прорисовывается градиент), да, в примере всё ок, т.к. там 300х300px размер, а если сделать, например, 1000 в ширину или в высоту - начинаются лаги. Подскажите, пожалуйста, как это побороть. Либо чем это можно сделать (без картинок)?

    Asked by kickboxer, March 25, 2014

    0 votes
    3 answers
18. Не пойму как переместить изображение...

    Народ помогите пожалуйста. Разбираю шаблон Ebay Так вот суть вопроса: На странице http://cultuspen.ru/item/перьевая-ручка-052 Не могу сделать отображение картинок в одной строке, получается что они все в столбик идут Что только не делал и объединял их в один тег не помогает подскажите плиз. Я новичок, но хочу во всем разобратся <div><strong><a href="http://cultuspen.ru/wp-content/uploads/2014/09/581247292_016.jpg"><img class="align size-medium wp-image-6" src="http://cultuspen.ru/wp-content/uploads/2014/09/581247292_016-300x300.jpg" alt="581247292_016" width="300" height="300" /> </a><a href="http://cultuspen.ru/wp-content/uploads…

    Asked by MIhaeljob, September 23, 2014

    0 votes
    1 answer
19. Режим наложения css3

    Суть вопроса : есть такой блок https://jsfiddle.net/w28rh987/5/ . Для фото использован режим наложения luminosity.При наведении на весь блок single-item у фото исчезает luminosity и появляется оверлей синего цвета со ссылками и неким текстом. Но у меня получается,что наложение пропадает, а затем появляется и у соседнего фото. Можно ли как-то решить эту проблему? P.S. : в фаерфокс почему-то наложение не видно,в хром работает.

    Asked by Alexandr37, November 22, 2016

    0 votes
    0 answers
20. Можно ли радиокнопку превратить в список?

    Дизайнер нарисовал, что в обычной версии - размер одежды выбирается кнопками. А в мобильной версии, кнопки превращаются в список (дизайнер вдохновился этим сайтом) Но я не пойму как реализовать это. На том движке что делаю (опенкарт) опции одежды выбрал радиокнопки. Можно ли их каким-то образом теперь превратить в список? вижу пока только 1 вариант - дублировать опции. На компьютере показывать одни и скрывать вторые и наоборот. Или может как-то можно это в css сделать?

    Asked by nikki4, February 21, 2017

    0 votes
    1 answer
21. загрузка фотографий как на faceboook.

    здравствуйте. как сделать загрузку фотографий, как на facebook. там java плагин. хочется что-нибудь подобное с плагином или без него. спасибо заранее.

    Asked by arthur.a, July 6, 2010

    0 votes
    0 answers
22. Опера не понимает кодировки

    Зайдите на страничку http://сзош8.in.ua/qwerty.html через оперу и увидете только квадратики в остальные браузеры понимают все норм как это устранить? —————-- и кстати на всех остальных браузерах тоже самое

    Asked by T@NKIST, October 4, 2011

    0 votes
    3 answers
23. Синтаксис CSS

    Уважаемые форумчане! столкнулся с одним css файлом, мне было не понятно смысл кода. Пожалуйста скажите что означает знак "+"? К примеру код был такой: h2+p:first-letter { font-size: 4em; vertical-align: baseline; margin-right: 10px; font-family: Lucida Console; } li a + a:focus { margin-left: 0 } Заранее спасибо

    Asked by jumancy, January 19, 2012

    0 votes
    1 answer
24. opacity в див

    Материнскому диву присвоил opacity: 0.7 и потом в нем создал еще один див, и прозрачность тоже ему передалась. Как сделать так ,чтобы дочернии див не был прозрачным. Пробывал дочернему диву прописать opacity: 1 - не работает.

    Asked by nik1524, March 30, 2012

    0 votes
    3 answers
25. object

    Здравствуйте. Проблемы использования тега object. Заранее оговорюсь что устанавливал Media Player и QuickTime. Пытаюсь проиграть аудиофайл с помощью медиа плеера и квиктайм Вот так <body> <object classid=" clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" type="audio/mp3" data="1.mp3"></object> </body> Или вот так с помощью квиктайм <body> <object classid="clsid: 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" type="audio/mp3" data="1.mp3"></object> </body> Но увы опера и хром показывают белое окно. эксплорер отображает медиаплеер, но не проигрывает файл. Если не вызывать конкретный проигрыватель, например вот так <body&g…

    Asked by doremidoredo, July 9, 2012

    0 votes
    0 answers