HTML Coding

29542 questions in this forum

1. Подсветка менюшки/ссылки нестандартной фигурой на фоне

   Сабж. Как так сделать? (во вложении изображение - пример) Первое, что приходит на ум, нарисовать картинку - фон и на ней размещать ссылку - менюшку. А может можно div трансфорнуть (css trnsform)? Или есть другие варианты? Подскажите, как?

   Asked by torsar, November 11, 2016

   0 votes
   6 answers
2. Вставка музыки

   Здравствуйте! У меня возник такой вопрос. Как можно вставить какой нибудь музыкальный файл на страницу, и при окрытии страницы начиналось бы воспроизведение мелодии! Заранее спасибо!!!

   Asked by febiv, April 30, 2009

   0 votes
   3 answers
3. Позиционирование

   Всем привет! Друзья,помогите понять,для чего/зачем и когда нужно применять position,читаю книжки/самоучители,токо я чё то допереть никак не могу,кому не трудно,расскажите по подробнее о позиционирование,если можно с примерами,мб есть статьи какие,на русском,где,как говорится,всё расжёванно... Хелп!)

   Asked by ote4ek, June 12, 2009

   0 votes
   1 answer
4. Верстка для мобильных Устройств

   Собствено сабж. Есть сайтик резиновый, нормально смотрится на нормальном экране. На экране PDA конечно же плывет. Отсюда вопросы 1. Под PDA делается отдельная верстка? 2. Как учитывается ширина экрана? Резиновый дизайн - это конечно хорошо, но как быть с широкими таблицами с данными, которые никак не умещаются даже в 640px, а уж про 240 вообще молчу? Или от горизонтального скрола никуда не деться? 3. Как отлаживаться? если нет под рукой реального устройства. У Оперы есть опция "маленький экран", но при этом летит нафиг часть CSS, т.е. игнорируется некоторые установки(например ширина Input). И вид страницы втиснутой в DIV шириной 240 на нормальном экране и в режиме "мале…

   Asked by minvareg, September 30, 2009

   0 votes
   0 answers
5. Интернет-телеканал

   Недавно мне захотелось создать телеканал. Но не реальный, а виртуальный. Потому что это более экономно. Одна проблема. Не знаю как или на чем его делать. Есть какая-то cms или скрипт какой-т для этого? Или проще самому написать. Если проще писать самому, то подскажите на чем.

   Asked by ctpz, July 6, 2011

   0 votes
   4 answers
6. display=block + colspan > 1

   суть в том, что верстается блок, который состоит из заголовка (текст + иконка) и контента, при нажатии на иконку, контент скрывается весь блок мне хочется реализовать с помощью одной таблицы. все хорошо, но когда блок скрывается, колонки в заголовке разъезжаются вот код: <script> function hide(img, block_id, expand_img, hide_img) { var block = document.getElementById(block_id); if (!block) return; if (block.style.display != 'none') { block.style.display = 'none'; img.src = hide_img; } else { block.style.display = 'block'; img.src = expand_img; } } </script> <table style="border: 1px solid grey; width: 600px;"> <tr> &l…

   Asked by mishero, August 1, 2011

   0 votes
   4 answers
7. Как сверстать такой вод блок

   Как сверстать эти линии? Именно чтобы растягивались с контентом ну и расположить их так как я хочу? Просто растянуть на 100 процентов вниз див нельзя, а если родителю поставить фон картинку и repeat-y то нельзяч менять расположение фона. Как быть? Можно ещё через <ul><li></li></ul> попробывать, но мен кажется тогда вёрстка станет не логичной или я не прав?

   Asked by bayanruby2, November 14, 2011

   0 votes
   4 answers
8. Объясните на пальцах про позиционирование

   Здравствуйте. Зачитал до дыр про позиционирование, но все-равно туплю. Вот у меня код: <div id = "found"> <div id = "Left"> <div> <div id = "Right"> <div id = "Right_l"> <div> <div id = "Right_r"> <div> <div> <div> CSS: #found { height:600px; width:800px; } #Left{ width:250px; display:block; position:relative; } #Right{ width:550px; display:block; position:relative; float:left; } Надо, чтобы было так : [блок Left] [блок Right_l] [блок Right_r] То есть блок Right содержит в себе еще два блока, которые позиционируются В НЕМ. Не могу понять как это сделать... Получается сейчас…

   Asked by zhuravlik, January 10, 2012

   0 votes
   2 answers
