HTML Coding

29542 questions in this forum

1. Граница элемента рисунком.

   Здравствуйте, есть определённый блок, к примеру: <div id="css"><div>, я хочу сделать, что бы у левой, првой и нижней границы фоном был рисунок, например градиент, иле ещё что нить. (Нашёл на вашем сайте, очень полезную статью, но там для таблиц ) Пытался сделать таким образом (это для левой и нижней границы): <div style="background-image: url('/img/list1.jpg'); background-position: left; background-repeat: repeat-y; background-image: url('/img/list2.jpg'); background-position: bottom; background-repeat: repeat-x;" id="content"> Но показывает только только одну, пытался несколько стилей присвоить одному блоку, но тоже не вариант. Может я всё и глупо д…

   Asked by baklofen, November 20, 2008

   0 votes
   14 answers
2. Проблема с float: left

   Добрый день, Подскажете, пожалуйста, как исправить такую ошибку: Слой с float: left в ие7 после окончания колонки, которую он обтекает, уменьшает padding. Наглядно: html <div style="float: left"> <img src="/i/image.jpg" style="margin: 0; padding: 0"> </div> <div class="ctlg"> <div><h3>title</h3> <ul> <li>Фильтр для очистки и минерализации мягкой воды</li> <li>Картридж</li> <li>Угольная <a href="#">вставка УВ</a></li> <li>Дозаторы <a href="#">кальция</a> и <a href="#">магния</a></li> <li>Возможность регенерация картр…

   Asked by Diver2, May 18, 2009

   0 votes
   5 answers
3. не понятная ошибка

   Здравствуйте. подскажите, пожалуйста, как может на одной странице комментарии отображаться "криво", а на остальных нормально, как и положено? писал форму по заказу, выслал все файлы заказчику, он сам устанавливал всё на сервер. сегодня зашёл посмотреть, что получилось и увидел такую проблему вот здесь можно посмотреть. Заранее благодарю откликнувшихся.

   Asked by slo_nik, October 21, 2009

   0 votes
   2 answers
