HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Поменять 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;
0 votes9 answers -
<if val=> </if>; <poly name=> </poly>; <key> </key>;
Подскажите что это за теги и где про них можно хоть что-нибудь узнать:; ; ;
0 votes9 answers -
Растянуть на весь экран колонку
Здравствуйте! Никак не могу понять, что сделать. Есть http://planetmap.ru/atlas/earth-surface-maps.html в css описано #container { width: 100%; float: left; overflow: hidden; } Вот только на весь экран не растягивается
0 votes11 answers -
offline cms
Добрый день. Подскажите пожалуйста офлайн cms. Пример того что нужно: верстка и наполнение сайта происходят локально, а после, по ftp заливается на хост уже готовый результат. На хосте разрешены скрипты и присутствует php.
0 votes13 answers -
svg спрайт. Просмотр.
Вы используете svg спрайты ? Есть ли способ просматривать svg спрайт html ? чтобы можно было посмотреть наличие той или иной иконки.
0 votes3 answers -
Текст в поле input
Вопрос: в поле <input type=text value="поиск..."> отображается текст "поиск..." как сделать так, чтобы при клике мышкой в это поле текст исчезал, и желательно, чтобы при клике в другом месте сайта (чтобы сделать неактивным это поле), текст снова появлялся! и самое важное то что бы текст в value имел серый цвет например, а когда что та печатаеш в инпуте, текст уже был чёрного цвета(например). Нужна профессиональная решение этого вопроса, думаю это каждый использует, у меня есть скрипт, но не нравится как работает. Спасибо.
0 votes4 answers -
Один на 2-их(проблема с версткой)
Исходный код-http://pastebin.com/vkBjpVK6 Сразу к делу,значит вот такая проблема.Есть 2-а текста(заключенны в span'ы),когда я начинаю сдвигать текст в margin,то двигаются либо все два текста,либо ничего(зависимо от display,химичил с ним уже не знаю что) Margin должен обязательно должен быть auto,ибо при машстабировании получается полня байда Если кто-то может помочь с данной проблемой,просьба отписаться Буду рад любой помощи!
0 votes18 answers -
Выпадение с блока
Здравствуйте! Вот пример http://jsfiddle.net/09wv3w6w/ Блоку задано размер 800px. В нем сделал список li, а в списке сделал ссылки а. li сделал отображение inline-block, а ссылкам сделал тоже inline-block и ширину 200px, а высота 40, а проблема вот в чем: Последний блок списка выпадает за предел основного блока. в списке 4 элемента, а значит 200*4=800, я правильно понял? Подскажите в чем проблема. Спасибо.
0 votes5 answers -
Скошенный угол на css
Приветствую, подскажите пожалуйста как лучше реализовать скошенный угол как на макете http://prntscr.com/7xzkou
0 votes5 answers -
Как переделать многостраничный документ Word в html?
А не подскажете, как можно попроще переделать многостраничный документ Word в html, так, чтобы каждая страница стала отдельной html-страницей? Спасибо.
0 votes5 answers -
Ниспадающее меню в css и ие7
Решил недавно своими силами реализовать меню на css, помню, был такой пост, но поленился тогда его внимательно изучить... Короче вот. Всё нормально, не нормально IE7: меню вылезает не там где хочется. Кроме того почему-то из-за float: left; полностью блокируется вертикальное меню(class = “vrMenu”), тоже в 7. Кроме того, в коде есть пустой див без стилей, в самом начале, вот без него почему-то отступ сверху для меню не действует (тоже только в IE7 и ниже), почему? Ещё, будет приятно послушать критику в сторону дизайна... Особенно интересны комментарии по поводу обтекания меню...
0 votes13 answers -
При зуме в 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…
0 votes5 answers -
Регистрация. Личный кабинет
Скажите пожалуйста, как сделать нормальную регистрацию и личный кабинет для сайта. На каких языках все это лучше писать? Учу html и CSS месяц, остановился перед выбором PHP или jquery. Спасибо за помощь)
0 votes6 answers -
Разное отображение в разных броузерах
Столкнулся с проблемой... Отображается менюшка в левой части сайта, но в каждом браузере по разному. Если Опера текст притягивает в верхней границе ячейки таблицы, то ИЕ вс? размещает в центр, с желанием растянуть строки на всю высоту ячейки. Как мне притянуть строки к верхней части?
0 votes3 answers -
Вопрос по контекстным или дочерним селекторам
Скажите, есть ли способ задать стиль родительскому тегу, если внутри него есть заданный тег? Например, определить стиль для td, в случае, если внутри встретится ?
0 votes7 answers -
Сброс по умолчанию...
Здравствуйте, не подскажете ли мне, как сбросить в стилях по умолчанию на ноль padding и margin?
0 votes5 answers -
Меню в одну строчку
В одной из ячеек таблицы есть меню, как правильнее на 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>
0 votes5 answers -
ширина слоя и float
Столкнулся с проблемой. Помогите, плиз, решить. Есть слой контейнер, в нем два слоя хочу поставить один за другим по-вертикали. Ширину как контейнера, так и внутренних слоев, задаю в пикселах. Внутри слоев image и подпись к ней. Проблема в том, что в Opera ширина слоев больше, чем в IE, и второй слой перескакивает вниз???
0 votes7 answers -
Размер шрифта в таблицах.
Раньше приходилось сталкиваться с тем, что таблицы не наследуют размер шрифта от родителя. Но сейчас что-то любопытное. Одинаковый код на разных хостингах. Размер шрифта прописан только для BODY - 13px; На одном хостинге у текста в таблице шрифт такой же - 13px. На другом 16px (т.е. размер по умолчанию). Как это исправить я понимаю: TABLE{font-size:13px} Но как объяснить это явление? И должны ли таблицы, как все нормальные люди, наследовать шрифт от BODY?
0 votes6 answers -
Метод "Раздвижных дверей" и ИЕ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(режим совместимости). В них через раз про…
0 votes6 answers -
Всплывающая подсказка к ссылке (с произвольными свойствами)
Всем привет Помогите пожалуйста решить проблему с созданием всплывающей подсказки для ссылки. ВП эта должна быть нужного мне размера, цвета, определенного позиционирования (то есть где будет «всплывать» - над, под ссылкой, справа или слева) + текст в ней тоже должен свободно форматироваться ( цвет, тип шрифта, возможно скриншот) простенький title. <a href="https://yadi.sk/d/9ZvR5g1XagZGJ" title="Сохранить файл"><span style="font-size:19px;background-color:black;color:white;">«Я умею прыгать через лужи»</span></a>не годится стало быть Хоть и работает тег-то Однако попытки (а их было МНОГо) использовать css ни к чем путному привели . Нужный м…
0 votes24 answers -
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 не подходит)
0 votes2 answers -
Не работает bgcolor в IE
Всем ку. Я новый участник. Сайт (htmlbook.ru) знал давно, а форум увидел только сейчас. Надеюсь вы мне поможете. С html знаком не очень давно, но учусь быстро, за пол года выучился, до 2-го места по раённой олимпиаде))) Сейчас делаю сайты для своего удовольствия. Денька три назад надумал создать сайт про сериал "Реальные Пацаны". Делал, делал, и наткнулся на то что есть блок с онлайн сериями, который будет каждый день изменятся. Страниц сайта будет прилично поэтому каждую страницу изменять это гемор. Искал как вставить другой html в первый (типо как подключение файлов .js) Нечего не нашёл кроме как <iframe> Мороки было тоже предостаточно, но кое как (косо) сделал. …
0 votes9 answers -
html таблица
не знаю куда писать поэтому напишу сюда, администрация форума поставьте мой пост в нужное место, парни помогите разобраться с проблемой, проблема такова, есть таблица в которой нужно убрать одну границу говорю одну потому что их много у меня, вот сам кусочек этой границе <td class="p"> </td>, а вот кусок css к этой границе td.p { border: 1px solid; border-color: #EEF #8CF #8CF #EEF; background: #D0F0FF; padding: 1px 5px 2px 5px; }
0 votes24 answers -
CSS Parallax - откуда-то появляется горизонтальный скрол
Здравствуйте! На одной из страниц, которую я сейчас пытаюсь сверстать есть Parallax-эффекет. Я добился того, что он работает, но вылезла проблема: откуда-то появляется горизонтальный скролл, хотя инспектор показывает размеры элементов верные. Разметка страницы: <div class="card"> <div class="image"> <!-- Image --> <img src="..."> </div> <div class="info"> <!-- Information --> </div></div>Стили: .card { height: 100vh; perspective: 1px; overflow-y: auto; overflow-x: hidden; perspective-origin: top center; background: white;}.image { transform: translateZ(-1px) scale(3);…
0 votes0 answers