HTML Coding

29542 questions in this forum

1. Не работает селектор .class

   Добрый день. Начинающий программист, столкнулся с проблемой. Селектор .class не работает должным образом. Несмотря на правильное, я надеюсь, описание, на web-странице не отображается ни одно изображение. С чем может быть связано? Заранее спасибо за помощь.

   Asked by Марко, August 16, 2022

   • html
   • программирование
   0 votes
   4 answers
2. Граница div уезжает за пределы окна в FireFox

   Такой вот стиль: #header { position: absolute; top: 0; left: 0; width:100%; height: 100px; border-style: solid; border-width: 1px; border-color:red; } правая граница в FF (3.0) находится за пределами экрана. Чего ему, лису, добавить?

   Asked by Andrewvp, September 12, 2009

   0 votes
   18 answers
3. Как растянуть страницу?

   Оброзовалась проблема,нужно растянуть страницу под разрешение экрана,т.е. чтобы страница автоматически растягивалась под разрешение экрана.Стоит фон страницы картинка.

   Asked by vl@dvk, July 8, 2007

   0 votes
   9 answers
4. Только горизонтальный скроллинг.

   Собственно как сделать горизонтальный скроллинг для фрейма. Поскольку в одном фрейме информации (картинок) больше, чем может вместить монитор у которого разрешение меньше. В данный момент появляется вертикальный скроллинг, что некрасиво выглядит и не совсем удобно. У меня картинки в виде ссылок, если есть более удобный способ, то рад буду выслушать. P.s. И как поставить несколько ссылок в одной строке, а то очень давно не делал, и теперь вот забыл.

   Asked by SEAL, May 27, 2010

   0 votes
   5 answers
5. :root

   Насколько понял, псевдокласс :root аналогичен селектору HTML.

   Asked by Vlad, June 27, 2007

   0 votes
   6 answers
6. Не отображается фон у DIV'а

   Не отображается фон у DIV'а (хтмл) вот такое свойство у дива { background: url('des/img.gif') 0 0 no-repeat fixed; width: 920px; height: 59px; margin: 144px auto 0; } путь к фону указал правильный при просмотре в браузерах, фон у дива не отображается в чем ошибка?

   Asked by barman, December 27, 2010

   0 votes
   6 answers
7. Виснет ie при просмотре сайта.

   Собственно сабж. http://grandreklama.ru.equinox.neolocation.net/pkat13_136/ ——— сайт Если нажать кнопку подробнее то ie зависает. При этом в остальных браузерах все работает отлично. В верстке сайта принимало участие достаточно большое количество несвязанных людей, но последним был я (( поэтому и спрашивают с меня ( а я реально не пойму почему так происходит (( И понятия не имею как отловить место, в котором IE капризничает ((( Может кто знает каие-нить средства или алгоритмы анализа кода под IE? Ну или хоть что-нить, может подсказать,буду благодарен за любую информацию. Заранее спасибо.

   Asked by 4ert, October 24, 2007

   0 votes
   9 answers
8. Не работает float в IE6

   Не могу разбить хедер на блоки. CSS: .header_left { float : left; width : 230px; height : 140px; margin : 0; padding : 0; } .header_center { float : left; width : 370px; height : 140px; margin : 0; padding : 0; } .header_right { float : right; width : 250px; height : 140px; margin : 0; padding : 0; } HTML: <div id="header"> <div class="header_left"> </div> <div class="header_center"></div> <div class="header_right"></div> </div> Проблема возникла с header_right. В IE6 он упорно растягивается на все свободное место на странице. Подскажите, пожалуйста, как заставить блок соответствов…

   Asked by Mila, July 26, 2009

   0 votes
   9 answers
9. заезжает один div под div

   Всем привет, ребята подскажите почему может блок 4 уезжать под блок 1 Блоки 2 и 3 наезжают на 1, а блок 4 почему то уходит под блок 1 вот картина: css: #1 блок{ width:960px; margin-top:8px; border:1px solid red; background:url('../image/menubg_4.png') no-repeat; height:90px; text-align: center; } #2 блок { float: left; width: 180px; margin-top: -45px; margin-right: 10px; } #3 блок { float: right; width: 180px; margin-left: 10px; } #4 блок { border:1px solid red; float: right; width: 578px; margin-bottom: 10px; margin-top: -45px; } html в коде хтмл обычные дивы

   Asked by sce, January 12, 2011

   0 votes
   6 answers
