HTML Coding

29542 questions in this forum

1. Разница между inline и inline-block

   Подскажите новичку. Стоит задача создать горизонтальное меню. Имеются такие строки: ul li { ... display:inline; ... } А чем отличается вышеприведенная строка от следующей: ul li { ... display:inline-block; ... }

   Asked by aaron, July 30, 2012

   0 votes
   7 answers
2. CSS для тегов td и tr

   <table width="100%" > <tr> <td width="15%"> </td> <td width="75%"></td> <td width="10%"> </td> </tr> </table> как придать значение каждому столбцу: <style type="text/css"> tr.abc { td width: "15%"; /* для первого столбца ширина 15% */ td width: "75%";/* для второго столбца ширина 75% */ td width: "10%"; /* для третьего столбца ширина 10% */ } </style> <table width="100%"> <tr class="abc"> <td> </td> <td> </td> <td> </td> </tr> </table>

   Asked by antosha, January 14, 2009

   0 votes
   8 answers
3. Изменение стиля другого элемента

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

   Asked by Guest CBE4KuH, September 8, 2008

   0 votes
   11 answers
4. Подсветка кнопок при нажатии

   Есть свёрстанный сайт с рабочей менюшкой из нескольких кнопок. Нужно сделать так, что бы: 1. При наведении на кнопку она подсвечивалась (картинки с 3 видами каждой кнопки уже готовы). 2. При нажатии допустим на кнопку 1, она подсвечивалась как нажатая, а после если нажать на кнопку 2, кнопка 1 возвращалась в обычное состояние, вместо неё загоралась кнопка 2. Больше никакого функционала не нужно. Всё остальное уже есть. Как это можно реализовать? Какие есть варианты попроще?

   Asked by Shaman14-21, August 29, 2014

   0 votes
   7 answers
5. Как убрать подсказку для input type file в Google Chrome?

   Ребят, привет! Может у кого получалось убирать всплывающую подсказку у input поля выбора файлы в Google Chrome? По умолчанию подсказка отображает имя выбранного файла или текст "Файл не выбран". Задание пустой подсказки не помагает: <input type="file" title=""> стандартный title все равно отображается.

   Asked by Modder, June 2, 2013

   • input
   • title
   • file
   • Google Chrome
   • input type file
   0 votes
   12 answers
6. Базовый синтаксис Smarty

   Шаблон Smarty представляет собой обычный HTML-документ с добавленными в него специальными smarty-тегами. По умолчанию эти теги заключаются в фигурные скобки ? {тег}. При выводе шаблона эти теги обрабатываются компилятором и в зависимости от их назначения ? переменная или функция, отображается желаемый результат. В примере 1 приведен шаблон, в котором одновременно встречаются теги HTML и smarty-теги. Пример 1. Файл с шаблоном {include file="header.tpl" title="HTML и CSS"} <div id="col1"> <p id="tagtitle">Теги HTML</p> <div class="panel"> <div><a href="/html/">Все теги</a></div> {foreach from="$tag" item="entry"} <div&gt…

   Asked by Vlad, September 7, 2007

   0 votes
   0 answers
7. Пустая строка между абзацами

   Здравствуйте уважаемые знатоки. У меня вопрос. Я заказал одному товарищу страничку по типу гостевой, чтобы вбивать туда новости. Он все сделал нормально, за одним исключением. Я просил его, чтобы при вводе текста автоматически между абзацами возникала пустая строка. Ведь это тег Р так действует и только? Так? Я просил забить его в стили, ведь иначе автомата не получится? Так? Но почему-то он не может этого сделать, как будто мы на разных языках говорим. Может я не прав? если решение есть, подскажите его. Страничка расположена по адресу http://regions-realty.ru/news/faq.php Код можете там и посмотреть.

   Asked by beze, February 11, 2009

   0 votes
   8 answers
8. Разные background-image в зависимости от разрешения экрана посетителя.

   Добрый день, дорогие друзья! Для начала - вот проект, над которым сейчас работаю. http://test000.hourb.com/ - это тестовый аккаунт. Будущий сайт для онлайн кинозала. Ребята, подскажите... Как на PHP (javascript) реализовать автоматическую смену следующих CSS свойств: В ЗАВИСИМОСТИ ОТ РАЗНОГО РАЗРЕШЕНИЯ ЭКРАНА ПОЛЬЗОВАТЕЛЯ. И сделать предварительную загрузку background в зависимости от разрешения. Причем background трех разных стилей для КРАСНОГО СИНЕГО И БРОНЗОВОГО. background-color background-image background-origin: background-position: background-repeat: background-size: для блоков: <div id="bg_wall"> <div id="bg_border">Основной Контонет&…

   Asked by mannvillage, July 26, 2011

   0 votes
   7 answers
