HTML Coding

29,542 questions in this forum

1. div под div'ом

   Подскажите пожалуйста: код. Как можно сделать так, чтобы один див располагался под другим, без применения отрицательного margin-top и любых других вариаций отрицательного смещения?

   Asked by Arinden, October 15, 2011

   0 votes
   8 answers
2. html5: attr hidden

   Всё таки море возможностей даёт нам последняя версия html Порой кажется что все их освоить и использовать просто не хватит рук. Вот сегодня наткнулся на hidden. Задумался. Стоит ли использовать? Текущий контекст, куда хочу впихнуть - скрыть с его помощью одно из полей формы, которое должно отобразиться при определённых условиях. Что вызывает сомнения? 1. По назначению это ли будет? 2. С точки зрения семантики, где его стоит использовать? Почему хочу? 1. Легко добавить его поддержку там где её пока нет (стилями/js). 2. Заморочился последнее время на "сумасшедших формах", внедряю в новый проект по полной. Раньше бы сделал: diplay: none, и по событию сменить. Или вт…

   Asked by Быколай, October 15, 2011

   0 votes
   4 answers
3. Проблемы начинающего - помогите советом

   Неправильное оформление темы.

   Asked by dizel13, October 15, 2011

   0 votes
   1 answer
4. Google Developer Tools и UL

   В этом примере.. (нашёл тут на форуме) Google Developer Tools у меню показывает ширину/высоту UL [800 x 0] Почему высота у UL нулевая?? Ведь внутри него лишки, а в них ещё ашки??

   Asked by DrStrangeLove, October 15, 2011

   0 votes
   11 answers
5. link вместо XHR

   Можно ли использовать тег link вместо XMLHttpRequest? И если да, то как? И вообще, какие возможности у тега link, кроме как встраивание стилей, каналов и поисковиков?

   Asked by SiPlus, October 15, 2011

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

   Здравствуйте, учусь верстать странички. Позиционирую изображение по отношению к слою(предку). Картинка частично выходит за границы данного слоя как и задумано. Работает во всех браузерах отлично, а вот в опере - вроди бы элемент стоит правильно, но он выделен черной рамкой. Как это пофиксить? Все разобрался. На слое родителя висел аутлайн, который опера рисует вокруг всех объектов вне даного родителя.

   Asked by compositor, October 15, 2011

   0 votes
   0 answers
7. Постепенное выцветание строчек в конце абзаца

   Доброго времени суток. Возникла необходимость сделать вот такое оформление текста: Текст текст текст текст Текст текст текст текст Текст текст текст текст Текст текст текст текст Текст текст текст текст Вот тут тег <!--more--> (движок Wordpress) То есть последние три строки перед ссылкой "Читать далее" становятся светлее. Как ни пытался придумать способ - у меня ничего не вышло. Если задействовать PHP, то приходит в голову только количество символов до конца абзаца - но оно может быть совершенно различным. Если не задействовать PHP - вообще ничего в голову не приходит. Есть какой-то способ?

   Asked by zusicks438, October 15, 2011

   0 votes
   20 answers
8. Переключение фреймов в одном окне

   Есть ли код/яваскрипт, позволяющие переключать фреймы, находясь при том на одной и той же странице? Поясню: нужно сделать пять ссылок на одной странице, при нажатии на определенную во фрейме на странице появляется другая страница... как-то так

   Asked by laird, October 15, 2011

   0 votes
   2 answers
9. вопрос по скрину

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

   Asked by Lucifer, October 15, 2011

   0 votes
   2 answers
10. <video>, <audio>

    Привет. Несколько вопросов к вам: 1. Теги html5 <video> и <audio> воспроизводят только файлы, которые находятся на фтп с сайтом ? Если нет, то как с помощью <video> вставить видео с youtube например ? 2. В макете нарисовано следущее: Задача верстальщика в чем заключается вообще: чисто разметить страницу под вставку видео и проигрывателя или сделать все, таксказать, "под ключ" ? 3. Как быть с тем, что сафари и ie8 не поддерживают этот тег ? Заранее благодарю!

    Asked by lolka84, October 15, 2011

    0 votes
    7 answers
11. Вложенный контейнер выступает за границы

    Помогите решить проблему. Есть код и есть следующие стилевые файлы вложенный контейнер никак не получается загнать в рамки. По идеи должен внешний расширяться. вот как это выглядит нужно чтобы кнопки влезли в бежевый контейнер

    Asked by Gold Dragon, October 15, 2011

    0 votes
    5 answers
12. Отступ между элементами LI

    Всем привет! Не могу понять почему между тегами li остается расстояние: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> ul { margin: 0; padding: 0; } ul li { display: inline-block; list-style-type: none; list-style-position: inside; height: 24px; margin: 0; padding: 0; border: 1px solid red; } </style> </head> <body> <ul> <li><a href="#">раз</a></li> <li><a href="#">два</a></li> <li><a href="#">три</a></li> </ul> </body> </…

    Asked by optimismous, October 15, 2011

    0 votes
    6 answers
