HTML Coding

29,542 questions in this forum

1. IE6-оптимизация,

   Объясните, пожалуйста, и помогите исправить такую ситуацию: Сайт по большей части терпимо отображается в IE6, но вот почему на этой и этой страницах блок #text (основное содержимое) проваливается под #sidebar, что float:lefted. И это несмотря на то, что нигде особых стилей для этих блоков на указанных страницах нет. В чем проблема? Проверил в Chrome, Safari, Opera и Firefox — везде все отлично. Пробовал шарить IE Developer Toolbar — причину бага так и не нашел… p.s. В подзаголовке опечатка, вижу.

   Asked by Olhado, March 9, 2009

   0 votes
   4 answers
2. Вложенные медиа-запросы

   Приветствую всех. Подскажите есть ли в спецификации CSS3 вложенные медиа-запросы и, если да, то как они поддерживаются современными мобильными и десктопными браузерами? Спасибо.

   Asked by Rock, January 25, 2013

   • CSS3
   • медиа-запросы
   0 votes
   2 answers
3. хочу круто сделать маркеры справа, но все что-то не выходит пока

   Хочу с помощью CSS сделать так, чтобы "новые" категории товара в панели ссылок интернет магазина обзавелись клёвым маркером справа от ссылки. Для этого использую всевдокласс :after и свойства marker-offset и display:marker: <ul id="categories"> <li class="new"><a href="#">Link</a> </li> </ul> ul#categories { display: block; width: 100%; margin: 0; padding: 0 } ul#categories li { height: 33px; list-style: none; line-height: 33px; } ul#categories li.new a:after{ content: url(images/newcategorymarker.gif); display: marker; marker-offset: 1em; } Во последних версиях Opera, Firefox, Safari, Chrome не работает marker-offset…

   Asked by adelante, December 28, 2010

   0 votes
   7 answers
4. Проблема масштабирования в IE7

   В общем, схема такая: сайт (airclubkmw.ru/testing/) состоит из таблицы в 3 столбца и 4 строки. Каждая ячейка таблицы имеет класс, описанный by CSS. Описывал я так, чтобы сайт растягивался на 100% и по вертикали и по горизонтали браузера, НО! при этом полностью верхняя строка (вернее там 2-е строки) была фиксированной, нижняя строка была фиксированной, левый и правый столбики, заключённые между верхней и нижней строками были зафиксированы. То есть, все масштабирование получается путём изменения площади ячеек (x,y)=(2,1) (2,2) (2,3), по-русски: 3 серединные ячейки сверху (у нижней средней ячейке размер фиксирован height'ом). Не поверите! но у меня получилось - всего недел…

   Asked by Oversemper, October 18, 2008

   0 votes
   23 answers
5. Верстаю бесплатно для портфолио

   Добрый день! Начинающий верстальщик выполнит верстку сайта низкой и средней сложности (фиксированный, резиновый и адаптивный дизайн) за отзыв и для портфолио. Валидность, кроссбраузерность IE9+ (если очень надо то IE8+); JavaScript, jQuery - начинающий, срок по договоренности. Примеры https://yadi.sk/d/UiqsrcUCa3JsB, https://yadi.sk/d/a2slFikwaSxLx Заранее большое спасибо!

   Asked by grafvonfabercastel, August 28, 2014

   • html
   • css
   • javascript
   0 votes
   24 answers
6. Как реализовать кнопку mute?

   Как реализовать кнопку mute? добавил фоновый звук на страницу <embed src="http://www.podst.r/user_files/2/3800/snow_wind_128.MP3" hidden="true"></embed>хочу сделать отдельную кнопку для включение выключение звука на странице.. для вместо <button> использую обычный рисунок (с hover в стиле), а вот как задать команду для остановки аудио не знаю.. Уважаемые форумчане, помогите нубу

   Asked by jjhollywood37, November 13, 2013

   • кнопка
   0 votes
   9 answers
7. Как расположить кнопки социальных сетей в ряд?

   Добавляю на блог кнопки социальных сетей. Вот код: <div class="box-content"> <div id="vk" style="float:left;margin:20px 20px 20px 20px;"> <!-- Put this div tag to the place, where the Like block will be --> <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "vertical"}); </script> </div> <div id="twitter" style="float:left;margin:20px 20px 20px 20px;"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Anton_Medvedev" data-lang="ru">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"&g…

   Asked by seomedved, June 11, 2011

   0 votes
   11 answers
