HTML Coding

29542 questions in this forum

1. Прижатый подвал

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

   Asked by mayse, November 23, 2011

   0 votes
   5 answers
2. Вертикальное меню для сайта

   помогите пожалуйста, как сделать меню как в одноклассниках (чтобы оно оставалось при прокрутке страницы)? "position: fixed" не помогает, отображается неправильно, криво. пытался сделать так: <div style="width: 100%; height: 51px"> <!-- Меню --> </div> <div style="width: 500px; height: 100%; overflow: auto"> <!-- Контент --> </div> но что если на сайт зайдёт человек, у которого дисплей с расширением например 1600х900? будет пустое место под вторым блоком, вообще отображаться будет неправильно. нашёл в инете JS-скрипт, который изменяет высоту блока в зависимости от расширения дисплея, поставил, но он не работает у меня почему-то.

   Asked by SurPaul, January 8, 2012

   0 votes
   8 answers
3. шрифт с google web fonts не проходит валидацию

   в head подключены 2 шрифта: <link href='http://fonts.googleapis.com/css?family=Jura&subset=cyrillic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=cyrillic' rel='stylesheet' type='text/css'> А валидатор html5 говорит: Валидатору не нравится знак амперсанд?Как исправить проблему?кто-то сталкивался?

   Asked by eleonore, May 18, 2013

   0 votes
   3 answers
4. SASS. Вопросы.

   Здравствуйте! Приступила к использованию SASS. Все скачала, установила. И как его теперь подключить? На одном сайте прочла "Запустите консоль в любом каталоге". Это как понимать? У меня сайт находится на Денвере: Z:/home/test2.ru/www/здесь все файлы. Как мне подключить в консоли этот путь? P.S. в Google искала. По поводу этого толком никто не пишет, все описывают прелести и синтаксис этого SASS'а. Спасибо.

   Asked by Orarifish, September 24, 2014

   0 votes
   7 answers
5. Сколько времени надо гуглю?

   Чтобы изменения в микроразметке (schema.org) появились в выдаче?

   Asked by Светлан, June 25, 2015

   • schema.org микроразметка
   0 votes
   8 answers