13. Проблемы с меню.

    Есть достаточно сложное горизонтальное меню Вот css код: .menu LI { float: left; display: block; position: absolute; } .menu LI A { display: block; } .menu LI A:hover { display: block; text-indent: -9999px; overflow: hidden; /*+opacity:80%;*/ -moz-opacity: 0.8; opacity: 0.8; } .li1 { left: 80px; top: 88px; z-index:1; } .li1 A { width: 62px; height: 63px; background-image: url(img/onas.png); background-position: 0px px; } При таком раскладе появляется горизонтальный скролл на странице. Но если из .menu LI A убрать display: block, то скролл пропадает.Но и элемент меню тоже Как быть?

    Asked by Sedacove, October 15, 2011

    0 votes
    5 answers
14. Border-radius для img (продолжение...)

    Здравствуйте! Всем очень благодарен за вчерашние советы и рекомендации. Узнал много нового и полезного для себя. Но при "апгрейде" плагина о котором вчера велась речь( Сейчас он выглядит вот так: http://yamaradg.narod2.ru/history/Matrix/index.html ) я столкнулся с очередной "каменной стеной"! На этот раз застрял на проблемах с - IE-7,8! А дело собственно вот в чём: 1) при наведении на матрицу у <img class="bigimg"> в ie-7 не срабатывает z-index(не знаю как выкрутиться из этой ситуации?) + в IE-8 вся матрица вообще пропадает из виду... (это связано с подключением скрипта border-radius для IE-7,8... И единственным решением которое удалось найти являеться <img class…

    Asked by Yamaradg, October 15, 2011

    0 votes
    1 answer
15. Два блока

    Возник очередной вопрос, как правильнее сделать и проще такую задачу. Первое что пришло в голову. HTML <div id="header"> <div id="menu"> <ul> <li>Control Panel</li> </ul> </div> <div id="sub_menu"> <ul> <li>Settings</li> </ul> </div> </div> CSS #header { width: 100%; background-color: #000; } #header #menu { height: 30px; } #header #sub_menu { height: 30px; background-color: #dadada; } #header #menu ul { color: #fff; } #header #menu ul li { float: left; padding: 8px 0px 0px 30px; margin: 0px 0px 0px 0px; list-st…

    Asked by Simel, October 14, 2011

    0 votes
    5 answers
16. Margin (padding) для img

    Добрый вечер. Подскажите пожалуйста, вот такая схема: <ul> <li><span><img /><a></a></span><li> ... <ul> Почему если применять к img или a - margin или padding - смещаются оба элемента и img и a?

    Asked by Arinden, October 14, 2011

    0 votes
    7 answers
17. Заголовок (h1)

    Спасибо, помогли

    Asked by lolka84, October 14, 2011

    0 votes
    2 answers
18. Подключение

    Здравствуйте, возник такой вопрос , где правильно подключать php файлы в начале между <head></head> , или перед DOCTYPE ?

    Asked by Simel, October 14, 2011

    0 votes
    1 answer
19. Validation

    Line 20, Column 35: there is no attribute "name" <form id="login " class="x" name= " login_form" method="post" action="#" > ? You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supported in t…

    Asked by Simel, October 14, 2011

    0 votes
    5 answers
20. многоколоночный текст

    как реализировать для ие? прочитал что есть скрипты которые автоматически делают это но их не нашел!! нашел решение на http://www.xiper.net/collect/js-plugins/content/multi-column.html но у меня почему то не работает! пасиба за ваши старания

    Asked by dostel1, October 14, 2011

    0 votes
    2 answers
21. Шов между блоками в Опере и ГХ

    <div style="float: left; width: 50%; height: 25em;">block A</div> <div style="float: right; width: 50%; height: 25em;">block B</div> В гугл хроме и опере между блоками возникает шов если их закрасить цветом. Как исправить и в чем проблема? Спасибо.

    Asked by Kenshi24, October 14, 2011

    0 votes
    3 answers
22. Border-radius для <img> в Opera...

    Добрый День! При применении св-ва "border-radius" к тегу <img> столкнулся с трудностями при отображении в Opera. Вобщем свойство просто не работает... Задавать картинки бэкграундом не подходит для заказчика!(хотя в этом случае border-radius работает нормально.) Не подскажите - существует ли выход для подобных ситуаций? P.S. Ссылку на сайт предоставляю: http://yamaradg.narod2.ru/history/Matrix/index.html Буду очень признателен за помощь!

    Asked by Yamaradg, October 14, 2011

    0 votes
    27 answers
23. метод click не срабатывает в хроме и FF.

    Не срабатывает getElementById().click() в хроме и FF. Подскажите, кто сталкивался...

    Asked by rootv, October 14, 2011

    0 votes
    12 answers
24. Форма отправки на проверку в css-validator

    Это форма отправки на проверку в http://jigsaw.w3.org/css-validator/ из Notepad++ <form action="http://jigsaw.w3.org/css-validator/valid..." method="put"> <textarea name="text" rows="12" cols="75">%s</textarea> <input type="submit" value="Check" /> </form> Как сделать что бы отправка была автоматом при загрузке страницы. Без нажатия кнопки "Check"!

    Asked by andrecool, October 14, 2011

    0 votes
    5 answers
25. Проблемма с ие 6

    Здравствуйте! Лоб об клаву уже разбил - не могу найти косяк: В ие6 центральная колонка (точнее контент колонки) начинается только под менюшкой . И никак не могу на место подвинуть. Знаю - где то накосячил http://dsi10.ru Заранее благодарен!!!

    Asked by Leonidk, October 14, 2011

    0 votes
    4 answers