8. Выпадающий список с автозаполнением, скроллом и вводом своих значений

   Ёмкость заголовка зашкаливает, так что к сути. Datalist даёт прекрасный и лёгкий в понимании список с автозаполнением и возможностью записи своего значения, я уже сделал его сюда: https://jsfiddle.net/8f53otky/3/ Есть проблема лишь с отсутствием скролла, а значений в моём списке может быть сколь угодно много. Я пытался настроить виджет combobox из jquery ui - там тоже нет скролла и он не поддерживает ввод значений не из списка. Здесь отмечен решением такой код: <div style="overflow-x: hidden; overflow: scroll; width: 100%; height:500px"> <asp:DataList ID="someId" runat="server"> .... normal datalist implementation here …

   Asked by Melodyn, January 21, 2017

   • datalist
   • input
   • combobox
   • html5
   • jquery
   0 votes
   2 answers
9. Шаблоны

   Ситуация такая: есть шаблон на страницы в корневую директорию и шаблон с таким же оформлением на поддиректорию. Как можно привязать изменения оформления на один шаблон, чтоб не проделывать работы дважды? Пользую Macromedia Dreamweaver 8. Спасибо.

   Asked by Pseex, March 5, 2009

   0 votes
   5 answers
10. Текст и картинка в одну строку

    Есть такая строчка к примеру кода: Текст текст<a href="#"><img src="next.jpg"></a> Подскажите плиз css, как сделать так чтобы ссылка (картинка) и текст были в одну строчку?

    Asked by okunev2, October 8, 2008

    0 votes
    3 answers
11. Input по правому краю (без float:left)

    Со вчерашнего дня пытаюсь найти решение. Нужно кнопку придвинуть к правому краю формы(родителя) не прибегая ко float Это возможно? Вот мои эксперименты. для кнопки установлены такие спили (рамочку и т.д. упустил) input[type="submit"] { width: auto; position: absolute; right: 0px;} Для формы form { padding: 2em 3em 0em 4em; position: relative;}Кнопка позиционируется по правому краю контейнера, в котором находится форма. Если кнопку поместить в контейнер <span style="display:block;position:relative"><input type="submit"></span>Все в порядке, но его высота = 0px и ревизор фаерфокса показывает, что она отображается за пределами формы, что вполне согласу…

    Asked by ekkl, January 11, 2015

    • position
    • relative
    • absolute
    0 votes
    11 answers
12. Вписать один слой в другой

    Можно ли вписать один слой в другой. То есть сделать так, чтобы границы внутреннего прилегали к границам внешнего. Если размеры внешнего жёстко не заданы. ?

    Asked by Колос, December 16, 2008

    0 votes
    11 answers
13. Background-image => width: 100%

    Здравствуйте. скажите пожалуйста как можно растянуть фоновое изображение по ширине объекта? эээ... к примеру есть див... резиновый.... как установленое ему фоновое изображение растянуть по его ширине? спасибо

    Asked by klierik, August 10, 2007

    0 votes
    12 answers
14. Оптимизация

    Добрый день, посетители форума. Я здесь недавно. Очень много информации. Это хорошо. У меня мало времени, поэтому со всем на форуме ознакомиться не смог. Прошу прощения, если тема уже была затронута. Речь пойдёт об оптимизации сайта под различные браузеры. Мой сайт сделан без применения рнр и других языков програмирования. Он создан исключительно на html. Так же присутствует и javascript. Просматриваю его в основном через ie8 (пока что в разработке). Мне этот браузер кажется наиболее удобным. Но когда я увидел сайт через FF и Оперу, то сильно расстроился. Сайт выглядел иначе. Многие элементы дизайна не отображались. Я решил всё-таки доделать сайт в ие, а уже потом перейти…

    Asked by crysis007, July 22, 2009

    0 votes
    24 answers
15. картинка на фоне блока div

    Всем привет! У меня возникла проблема, не получается поставить картинку на фон блока div... body { margin:9px 9px 0 9px; padding:0; } #level0 { background-image:url(images/uvs_02.jpg); width:100%; } </style> </head> <body> <div id="level0" >Фон УВС</div> </body> </html> подскажите пожалуйста в чем моя ошибка.

    Asked by Tsoy, March 27, 2009

    0 votes
    5 answers
16. dysplay block общие вопросы

    Подскажите пожалуйста, уважаемые знатоки, что это за ерунда: http://mp3frog.ru/index.xml Откуда берется этот непонятный отступ под картинкой в Opera и Firefox? В IE все нормально.

    Asked by mp3frog, July 2, 2007

    0 votes
    12 answers