10. Media Queries и поворот экрана смартфона

    Всем привет. Задал через @Media поведение ширины слоев под разные разрешения. По такому типу: @media screen and (max-width: 720px){ body{ width: 640px; } div.nav{ width: 640px; }} Проверил на телефонах. При ландшафтной ориентации экрана слои не растягивают на ширину экрана. Например у телефона разрешение 320x480. У меня медиа заданы и под 320 и под 480. И по идеи, при перевороте сайт должен тянуться на 480px. Можно ли это как-то исправить?

    Asked by Bugert, May 12, 2014

    0 votes
    5 answers
11. Как шифровать текст?

    Как можно шифровать текст, с последующей его расшифровкой?

    Asked by vvsh, October 16, 2008

    0 votes
    14 answers
12. Checkbox. <a> И события

    Здравствуйте! Возможно ли сделать по событию "onclick" в теге <a>, где ссылка на какой-либо ресурс так что бы рядом стоящий "checkbox" отмечался галочкой?

    Asked by AddM, May 20, 2011

    0 votes
    27 answers
13. css reset

    Добрый день у меня возник такой вопрос каким css reset пользуетесь вы ? и какой самый лучший по вашему мнению ... я например использую такой ... но мб есть и лучше (правельнее) , хотелось бы узнать ваше мнение .. h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; pad…

    Asked by MaferoK, August 2, 2011

    0 votes
    30 answers
14. Chrome: Анимация срабатывает сразу после загрузки страницы

    Привет всем. Обнаружил странную особенность Хрома: анимация выполняется сразу после загрузки страницы. Вот, сделал тестовую страничку: http://www.photonoob...sition-bug.html Там всего один div, которому прописана анимация. Проверял на последних версиях Хрома (25.0.1364) на Win7 и MacOSX 10.6.2. (Если у кого-то не срабатывает, то попробуйте, находясь по вышеуказанному адресу, перейти на другую страницу, а затем нажмите кнопку «Назад» чтобы вернуться.) То что это баг я решил потому что такое поведение свойственно только Хрому. В других браузерах такого нет. Более того, даже в Сафари баг не обнаруживается. Вообще, поискав информацию на эту тему, выяснил, что уже существует о…

    Asked by ExtendedPlay, February 25, 2013

    • Chrome
    • Transitions
    • Animation
    • Bug
    • CSS3
    0 votes
    1 answer
