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 -
Размер шрифта в таблицах.
Раньше приходилось сталкиваться с тем, что таблицы не наследуют размер шрифта от родителя. Но сейчас что-то любопытное. Одинаковый код на разных хостингах. Размер шрифта прописан только для 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 -
ширина слоя и float
Столкнулся с проблемой. Помогите, плиз, решить. Есть слой контейнер, в нем два слоя хочу поставить один за другим по-вертикали. Ширину как контейнера, так и внутренних слоев, задаю в пикселах. Внутри слоев image и подпись к ней. Проблема в том, что в Opera ширина слоев больше, чем в IE, и второй слой перескакивает вниз???
0 votes7 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 -
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 -
Фамилии по 1-й букве в <Select>
Гоню список фамилий из базы в тэг (на пхп). Сортировка списка не алфавитная. Проблема: по набору буквы не подтягивается фамилия на эту букву. Локально стоит Денвер. Все нормально работает. При наборе первой буквы в селекте подтягивается первая по порядку фамилия на эту букву. Второй раз жму букву, подтягивается следующая фамилия на эту букву. На хосте через инет когда как бывает. Иногда работает. Иногда нет. Не пойму логики. Самый тупой вариант решения, это переписать все такие селекты с предварительной сортировкой списка по алфавиту. Не знаю пока поможет ли это. Но почему локально работает? Пхп + майскл. Кодировка базы utf-8.
0 votes5 answers