17. Меню

    Всем привет подскажите пожалуйста почему при наведении на меню оно выдвигается а когда убираешь мышку оно задвигается? Как можно сделать чтобы оно не задвигалась обратно? И при выдвигании толкало в низ следующее меню а то подменю пролазиет под вторым таким же меню. <ul class="menu"> <li> <a href="#"><h4>ТЕСТ</h4> </a> <ul> <li><a href="#">Что КАСКО?</a></li> <li><a href="#" class="messages">тест</a></li> <li><a href="#" class="signout">ТЕСТЫ</a></li> </ul> </li></ul><br><ul class="menu"> <li> <a href="#"><h4>ТЕ…

    Asked by gorkaps, February 9, 2015

    0 votes
    4 answers
18. Как сделать ссылки относительно корня сайта?

    Как сделать ссылки относительно корня сайта? Чтобы, например, ссылка с внутренней страницы на главную была вида href="/" ну и так далее, а то с относительными ссылками замучился.

    Asked by bob_24, January 4, 2012

    0 votes
    11 answers
19. Пропадает Background

    Работаю над своим проетком на хостинге Ucoz. Работая с дизайном столкнулся с необъяснимой для меня проблемой... Ошибка в Html или в CSS я точно не знаю поэтому решил обратиться сюда за помощью. Пробл.ема заключается в том что по правой стороне сайта располагается блок навигации сайта, в Html'e он оформлен в форме таблицы. Сам блок работает прекрастно все ссылки на месте, с главной странице всё смотрится так как надо, но стоит перейти в любой из разделов (например в Форум) исчезает изображение заднего плана блока... Вот код данного блока <html> <head> <title>[TITLE]</title> <link type="text/css" rel="StyleSheet" href="/css/style.css" /> &…

    Asked by anvill, November 5, 2010

    0 votes
    4 answers
20. Выпадающее меню для мобильных устройств

    Всем привет, кого не видел. Сделал себе выпадающее меню на основе css по этому уроку. Но, естественно, на мобильных устройства не работает. Нашел урок с адаптивным меню и под мобильные устройства. Но переделывать всё меню лень, может кто подсказать, с чего начать, чтобы меню всплывало и на мобильных устройствах ?

    Asked by bremned, April 17, 2013

    • android
    • iphone
    • выпадающее меню
    • кроссбраузерность
    0 votes
    0 answers
21. Less на клиенте не работает

    У меня less версии 1.3.3 не работает на клиенте.Что не так?У вас работает?

    Asked by max2012, May 6, 2013

    • less
    0 votes
    7 answers
22. .htaccess Помагите!

    Помагите плиз. Как мне сделать или где скачать этот файл. Мне надо что бы на мои html отображался php код. Сказали что нужен этот файл , а где его взять или как сделать я не знаю. Еще вопрос на засыпку. Вот я открыл файл определнного формата через блокнот, и теперь все подобные файлы открываются в блокноте в том числе и этот. Как мне вернуть все назад?

    Asked by Андрей88, November 16, 2007

    0 votes
    8 answers
23. Зачеркнутые ссылки на сайтах

    Вопрос несколько не в тему. Подскажите, а с чего это с совсем недавнего времени буквально на всех сайтах в Интернете ссылки стали выполняться в виде зачеркивания? Это как-то связано с SEO?

    Asked by aaron, August 9, 2012

    0 votes
    4 answers
24. Высота курсора в поле ввода (Mozilla)

    http://test.sinclairshop.ru/maket.php верхнее поле с поиском - когда ставлю курсор в поле, он получается высотой с поле целиком, а когда начинаешь набирать что-то, то курсор сжимается по вертикали примерно на 2-4 пиксела. Вот как бы сделать так, чтобы курсор всегда был в "сжатом" виде? В IE всё хорошо.

    Asked by d0ublezer0, June 16, 2010

    0 votes
    13 answers
25. Не Могу Правильно Разместить Блоки

    Такая проблема с вёрсткой. Есть таблица где то на 10 ячеек, нужно к каждой ячейке сделать вверху по центру заголовок, вставить картинку и подпись внизу справа. Нужно чтобы заголовок всегда был вверху, а подпись внизу даже если картинки нет. Я пробовал делать вот так <table border="1"> <tr> <td width="150px" height="300px"> <div style="text-align: center; vertical-align: top;"> Заголовок </div> <img src="1.jpg" alt="image"> <div style="text-align: right; vertical-align: bottom;"> Подпись </div> </td> </tr> </table> Но когда картинки нет или она меньше всё смещается к …

    Asked by c0d3r, September 5, 2010

    0 votes
    45 answers