4. Изменение высоты флэш пропорционально ширине без js

   Подскажите плз. Есть флэш, вставленный в тело страницы, ширина указана в %, необходимо высоту менять пропорционально ширине в зависимости от сужения/расширения окна браузера. Если указать только ширину, в отличие от того же img высота автоматом не высчитывается, а почему-то всегда ставится 200px:( Пытался решить через js, но уж больно мигает...некрасиво.

   Asked by Микель, March 17, 2010

   0 votes
   1 answer
5. При наведении на ссылку меню пропадает часть содержимого страницы

   Уважаемые, гуру!!! Разъясните, в чём проблема. В IE 7 при наведении на ссылку меню, пропадает часть содержимого страницы, при этом в остальных нормальных браузерах (Мозила, Опера, Google Chrome) всё ок!!! Пробовал валидаторы кода разные, результат тот же, с html знаком, знаком с глюками IE, но тут уже нервы сдают - помогите пожалуйста. Всё бы ничё, но ест ещё юзеры, пользующиеся IE 7 и даже IE6!!! Сайт it-consulting.dp.ua. Заранее благодарен. При необходимости выложу код index-a и css-ника

   Asked by h2choh, March 1, 2011

   0 votes
   3 answers
6. Прижатый подвал

   Привет, помогите решить загадку. Как мне прижать footer, что бы он был всегда и при любом разрешении экрана внизу.

   Asked by mayse, November 23, 2011

   0 votes
   5 answers
7. Резиновый макет как застваить сжиматься-разжиматься

   Здравствуйте. Решил попробовать поверстать резиновые макеты, далеко не пошёл, взял отсюда: http://forum.htmlbook.ru/index.php?showtopic=14398&st=0. Задавал вопросы сначала там, но кажется в тему уже давно некто не ходит, поэтому решил спросить тут. Проблемы возникли с самого начала с шапкой, у меня там идёт шесть блоков, каждый из которых содержит свой элемент, ширина блоков указана в процентах, допустим у себя с разрешением 1960 пикселей, я вижу всё нормально, при разрешение 1024 пикселя, у меня последний блок выпадет и переносится на другую строчку. Как заставить, его сжиматься-разжиматься в зависимости от разрешения. Я не знаю нужна ли вообще шапка в данном макете…

   Asked by param, June 29, 2012

   0 votes
   8 answers
8. Расположение иконок

   Нужно выровнять иконки по уровню текста (по средней линии). Не додумаюсь как. Текущий скрин.

   Asked by Feel, October 19, 2012

   0 votes
   6 answers
9. Горизонтального меню на списке

   Доброго времени суток! Делаю горизонтальное меню с разделителями. Разделители обычный слэш "/" Решил использовать псевдоэлементы для вставки разделителей. Контейнер имеет float и его размеры не известны (резиновый). Естественно расстояние между элементами списка должно "тянуться". По сему решил сделать margin у псевдоэлементов с процентным значением. В итоге наблюдаю, что последний элемент списка переносится из-за недостатка ширины контейнера. Причем видно, что ширина контейнера равна ширине блока без margin у псевдоэлемента. Складывается ощущение, что браузер просто "теряется", ибо не знает откуда взять значения для расчета полей. Замечу, что при "ручном" измен…

   Asked by c01nd01r, November 23, 2013

   • псевдоэлементы
   • меню
   • список
   0 votes
   6 answers
10. textarea

    Всем привет, подскажите как выполнить такой маневр, я хотел было взять звездочку в span и через него придать ей красный цвет, но он отображается в поле как текст!

    Asked by KamZed, November 22, 2016

    • html
    • css
    • form
    • textarea
    0 votes
    3 answers
11. Растянуть блок за пределы родителя в одну сторону

    https://jsfiddle.net/digitalmedia/1ag23rdb/ Необходимо растянуть блок .map до правого края браузера. Есть ли какое то решение для этого?

    Asked by vip, March 14, 2017

    0 votes
    5 answers
12. Как работает код

    Может мне кто-нибудь объяснить как работает данный код? Желательно поэтапно <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> </head><body> <button data-toggle-id="subscribe-mail"> Показать форму подписки </button> <form id="subscribe-mail" hidden> Ваша почта: <input type="email"> </form> <script> document.onclick = function(event) { var target = event.target; var id = target.getAttribute('data-toggle-id'); if (!id) return; var elem = document.getElementById(id); elem.hidden = !elem.hidden; }; </script> </body> </html>

    Asked by ErUnDAK, June 24, 2017

    • javascript
    • html
    0 votes
    9 answers
13. Вопрос о вводной форме

    Вопрос о вводной форме. Your message... Где мне взять адрес CGI-программы(что вставить в кавычки action"???")???

    Asked by Sheena, February 18, 2008

    0 votes
    4 answers
14. проблема с сылками и нехваткой мозгов

    короче смысл такой есть папка sait.ru кинул в этот денвер в ней : папка www / в ней : index.html style.css папка image и папка arhiv в которой находиться book.html ======================================== ну так вот мне нужно что бы в файле book.html были прописаны рисунки которые в папке image тобиш прописываю так и так и даже так неотображаються картинки и все , что нетак делаю??????? заодно скажите тоже самое как сделать со стилями? так несработало

    Asked by Kain, April 2, 2008

    0 votes
    4 answers
15. ХЕЛП! В Мозиле иероглифы!

    сайт написан в html при открытии его в minefield русский шрифт отображается как иероглифы. что делать?

    Asked by SLY87, November 7, 2009

    0 votes
    1 answer
16. повтор изображения

    Доброго времени суток. есть такой скрипт css: #services{ padding:20px 0 0 0; text-transform:uppercase; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; } #services img{ margin:0; padding:0; line-height:normal; } #services ul{ display:block; width:960px; margin:0; padding:0; list-style:none; overflow:hidden; } #services li{ display:block; float:left; width:234px; height:210px; margin:0 8px 8px 0; padding:0; overflow:hidden; } #services li.last{ margin-right:0; } #services a strong{ display:none; width:100%; margin:0; padding:15px 0; font-weight:normal; text-align:center; color:#5B5B5B; background-color:#232323; …

    Asked by sh1va, April 6, 2010

    0 votes
    2 answers
17. не растягивется ячейка в Opera и IE

    Подскажите плиз как бороться с такой проблемой, есть три ячейки по вертикали, средней ячейке задана высота height="100%", а у нижней и верхней по 150px. В результате получается так что верхняя и нижняя ячейки растягиваются по высоте, а средняя нет, хотя нужно наоборот. C FireFox проблем нет, а вот в IE и Opera средняя ячейка не растягивается по высоте ....уже испробованы всяческие варианты, ни чего не изменилось, помогите кто знает в чем дело! Вот пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> &lt…

    Asked by igorockk, May 28, 2010

    0 votes
    6 answers
18. Как поставить сайдбары ниже контента

    Верстаю сложный 4х-колоночный шаблон. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head profile="http://gmpg.org/xfn/11"> </head> <body> <div id="container"> <div id="header"></div> <div id="page"> <div class="maincolumn"> Контент </div><!-- end maincolumn --> <div id="sidebar_1"></div> <div id="sidebar_2"></div> <div id="sidebar_3"></div> </div><!-- end page --> <div id="footer"></div> </div><!-- end contain…

    Asked by Mila, January 10, 2011

    0 votes
    5 answers
19. Отображение картинки

    Добрый день, коллеги. Всё ломаю голову в чем может быть проблема. Суть такая. Я через свои механизмы на сайте загружаю картинки любого формата. Картинки уменьшаю,сохраняю их в png-формате, но ставлю расширение jpg (для совместимости с другим функционалом, который живет фиг пойми сколько лет, да не в этом дело). По идеи, а может и нет (???), браузеру пофиг на расширение, поэтому он картинки должен отображать. Но почему-то ИЕ8 и ИЕ9 на моём сайте такие картинки не отображают. Меняю расширение на png, не меняя самой картинки, и картинка начинает отображаться. Причем в остальных браузерах все нормально отображается. Решил сделать тестовую страничку. Проблема воспроизвелась на…

    Asked by ShurikEv, June 6, 2011

    0 votes
    7 answers
20. display: table и содержимое смежных "ячеек"

    Здравствуйте. Решил попробовать свойство display: table, но столкнулся с проблемой. Допустим, имеется таблица в две колонки. Если для одной из колонок указать padding-top, то содержимое обеих колонок будет сдвигаться вниз на заданную величину. То же самое происходит, если на первом месте в одной из колонок содержится элемент с положительным значением padding-top или margin-top: содержимое обеих колонок смещается вниз. Такое поведение не устраивает, потому что в левую колонку хочется поместить меню, прижатое к верхней границе колонки, а в правую - содержимое с отступом от верхней границы. css: body { padding: 0; margin: 0; } div.table { display: table; margin: 0 auto…

    Asked by hedgehog, September 26, 2011

    0 votes
    10 answers
21. Отступы между блоками

    Я не могу убирать отступы между блокам сайта http://codmws.game-pack.net Код я использую <div class="block"> <div class="bt"><span>Меню</span></div> <div class="dcont arch"> $SMENU_1$ </div> <div class="bbut"> </div> </div> <div class="block"> <div class="bt"><span>Мы в контакте</span></div> <div class="dcont arch"> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?47"></script> <!-- VK Widget --> <div id="vk_groups"> </div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width:…

    Asked by GhostNiniga, February 12, 2012

    0 votes
    2 answers
22. Проблема верстки для мобильного браузера.

    суть вот в чем. На десктопе во всех браузерах смотрится прекрасно, т.к. и задумано, а вот на мобильном есть проблема: 1. логотип прижимается к левому краю 2. Полоса справа имеет ширину не в % (в момент загрузки кажется что все нормально, но если уменьшить до нужных размеров видна проблема. не подскажете как решить? body{ background: url('../images/bg.png'); margin:0; }header { width:100%; height: 40px; background: #444444; -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6);}.header{ background: url('../images/logo.jpg') no-repeat left; width: 1040px; height: …

    Asked by To_wave, December 23, 2013

    0 votes
    3 answers
23. Проблема - Мобильная верстка, viewport, iPhone

    Всем добрый день. Следующая проблема: Верстаю сайт http://bitportal.mobi/ под моб устройства. Указываю тег <meta name="viewport" content="width=480, target-densitydpi=device-dpi">и на андроиде 480*800 все работает ок, а на айфоне (тестировал в сафари на iPod touch 4gen) - сайт зазумленный. На сколько я смог нагуглить - проблема в том, что у айфона Но вот что делать с проблемой - нагуглить не смог Плиз помогите, как заставить айфоновский сафари отображать без зума страничку

    Asked by MageMerlin, June 29, 2014

    0 votes
    2 answers
24. Добавление mousewheel.js к jQuery UI slider

    Здравствуйте. Никак не могу решить проблему. Есть слайдер сделанный по такому принципу http://jqueryui.com/slider/#side-scroll html <div class="ui-slide-range"> <div id="sliderContent"> <div class="viewer ui-corner-all"> <div class="content-conveyor ui-helper-clearfix"> <div class="item"> <img src="img/item4.jpg" height="152" width="205" alt=""> </div> </div> </div> <div id="slider"></div> </div></div> js $(function() { //vars var conveyor = $(".content-conveyor", $("#sliderContent")), …

    Asked by Нарек, July 22, 2014

    0 votes
    4 answers
25. Вставка кнопки поверх изображения.

    Добрый день. Я начал изучать хтмл недавно, и все вроде бы получается. Но когда стал делать верстку интернет магазина то возникла проблема, как реализовать кнопки или картинки поверх других картинок. Вот например как на картинке есть изображение товара и поверх него 2 кнопки NEW и SALE. Пробовал сделать фотографию background, но подгонять каждую фотографию под размер не рационально. с z index что-то не выходит.. может кто подскажет в какую сторону смотреть или какое либо готовое решение? заранее спасибо

    Asked by traxenbruxen, July 12, 2015

    0 votes
    1 answer