9. FAQ - путеводитель по разделу.

   Этот топик будет неким путеводителем по разделу. Тут будут лежать ссылки на топики, в которых дан грамотный ответ на популярные вопросы. * Одинаковый текст (или код) на нескольких страницах * Главная страница домена * Показать/скрыть текст по клику * Установил Денвер, хочу локально установить форум - такой как здесь * Дизайн select'а * Как нужно исправлять ошибки в коде, пошагово, с примерами. * Раскрывающийся список статей как на htmlbook.ru * Свой шрифт на странице * Как выложить свой сайт в интернет У нас в FAQ обновление - рубрика - "Так делать не надо!" Раздел на примерах рассказывает, что требовать, материться. грубить и т.п. - не нужно. * Пример 1 - автор в бане.

   Asked by Dimitry Wolotko, December 5, 2007

   0 votes
   5 answers
10. Отступ подчеркивания

    Здравствуйте, подскажите пожалуйста, есть подчеркнутая ссылка <a href="#"> Назад на главную страницу</a> мне нужно линию подчеркивания ниже опустить. Line-height не помогает, font-size тоже(да и за другое они отвечают). Обыскался уже, но пока безрезультатно. Спасибо.

    Asked by Zaku4, May 22, 2011

    0 votes
    7 answers
11. Посоветуйте HTML-редактор замену Dreamweaver

    Подскажите плиз замену громоздкому Dreamweaver. Скачал KompoZer, но там нет подсветки синтаксиса и когда создаёшь таблицу например в две строки и хочешь обьединить в строке ячейки то они объединяются во всей таблице.

    Asked by d6|maz, February 24, 2011

    0 votes
    74 answers
12. Скрипт убегающей кнопки

    Погуглив не нашел скрипт убегающего элемента(например кнопки или ссылки) на который пытаются кликнуть а элемент убегает и не дает на себя навести и кликнуть. На jQuery Да )) не дописал нет ли у кого такого скрипта ?

    Asked by ilyas, March 28, 2014

    0 votes
    9 answers
13. Наложение div друг на друга bootstrap

    Подскажите пожалуйста по следующему моменту: Верстал при помощи bootstrap. В макете форма имеет такой вид: Но не получается сделать, чтобы форма накладывалась на background частично, т.е. вот что выходит: Я в верхнем div class="row" вывожу саму форму, а у нижнего div class="row" background'ом вывожу изображение. Как сделать что бы верхний row частично перекрывал нижний? Пробовал задать margin-bottom: -200px; и верхнему div'у z-index:2; а нижнему z-index1; Пока не получается.

    Asked by jdk, November 10, 2014

    • css
    • bootstrap
    0 votes
    5 answers
14. div растянуть на высоту ячейки таблицы

    Вобщем в каждой ячейке таблицы лежит по div(в некоторых может лежать два). Никак не получается растянуть div по высоте во всю ячейку. есть только вот так: div имеет красный фон для наглядности height: 100% не дает нужного эфекта

    Asked by bodnar, January 24, 2010

    0 votes
    17 answers
15. Как сделать обтекание таблицы текстом?

    не могу вставить текст возле таблицы( помогите советом =)

    Asked by atew, November 12, 2010

    0 votes
    5 answers
16. Тянем div по высоте

    Господа, как сделать блок с минимальной высотой 100%, который бы тянулся вместе с внутренними блоками (если их размер превышает 100%). Грубо говоря, должен быть высотой 100% а ... должен тянуться по вертикали и должен появляться вертикальный скролл.Сейчас я применил следующий стиль: #block {overflow: hidden /*Чтобы блок растягивался по вертикали*/} *html #block {overflow: visible;height: 1% /*то же самое для IE*/} Проблема в том, что если к этому добавить height: 100%, то при превышении контентом границ экрана скрол не появляется, а контент обрезается, а если этот трюк не применять, то block не тянется.

    Asked by XXXVII, August 15, 2007

    0 votes
    11 answers
