HTML Coding

29542 questions in this forum

1. Полупрозрачность фона div

   Например <style type='text/css'> .test{ background-color: #666666; opacity: 0.5; } </style> <div class="test">CONTENT</div> При таком раскледе не только фон имеет прозрачность но и весь контент, (а нужно только к фону применить прозрачность), как это сделать?

   Asked by slavok47, March 31, 2010

   0 votes
   8 answers
2. Поменять border родителя при фокусе дочернего input

   Нужно помять border родителя при фокусе дочернего элемента http://jsbin.com/pixut/10/edit?css,output Пробовал так, не получается. Без js это возможно? form span { display: inline-block; font-size: 18px; line-height: 1; background-color: #fff; padding: 6px 2px 6px 36px; margin: 20px; border: 1px solid #666;}form input { border: none; width: 360px; padding: 0; margin-right: 0px; font-size: 24px; color: #737373; transition: color 0.2s, border-color 0.2s; display: inline-block;}form input:focus { color: black;}span<input:focus{border:1px solid blue;

   Asked by ekkl, January 9, 2015

   0 votes
   9 answers
3. <if val=> </if>; <poly name=> </poly>; <key> </key>;

   Подскажите что это за теги и где про них можно хоть что-нибудь узнать:; ; ;

   Asked by Maciania, January 19, 2008

   0 votes
   9 answers
4. Растянуть на весь экран колонку

   Здравствуйте! Никак не могу понять, что сделать. Есть http://planetmap.ru/atlas/earth-surface-maps.html в css описано #container { width: 100%; float: left; overflow: hidden; } Вот только на весь экран не растягивается

   Asked by Bredova, December 9, 2010

   0 votes
   11 answers
5. Выпадение с блока

   Здравствуйте! Вот пример http://jsfiddle.net/09wv3w6w/ Блоку задано размер 800px. В нем сделал список li, а в списке сделал ссылки а. li сделал отображение inline-block, а ссылкам сделал тоже inline-block и ширину 200px, а высота 40, а проблема вот в чем: Последний блок списка выпадает за предел основного блока. в списке 4 элемента, а значит 200*4=800, я правильно понял? Подскажите в чем проблема. Спасибо.

   Asked by FitTech, January 20, 2015

   • div
   • li
   0 votes
   5 answers
6. svg спрайт. Просмотр.

   Вы используете svg спрайты ? Есть ли способ просматривать svg спрайт html ? чтобы можно было посмотреть наличие той или иной иконки.

   Asked by SnowSilver, May 16, 2018

   • svg спрайт
   0 votes
   3 answers
7. Ниспадающее меню в css и ие7

   Решил недавно своими силами реализовать меню на css, помню, был такой пост, но поленился тогда его внимательно изучить... Короче вот. Всё нормально, не нормально IE7: меню вылезает не там где хочется. Кроме того почему-то из-за float: left; полностью блокируется вертикальное меню(class = “vrMenu”), тоже в 7. Кроме того, в коде есть пустой див без стилей, в самом начале, вот без него почему-то отступ сверху для меню не действует (тоже только в IE7 и ниже), почему? Ещё, будет приятно послушать критику в сторону дизайна... Особенно интересны комментарии по поводу обтекания меню...

   Asked by CEBEP, December 10, 2010

   0 votes
   13 answers
8. Текст в поле input

   Вопрос: в поле <input type=text value="поиск..."> отображается текст "поиск..." как сделать так, чтобы при клике мышкой в это поле текст исчезал, и желательно, чтобы при клике в другом месте сайта (чтобы сделать неактивным это поле), текст снова появлялся! и самое важное то что бы текст в value имел серый цвет например, а когда что та печатаеш в инпуте, текст уже был чёрного цвета(например). Нужна профессиональная решение этого вопроса, думаю это каждый использует, у меня есть скрипт, но не нравится как работает. Спасибо.

   Asked by dark25, April 5, 2011

   0 votes
   4 answers
9. Один на 2-их(проблема с версткой)

   Исходный код-http://pastebin.com/vkBjpVK6 Сразу к делу,значит вот такая проблема.Есть 2-а текста(заключенны в span'ы),когда я начинаю сдвигать текст в margin,то двигаются либо все два текста,либо ничего(зависимо от display,химичил с ним уже не знаю что) Margin должен обязательно должен быть auto,ибо при машстабировании получается полня байда Если кто-то может помочь с данной проблемой,просьба отписаться Буду рад любой помощи!

   Asked by Vopub, January 9, 2013

   • проб
   • лема
   0 votes
   18 answers
10. Скошенный угол на css

    Приветствую, подскажите пожалуйста как лучше реализовать скошенный угол как на макете http://prntscr.com/7xzkou

    Asked by toha135, July 28, 2015

    • скошенный кгол
    0 votes
    5 answers
11. Разное отображение в разных броузерах

    Столкнулся с проблемой... Отображается менюшка в левой части сайта, но в каждом браузере по разному. Если Опера текст притягивает в верхней границе ячейки таблицы, то ИЕ вс? размещает в центр, с желанием растянуть строки на всю высоту ячейки. Как мне притянуть строки к верхней части?

    Asked by Xander, September 20, 2007

    0 votes
    3 answers
12. Как переделать многостраничный документ Word в html?

    А не подскажете, как можно попроще переделать многостраничный документ Word в html, так, чтобы каждая страница стала отдельной html-страницей? Спасибо.

    Asked by attalib, March 27, 2008

    0 votes
    5 answers
13. При зуме в Chrome появляются лишние пиксели

    Доброго времени суток! Есть следующий код html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> <!--[if lt IE 9]> <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(','); for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script> <![endif]--> <script> function hide_input_value(iv) { if (iv=="Search website") { document.getElementById('field_search').value=""; } } function show_input_value(iv) { if (iv=="") { docu…

    Asked by zodcyi, December 14, 2012

    0 votes
    5 answers
14. Регистрация. Личный кабинет

    Скажите пожалуйста, как сделать нормальную регистрацию и личный кабинет для сайта. На каких языках все это лучше писать? Учу html и CSS месяц, остановился перед выбором PHP или jquery. Спасибо за помощь)

    Asked by diktor13, March 10, 2014

    • Регистрация
    • Личный кабинет
    • Новичкам
    0 votes
    6 answers
15. Вопрос по контекстным или дочерним селекторам

    Скажите, есть ли способ задать стиль родительскому тегу, если внутри него есть заданный тег? Например, определить стиль для td, в случае, если внутри встретится ?

    Asked by Inn, October 16, 2007

    0 votes
    7 answers
16. Сброс по умолчанию...

    Здравствуйте, не подскажете ли мне, как сбросить в стилях по умолчанию на ноль padding и margin?

    Asked by Emil, January 1, 2008

    0 votes
    5 answers
17. Меню в одну строчку

    В одной из ячеек таблицы есть меню, как правильнее на css его расположить в одну строчку по горизонтали? #menu_footer1 { margin-left: 64px; margin-top: 16px; } #menu_footer2 { margin-left: 125px; margin-top: 16px; } <div id="menu_footer1"><a class="menu_footer1" href="#">Меню1</a></div> <div id="menu_footer2"><a class="menu_footer1" href="#">Меню2</a></div>

    Asked by okunev2, January 19, 2008

    0 votes
    5 answers
18. ширина слоя и float

    Столкнулся с проблемой. Помогите, плиз, решить. Есть слой контейнер, в нем два слоя хочу поставить один за другим по-вертикали. Ширину как контейнера, так и внутренних слоев, задаю в пикселах. Внутри слоев image и подпись к ней. Проблема в том, что в Opera ширина слоев больше, чем в IE, и второй слой перескакивает вниз???

    Asked by stosen, March 17, 2009

    0 votes
    7 answers
19. Размер шрифта в таблицах.

    Раньше приходилось сталкиваться с тем, что таблицы не наследуют размер шрифта от родителя. Но сейчас что-то любопытное. Одинаковый код на разных хостингах. Размер шрифта прописан только для BODY - 13px; На одном хостинге у текста в таблице шрифт такой же - 13px. На другом 16px (т.е. размер по умолчанию). Как это исправить я понимаю: TABLE{font-size:13px} Но как объяснить это явление? И должны ли таблицы, как все нормальные люди, наследовать шрифт от BODY?

    Asked by Колос, May 18, 2009

    0 votes
    6 answers
20. Метод "Раздвижных дверей" и ИЕ7, ИЕ8(режим совместимости)

    Есть кнопка, сделанная по методу раздвижный дверей: <div class="my_button"> <div class="left_side"></div> <div class="right_side"></div> <button></button> </div> .my_button{position:relative; height:200px;} .left_side{position:absolute; height:200px; left:0; right:10px; background:url;} .right_side{position:absolute; height:200px; right:0; width:10px; background:url;} В общих чертах так. Получается замечательная кнопочка с любыми эффектами, которая сама тянется (в разумных пределах) в зависимости от текста в button. И это замечательно работает во всех браузерах, кроме ИЕ7 и 8(режим совместимости). В них через раз про…

    Asked by RoleXXX, October 29, 2009

    0 votes
    6 answers
21. Всплывающая подсказка к ссылке (с произвольными свойствами)

    Всем привет Помогите пожалуйста решить проблему с созданием всплывающей подсказки для ссылки. ВП эта должна быть нужного мне размера, цвета, определенного позиционирования (то есть где будет «всплывать» - над, под ссылкой, справа или слева) + текст в ней тоже должен свободно форматироваться ( цвет, тип шрифта, возможно скриншот) простенький title. <a href="https://yadi.sk/d/9ZvR5g1XagZGJ" title="Сохранить файл"><span style="font-size:19px;background-color:black;color:white;">«Я умею прыгать через лужи»</span></a>не годится стало быть Хоть и работает тег-то Однако попытки (а их было МНОГо) использовать css ни к чем путному привели . Нужный м…

    Asked by BituM, September 10, 2014

    0 votes
    24 answers
22. Фамилии по 1-й букве в <Select>

    Гоню список фамилий из базы в тэг (на пхп). Сортировка списка не алфавитная. Проблема: по набору буквы не подтягивается фамилия на эту букву. Локально стоит Денвер. Все нормально работает. При наборе первой буквы в селекте подтягивается первая по порядку фамилия на эту букву. Второй раз жму букву, подтягивается следующая фамилия на эту букву. На хосте через инет когда как бывает. Иногда работает. Иногда нет. Не пойму логики. Самый тупой вариант решения, это переписать все такие селекты с предварительной сортировкой списка по алфавиту. Не знаю пока поможет ли это. Но почему локально работает? Пхп + майскл. Кодировка базы utf-8.

    Asked by ХисДамир, October 10, 2007

    0 votes
    5 answers
23. overflow: visible в IE

    Всем привет!!! Подскажите плиз решение данной проблемы(если оно есть). Вот код: div#test { margin: 0; padding: 0; width: 100px; background: #ff0; border: 1px solid #000; zoom: 1; overflow: visible; } </style> <div id="test"></div> <div id="test">asdadaasddssssssssssssssssss</div> Везде кроме IE эти контейнеры имеють шрину 100px и видно их содержимое(ибо overflow: visible;), а IE растягивает нижний до размеров содержимого, игнорируя width: 100px;. Подскажите можно ли это както поправить?(мне это нада для создания контента который не занимает места, position: absolute не подходит)

    Asked by CoDy, October 19, 2009

    0 votes
    2 answers
24. Не работает bgcolor в IE

    Всем ку. Я новый участник. Сайт (htmlbook.ru) знал давно, а форум увидел только сейчас. Надеюсь вы мне поможете. С html знаком не очень давно, но учусь быстро, за пол года выучился, до 2-го места по раённой олимпиаде))) Сейчас делаю сайты для своего удовольствия. Денька три назад надумал создать сайт про сериал "Реальные Пацаны". Делал, делал, и наткнулся на то что есть блок с онлайн сериями, который будет каждый день изменятся. Страниц сайта будет прилично поэтому каждую страницу изменять это гемор. Искал как вставить другой html в первый (типо как подключение файлов .js) Нечего не нашёл кроме как <iframe> Мороки было тоже предостаточно, но кое как (косо) сделал. …

    Asked by Frestayler, December 11, 2010

    0 votes
    9 answers
25. html таблица

    не знаю куда писать поэтому напишу сюда, администрация форума поставьте мой пост в нужное место, парни помогите разобраться с проблемой, проблема такова, есть таблица в которой нужно убрать одну границу говорю одну потому что их много у меня, вот сам кусочек этой границе <td class="p"> </td>, а вот кусок css к этой границе td.p { border: 1px solid; border-color: #EEF #8CF #8CF #EEF; background: #D0F0FF; padding: 1px 5px 2px 5px; }

    Asked by wolf777, June 24, 2011

    0 votes
    24 answers