9. Проблема в ИЕ8 и выравнивание :after

   Как надо http://divhack.com/d...s/study/3/html/ Как получается у меня(смотреть только на вернюю часть, остальное пока наброски) http://troshka.hut4.ru/ 1)Можно как-нибудь сделать чтобы мои уголки в меню центрировались ровно по середине относительно слов? Под пунктом FAQ так вообще криво выглядит. 2) В ИЕ 8 стили для меню вообще похоже игнорирует, как исправить? 3) Большую картинку под меню возможно выполнить через стили(белое свечение на фоне текста) и стоит ли вообще таким заниматься ли оставить просто картинку?

   Asked by ВикторТрошка, January 10, 2013

   0 votes
   4 answers
10. Помогите сделать адаптированный шрифт! Очень нужно!

    Помогите, пожалуйста, сделать адаптированный шрифт. Очень нужно!!! http://87.237.116.73/index.php //CSS * { margin: 0; padding: 0; } html { background-color: #fff; height: 100%; } body { color: #333333; font: 0.75em/1.5em Arial,sans-serif; } #ImgTitle{ position: absolute; top: 2%; left:30%; color: red; font-size:53px; font-family:Artesanias; } @font-face { max-height: 6.5%; font-family: 'Artesanias'; src: url('fonts/Artesanias.eot?') format('eot'), url('fonts/Artesanias.woff') format('woff'), url('fonts/Artesanias.ttf') format('truetype'), url('fonts/Artesanias.svg#Artesanias') format('svg'); } //HTML <div id="ImgT…

    Asked by Michael Myers, March 17, 2013

    0 votes
    2 answers
11. как заверстать такой фон, как думаете?

    Здравствуйте. вот такая задачка, как можно что-то подобное заверстать? Чтобы не целиком весь фон брать. вот она https://dl.dropboxusercontent.com/u/12587498/fon.png

    Asked by warobushek, August 13, 2013

    0 votes
    1 answer
12. Закрепление картинки в правой части страницы по середине

    Добрый день! Помогите, пожалуйста! Нужно закрепить картинку 40*150 px к правому краю страницы, сделать её зафиксированной при прокрутке. Картинка должна быть с ссылкой. Можно ли как-нибудь это сделать? Пример: на многих сайтах висит зафиксировано кнопка "задайте вопрос оператору". Нужен код для аналогичной картинки-ссылки..

    Asked by marianna9201, May 2, 2014

    • картинка закрепить
    0 votes
    3 answers
13. видеоплеер

    посоветуйте пожалуйста пллер, который мог бы проигрывать любые видеоадреса(не только с ютуба) и не требовал бы картинки-превью вариант типа <iframe width="420" height="315" src="//www.youtube.com/embed/EC_R9ZLhT7Y" frameborder="0" allowfullscreen></iframe>не устраивает так как если пользователь введёт адрес, скопированный из адресной строки браузера: ,то видео проигрываться не будет

    Asked by cyklop77, November 7, 2014

    0 votes
    5 answers
14. Принципиальные изменения в дивжках браузеров

    Заранее прошу прощения за возможно некомпетентный вопрос. Но суть в следующем. Примерно год назад сверстал пару страниц, все отображалось идеально, как и планировал. Проверил их недавно, вся верстка "полезла", при этому изменения никакие не вносились. Ни один ресурс не подгружается ни от куда извне. Я смог найти только одно логическое объяснение - за прошедшее время, обновились движки браузеров в каком-то принципиальном моменте. Хотел узнать у более опытных колег, возможно ли такое, и если да, то что за последние месяцы могло измениться, в сторону каких CSS свойств стоит смотреть? Заранее благодарен за любую помощь.

    Asked by k0sm0s, December 24, 2014

    0 votes
    6 answers
15. [атрибут*="значение"] и [атрибут~="значение"]

    По мне [атрибут~=значение] можно заменить используя [атрибут*=значение]. Зачем тогда оно есть? Работает быстрее? [атрибут|=значение]

    Asked by PavelTkachev, December 30, 2014

    0 votes
    2 answers
16. Как сверстать такое?(1)

    Всем доброе утро, день, вечер! Сабж.

    Asked by Flexible Curd, January 20, 2015

    0 votes
    6 answers
17. масштабируемое изображение для фона сайта

    Что-то мне подсказывает, что велосипед давно изобретен. Подскажите как лучше сделать сабж. Образец: www.whitehouse.gov

    Asked by Serginhio, January 23, 2016

    0 votes
    4 answers