17. Равномерное распределение блоков по горизонтали

    Всем здрасти. На днях столкнулся с совершенно не ориднарной (для меня) проблемой. Попробую объяснить суть на примере. Есть блок, ширина которого меняется. Внутри него нужно равномерно распределить 5 картинок шириной в 50px каждая, причем так, чтобы левая картинка была прижата к левому краю (без отступов), правая - к правому, а 3я была бы точно по центру. В добавок к этому расстояния между картинками должно быть одинаковым. Все, что я сумел придумать, либо дает отступы у крайних картинок, либо не одинаковые расстояния (

    Asked by @LEXXX_NF, October 20, 2008

    0 votes
    18 answers
18. Стрелка на css

    Привет, всем! как реализовать такое на css, стрелка будет поверх слоя с изображением, вот такие трудности

    Asked by soltx, May 27, 2015

    0 votes
    8 answers
19. Применение id и class к одному и тому тегу.

    Добрый вечер. Недавно открыл для себя то, что можно применять одновременно и class и id. <div id="x" class="y"> Привет, мир! </div> <!-- wrapper --> Задаем одни свойства через class, другие через id. Код работает. Хорошо ли так делать или лучше не надо?

    Asked by Red Planet, October 27, 2010

    0 votes
    7 answers
20. Смена картинки при наведении курсора

    Помогите, пожалуйста, написать код. Есть ссылка на страницу в виде картинки, хотелось бы сделать, чтоб при наведении курсора мыши на эту картинку она менялась. (на многих сайтах менюшки так сделаны) Заранее, спасибо.

    Asked by Snake, March 13, 2011

    0 votes
    19 answers
21. Не работает команда pug в консоли

    Здравствуйте! У меня есть сборка проекта gulp. мне необходимо установить шаблонизатор pug для моего проекта. Node.js у меня установлен. Пишу сначала npm install pug, затем npm install pug-cli - все устанавливается. Когда пишу pug --help консоль пишет pug: command not found

    Asked by Liza1999, December 12, 2019

    • pug
    • gulp
    • шаблонизатор
    0 votes
    0 answers
22. Убрать подчеркивание номера телефона в IE

    Обратил внимание, что в браузере internet explorer (edge) все номера телефонов выглядят как ссылки, т.е. подчеркнутые и синим цветом, что совсем не подходит для дизайна сайта. Телефон заключен в теги <p></p>. К тому же даже прописывание text-decoration:none не помогает. Можно ли как-то решить данную проблему? Вот пример страницы: http://t61588bl.bget.ru/demo/1.html

    Asked by AniMekka, April 1, 2016

    • internet explorer
    • верстка
    0 votes
    4 answers
23. Помогите сделать валидным код.

    !doctype html Валидатор выдал просто уйму ошибок, и абсолютно не знаю, что за ними скрывается. Объясните пожалуйста неграмматному и подскажите как исправить. 1. Element noindex not allowed as child of element div in this context. (Suppressing further errors from this subtree.) Получается, noindex вообще использовать на странице нельзя? А как тогда закрывать ненужные участки страница с SEO целью? 2. The itemprop attribute was specified, but the element is not a property of any item.. ...png" itemprop="contentUrl" width="16" height="16" /></a></li><div.. Что за itemprop и за что он отвечает? Он к <img> никаким боком неклеится? 3. & di…

    Asked by NightHawk, June 2, 2013

    0 votes
    7 answers
24. Вывод текста в 2 строки

    Всем привет! Подскажите, а как вывести текст в 2 строчки? Поле для текста ограничивается Div'ом, и так же в конце второй строки хочу сделать красивое обрезание текста с помощью text-overflow: ellipsis;

    Asked by korjik, January 12, 2013

    0 votes
    2 answers
25. Блочная Верстка(5 div в одну строку)

    Добрый день, помогите мне разобраться. Нужно выстроить 5 дивов в одну строку. Расположение. 1 2 3 4 5 соотвественно, высота строки 134px. 1 и 5 заданной ширина в 277px. 3 центральный блок, 450px и должен находится всегда по центру страницы. 2 и 4 резиновые блоки, который должны равномерно менять размер в зависимости от того как мы сужаем или растягиваем окно браузера, если окно браузера 1003 px то этих блоков не видно а остается только 1 3 и 5ый. Самое главное чтоб блоки никак друг на друга не нализали и не переходили на новую строку даже если ужать браузер до минимальной, т.е чтоб скрол появился горизонтальный и все. Пример не приложу, потому что исписала уже уйму кода…

    Asked by SunMaria, July 15, 2012

    0 votes
    15 answers