6. Модуль«Похожие метки» обрезка текста и мн

   Есть код <div> <div class="moduletable box"> <h3>Похожие темы</h3> <div class="tagssimilar box"> <ul> <li><a href="/">Некий научный OVA / Toaru Kagaku no Railgun OVA</a></li> ... Остальное в таком виде <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> Привязка идет к "box" Суффикс CSS-класса модуля: " box" в CSS div.box li { white-space: nowrap; /* Отменяем перенос текста */ overflow: hidden; /* Обрезаем содержимое */ text-overflow: ellipsis; /* Многоточие */ } div.box:hover li { white-sp…

   Asked by lev99, March 1, 2017

   • css
   0 votes
   1 answer
7. При наведение мышки на ссылку изменить фон другого элемента.

   .price__link:hover .price__title { background-color: #49cbcd; } Верстаю учебный макет и не получается сделать так что бы при наведении курсора мышки на ссылку изменялся фон другого элемента. Что может быть не так? Скрытый текст <div class="price__item"> <div class="price__title"> Basic </div> <div class="price__cost"> $5.01/ Month </div> <div class…

   Asked by Genazb, February 17, 2020

   0 votes
   5 answers
8. А как вот так зделать?

   http://online.ukrworld.net/111/ Вот, мне нужно в шапку сайта, между надписями каталог онлайн игр и www.online.ukrworld.net вставить маленькую картинку. Вставить так, что надписи остались на своих местах...Если просто вставляю картинку, написси уезжают...и билеберда выходит полная..подскажите...

   Asked by Cyrax, February 25, 2008

   0 votes
   3 answers
9. Стили внутри фрейма

   Возможно ли как то переназначить стили внутри фрейма?

   Asked by AlexKon, October 26, 2009

   0 votes
   8 answers
10. <table> in <div>

    всем привет есть такая конструкция: <div style="width:50%"> <table width="100%"> <tr> <td width="15%"> one </td><td width="85%"> two </td> </tr> </table> </div> проблема заключается в следующем: ширина ячеек устанавливается 50%, а не как надо: 15% и 85%... кто знает, почему так получается и как это побороть? )

    Asked by lexx006, December 16, 2009

    0 votes
    6 answers
11. У лисы проблема с float

    В общем проблема следующая: Вот внешний вид страницы во всех браузерах, кроме лисы структура самая простая: крыша (roof), дивы left и main обернуты в div oblo. Внизу див flour. И вот он в лисе ведет себя ни разу неадекватно: Если выставить у подвала float:right то в лисе получается такое: (во всех других браузерах оно естесвенно уплывает вправо) Такое чувство, будто лиса хочет подвал запихнуть в обложку к дивам left и main ХТМЛ: <div id="roof" align="center">1 крыша </div> <div id=oblo><!———————————-- обложка —————> <div id="left"> <a href="opera:blank" class="button"> Кнопка 1 </a> <a href="opera:blank…

    Asked by volkoff, September 30, 2010

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

    Уважаемые, гуру!!! Разъясните, в чём проблема. В 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
13. Фон по центру

    Всем доброго времени суток. Сделал фон кодом css. body { margin-left:35%; margin-right: 35%; margin-top: 15%; background: url(img/fon.png) no-repeat;} но, как мне сделать, что бы центр картинки(фона) был по центру сайта??

    Asked by Gotafak, September 28, 2011

    0 votes
    3 answers
14. Летит фигура на картинке

    .vid_mat { width: 228px; border: 1.3px solid #d0d0d0; background: #ececec; padding-bottom: 2px; padding-left: 6px; padding-right: 0; padding-top: 3.7px; display: inline-block; } .vid_name { padding-left: 0.9px; padding-top: 3px; } a.vid_name { text-shadow: #ffffff 0 1px 0; color: #127ad0; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; text-transform: uppercase; text-decoration: none; } a.vid_name:hover { text-decoration: underline } .vid_prew { width: 222px; height: 138px; position: relative; padding: 1.4px 0 0 0; } .vid_time { background: #000; border-top-right-radius: 2px; border-bottom-right-radius: 2px; height: 12px; width: 34px; position: abs…

    Asked by Samsonoff, July 19, 2013

    0 votes
    13 answers
15. Настройка выпадающего списка

    Добрый вечер. На сайте Над шапкой сделаны номера, при наведении они раскрываются, а если смотреть на моб версии на них нужно нажать и они откроются. Подскажите пожалуйста как сделать что бы номера на моб версии закрывали при нажатии на главный номер.

    Asked by saine, January 23, 2017

    0 votes
    7 answers
16. hover эффект для меню

    То о чем я говорю представлено на скриншоте. Через padding-top по пикселям делал, как-то неудобно получается. Есть ли еще варианты?

    Asked by WebNewbe, August 19, 2017

    • html
    • css
    • javascript
    • верстка
    0 votes
    3 answers
17. ff 3.5.1 в ul остается маркер после указания list-style-type: none;

    Делаю меню для сайта. Ставлю list-style-type: none; float: left; везде все хорошо, а в ff 3.5.1 остаются маркеры. html <ul class="navigation"> <li>Главная</li> <li>Программа</li> <li>Услуги</li> <li>Клиенты</li> <li>Контакты</li> </ul> css #header .navigation { float: left; width: 1004px; color: #787878; padding: 0; margin: 0; } #header .navigation ul { list-style-type: none; padding: 0; margin: 0; } #header .navigation li { float: left; margin: 0; padding: 0; } У кого ещё такие проблемы были? Как решать? Нашел проблему. Если указываешь #header .navigation ul, то Ope…

    Asked by Вадим, July 23, 2009

    0 votes
    4 answers
18. Условие для оперы.

    Товарищи, такая проблема, есть идентификатор, к нему применено свойство top:57px; но для оперы это значение должно быть top:65px; Не понимаю как это сделать. Чаще всего такое встречается при работе с IE и тогда спасает строка. <!--[if IE]><link href="styles/ie-style.css" rel="stylesheet" type="text/css" /><![endif]--> Но с оперой это не работает, пишу: <!--[if Opera]><link href="styles/opera.css" rel="stylesheet" type="text/css" /><![endif]--> Но это не срабатывает. Что ещё можно сделать в данной ситуации, со вчерашнего дня бьюсь, в инете нашёл массу хаков, но уже ни один не работает, все браузеры их понимают. Может я просто не прави…

    Asked by Игорь Ермаков, August 21, 2009

    0 votes
    4 answers
19. li сделать квадратики ближе

    необходимо в списке вида <ul> <li><strong>Нагревательный элемент из высококачественной стали</strong> </li> <li>Автоматическое и ручное выключение </li> <li>Двусторонняя шкала уровня воды </li> <li><strong>Внутренняя подсветка</strong> </li> </ul> Сделать квадритики возле пунктов, очень близко. Как их можно двигать?

    Asked by Tchorteg, July 4, 2011

    0 votes
    12 answers
20. Проблема с отображением шрифтов в разных браузерах

    Верстаю шаблон. Использую шрифт Myriad Pro. При объявлении через CSS обычным путем, с помощью способа: * {font-family:"Myriad Pro"; font-weight:normal;} во всех браузерах, кроме Сафари 5 отображается нужный шрифт. Когда решаюсь на отчаянный шаг и подключаю шрифт принудительно из папки fonts, то в Сафари текст отображается нужным шрифтом. Подключаю вот так: @font-face { font-family:"Myriad Pro"; /* Имя шрифта */ src:url(fonts/MyriadPro.otf); /* Путь к файлу со шрифтом */ } Отображается текст нужным шрифтом во всех браузерах, кроме браузера Опера. Там случается следующая проблема. При подключении обычным способом через font-family в браузере Опера обычный текст, текс…

    Asked by WebMasterOleg, November 27, 2011

    0 votes
    1 answer
21. Вывод результата отправки/валидации формы

    Здравствуйте! У меня вопрос скорее методологический, однако более подходящей ветки не нашел. Я занимаюсь созданием сайта, который должен быть максимально адаптирован для удобства пользователей с ограниченными возможностями здоровья, в частности, слабовидящих людей, которые работают с веб-страницами с помощью озвучивающих устройств. Опыта работы с подобными устройствами у меня нет, поэтому возник вопрос по веб-формам. Как сверстать форму, чтобы её было удобно заполнить — понятно. Но как вывести ошибки валидации или сообщение об успешном принятии данных? Варианты имею следующие: - вывести ошибки или результат около формы или в попапе — не подходит, читалка не узнает, что по…

    Asked by Elflight, December 7, 2011

    0 votes
    4 answers
22. Что использовать? iframe или...?

    Всем привет! Столкнулся с необходимость создать нечто подобное на большой оффлайн справочник, написанный на html с применнием таблиц стилей. Собственно не знаю с какой стороны подойди к созданию, в силу своего крайне скудного опыта. Суть такова, что будет основное меню и уйма разных страничек, которые однотипно подгружаются по нажатию на элементы меню. При этом справочник постоянно расширяется и в меню будут появляться новые элементы, группы и прочее. Первое, что приходит в голову, это использовать iframe, так как о серверном коде речи не идёт. Но всё как-то криво, косо, неудобно, чтоли. Буду рад услышать как бы вы это делали в сторону чего лучше посмотреть для успешной р…

    Asked by Arinden, January 28, 2014

    • iframe
    • html
    0 votes
    2 answers
23. Как сделать?

    Как сделать, чтобы красный блок растягивался по высоте на все свободное пространство внутри желтого блока? http://jsfiddle.net/UL8Ak/2/

    Asked by Kenshi24, February 25, 2014

    0 votes
    23 answers
24. семантика

    Подскажите, что ещё существует для семантически на сайте, кроме <main role="main">. То есть кроме html5-тегов и ролей.

    Asked by PavelTkachev, November 12, 2014

    0 votes
    8 answers
25. Как вставить в шапку баннер

    Приветствую. Можете помочь вставить в саму шапку сайта баннер 468*60, в определенное место? В данный момент код выглядит так как указал ниже. Как лучше сделать? <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Всё для начала игры в SAMP. Скачать Grand Theft Suto San Andreas, Multiplayer для GTA SA, биндер, флудер, редактор худа, редактор карты и многое другое!"> <meta name="keywords" content="<?php include_once 'keywords.php'; ?>" /> <meta name="author" content="Mihail Rusich"&gt…

    Asked by Mihail_Rusich, January 14, 2019

    0 votes
    6 answers