18. Блоки с товарами одинаковой высоты

    Здравствуйте! Имеется перечень товаров. В каждом блоке 3 составляющих. Картинка, название и свойство. Картинка имеет фиксированную высоту. А вот название и свойства, конечно же, могут состоять из разного количества строк. Так как каждый блок имеет бордер, в результате получаются все блоки разной высоты. Подскажите, пожалуйста, правильный подход к решению данного вопроса. вот пример - https://jsfiddle.net/wdb2e0hy/ Заранее благодарю за помощь.

    Asked by volshebnyi, February 26, 2016

    0 votes
    3 answers
19. Не отображается правильно таблица в Опере

    Всем привет. Верстаю макет, всё вроде как просто, но тут - засада. Начал верстать блоки, сначала блоками - не получилось, потом таблицами, тоже не очень то получилось, а именно, в Опере не отображаются правые и левые края: Вот HTML код блока (на таблицах): <table cellpadding="0" cellspacing="0" height="100%"> <tr> <td class="blocks_lefttop" valign="top"></td> <td class="blocks_top" valign="top"></td> <td class="blocks_righttop" valign="top"></td> </tr> <tr> <td class="blocks_leftcenter" valign="top" height="100%"></td> <td class="blocks_center" valign="top" height="100%"><div style="float:r…

    Asked by nikita3334, March 11, 2011

    0 votes
    0 answers
20. Антивирус и сайт

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

    Asked by misnik92, November 27, 2011

    0 votes
    3 answers
21. Разобраться с %

    Здравствуйте! Накидал рыбу сайта для 3-х колонок использовал width:33.3% Добавил border, padding в них. В итоге последняя колонка не поместилась и встала ниже первых. Скажите, есть такой способ, чтобы указывать ширину в %-ах, прописывать нужные border, padding, margin и в итоге получать все три колонки в одной строке? например, решение, при котором ширина содержимого diva рассчитывалась автоматически после учёта вышеотмеченных параметров.

    Asked by borus, November 28, 2011

    0 votes
    3 answers
22. как привязать кнопки к краям границы блока?

    Здравствуйте. Предыстория в кратце Мне нужно настроить для Joomla модуль новостной ленты mod_news_pro_gk4 (кто знает). Здесь вопросов нет. Далее на модуле расположены кнопки "влево" и "вправо", которые располагаются по краям бокса, слева с краю и соответственно справа. И вот здесь уже у меня вопросы по верстке, которые я уже несколько дней не могу осилить: 1. шаблон сайта сделан таким образом, что пользователь может собственноручно изменить ширину окна. на узко, средне, и широко. Но у стрелочек, стоит жёсткая привязка к ширине, и когда на одном из режимов хорошо, на другом, они уже вылезают совсем не туда, куда следует. Все попытки сделать, что бы стрелочки располагались …

    Asked by Neptun, March 22, 2012

    0 votes
    1 answer
23. Меню с помощью картинки

    Как сделать такое меню? http://demo.moslem.ws/menupng/ 1 вариант рабочий, 2 вариант это уже мой, по верхнему варианту пробовал не получилось, не понимаю в чем проблема..

    Asked by moslem, July 9, 2012

    0 votes
    5 answers
24. Прошу оценить и помочь решить проблему

    http://sevtorart.cc.ua/portfolio/ink/ Тут моя верстка. Прошу дать оценку\совет по данной работе и помочь исправить следующую проблему,а именно: попробуйте изменить масштаб клавишами Ctrl+\Ctrl-. Периодически (по какой зависимости понять не могу) плывет желтый номер телефона в главном меню и свисающая кромка блока Recent News в сайдбаре. Задавал подобный вопрос здесь недавно по другому проекту - человек посоветовал не заморачиваться,т.к. все браузеры при таком уменьшении расчитывают все по-разному. Однако, меня эта ситуация все равно бесит ибо на других нормальных сайтах при таком уменьшении\увеличении все ок. Перепробовал способы вроде установки min-width контейнеру с пла…

    Asked by sjinks, October 11, 2012

    0 votes
    5 answers
25. Растяжка подвалапо вертикали

    Добрый вечер, господа. Вопрос такой - есть блок фиксированного с контентом с автоматическим отступом, под ним растянутый на весь экран подвал. В блок вставляется таблица, появляется горизонтальная прокрутка, однако подвал остается фиксированным ровно на 100% размера окна браузера. Та же проблема на всех страницах, если окно браузера уменьшить менее чем на 960px - появляется прокрутка, содержимое footer'a видно, но вот фона в области за полосой прокрутки уже как не бывало. Что нужно исправить, чтобы он растягивался на всю страницу? <html> <body> <div class="container"> </div> <footer> </footer> </body> </html&…

    Asked by Panic, November 10, 2012

    0 votes
    5 answers