15. DIV"ы наползают друг на друга

    Знаю вопорс элементарный и ответ наверняка есть на форуме. Но поскольку я только-только начал осваивать css, то большинство ответов, которые я нашёл, мне не понятны, а готовые решения мне не нужны - хочу сам научиться. Читал описание позиционирования элементов на этом сайте, но отличия очень смутно понимаю. Поэтому решил создать новую тему. Имеется вот такая беда: HTML: <div class="mes_body"> <div> <div class="mes_info"> Текст левой колонки <div class="price"> Цена находится под текстом слева </div> </div> <!--Фото, тут код не убирал, чтобы не убрать ничего лишнего--> <div class="mes_photo"> {%if $message.fields.i|@count …

    Asked by Atip, August 6, 2011

    0 votes
    2 answers
16. Текст выходит за пределы div, footer залезает на текст (2 колонный макет)

    В макете 2 колонки, вставленные в общий контейнер и у каждой float:left. Если поставить свойство height:auto в #content, то обе колонки будут растягиваться под текст при изменении масштаба, однако при среднем масштабе они не будут тянуться до конца контейнера (красный), это можно сделать height:100%, но после этого при увеличении масштаба текст будет вылазить за пределы серой и зеленой колонок. При этом вне зависимости от того, что я делаю с footer, он залезает на текст( https://jsfiddle.net/he2zzh6z/#&togetherjs=5OgHxfnAH5

    Asked by Chaffee, December 20, 2015

    0 votes
    9 answers
17. Svg не отображается в Firefox

    Не отображается svg. Есть способы подмены на удобный для Firefox формат?

    Asked by Rakapudl, March 27, 2015

    0 votes
    7 answers
18. html как установить таблицу внизу екрана?

    <!-- Нижняя часть--> <table width="781" height="28" align="center" bgcolor="#FFFFF6"><tr> <td background="images/bottom.gif" valign="middle"></td> </tr></table> <!-- Нижняя часть--> Добрый день. мне нужно чтобы эта табличка находилась всегда внизу екрана, внезависимости от токо какое разрешение и сколько текста идёт перед ней., грубо говоря строкадолжна быть постоянно внизу. Если ползунок покрутить вниз то она должна там быть. как это сделать? Заранее спасибо

    Asked by DIFox, November 25, 2009

    0 votes
    4 answers
19. Как сделать разные таблицы в одном документе?

    Если задача сделать несколько таблиц. Все они должны быть разные. Вот картинки. 1. таблица Имеет бордер 2 пиксела, высоту ячеек 20 пикселов. 2. таблица Только некоторые ячейки имеют обрамление, другие бордера не имеют. Высота фиксированная 3. таблица Там вообще все разное. И высота ячеек (надо делать разраничения блоков) и цвет текста внутри ячейки и бэк в ячейке разного цвета. Делаю это через CSS. Таблица объявляю как: <table class="table1" width="830"> <tr> <th width="100" bgcolor="#ece5dc">Номера</td> <td width="100" bgcolor="#ece5dc">Май</td> <td width="100" bgcolor="#ece5dc">Июнь</td> &…

    Asked by amv, December 5, 2013

    0 votes
    5 answers
20. Как сделать всплывающее окно на весь экран

    Можно ли как-то открыть картинку или видеоролик во всплывающем окне на весь экран. Что бы не было видно ни окна браузера ни панели задач - вообще на весь экран.

    Asked by alleclf, March 13, 2016

    0 votes
    1 answer
21. float и height 100%

    надо сделать высоту ".left" равной высоте ".right" иначе говоря чтоб у него был рабочий height: 100%. всё чего мне удавалось добиваться это получения высоты видимой области и то не во всех браузерах (требуется ie6+ и нормальные) <!DOCTYPE html> <html> <head> <style type="text/css"> .content {border: 1px solid red;} .left {width: 200px; float: left; border: 1px solid green;} .right {float: left; border: 1px solid black;} .clear {clear: both;} </style> </head> <body style="margin: 0; padding: 0;"> top <div class="content"> <div class="left"> left content </div> <div class="right"&g…

    Asked by freeek, January 10, 2011

    0 votes
    1 answer
22. TD height в IE

    Незнаю, может я уже что-то не то сделал (хотя вроде ничего такого не заметил), но смысл заключается в том, что есть таблица в высоту 100% из 3 строк, в верхней и нижней указано значение в пикселях, а центральная - высота не указана, следовательно, должна занать все остальное пространство (что опера, файрфокс, хром и сафарик успешно делают), а ие - растягивает все строки чтобы они равное пространство заняли Скрин: Собственно код: http://86.110.182.2

    Asked by xXDeMoNXx, February 14, 2010

    0 votes
    25 answers
23. подключить файл через медиа-запрос

    научите пожалуйста подключать определенный файл стилей в зависимости от фактической ширины экрана. следующий код работает <style media="screen">@import "css/styles1.css";</style> <style media="print">@import "css/styles2.css";</style> но здесь проверяется тип принимающего устройства. мне же нужно при ширине экрана >1000px подключать css/styles1.css , при ширине экрана <1000px подключать css/styles2.css

    Asked by cyklop77, July 5, 2012

    0 votes
    5 answers
24. base64-кодирование

    Узнал о возможности внедрения картинок с помощью base64-кодирования. Поскольку статьи я читал стары, то хочу уточнить остаётся ли сейчас ограничение в размере картинок в 20kb? Существует ли падение производительности при отображении закодированных изображений? Можно ли внедрить в css шрифты с помощью base64-кодирования?

    Asked by PavelTkachev, March 27, 2014

    0 votes
    23 answers
25. КАК ЗДЕЛАТЬ ЧТОБЫ ПРИ НАВЕДЕНИИ МЫШКИ НА КАРТИНКУ ПРИГРЫВАЛСЯ ЗВУК

    Как Зделать Чтобы При Наведении Мышки На Картинку Пригрывался Звук

    Asked by lexa, February 7, 2008

    0 votes
    12 answers