HTML Coding

29,542 questions in this forum

1. Псевдокласс :checked

   Здравствуйте, помогите пожалуйста. Есть блок типа "Аккордеон" (вертикальные вкладки). Все работает кроме класса ".accordion-arrow", этот класс подразумевает под собой стрелку которая находится рядом с заголовком одного из 3х элементов и меняется в зависимости от состояния радио-инпута. Стрелка есть, но на всех элементах она отображается как "не-активная". т.е. когда элемент чекнутый, стрелка не меняется.

   Asked by evanre, May 7, 2015

   • Псевдокласс
   • :checked
   • Аккордеон
   • Accordeon
   0 votes
   3 answers
2. CSS. Выравнивание div элемента с позиционированием fixed, внутри ячейки таблицы

   Здравствуйте! Подскажите пожалуйста какие есть варианты горизонтального выравнивания по центру ячейки таблицы, блока div с позиционированием fixed. <table width="1000" border="1"> <tr> <td width="1000"><div style="position:fixed;top:0px;">Текст блока</div> </td> </tr> <tr></table>

   Asked by AlexD, May 7, 2015

   0 votes
   4 answers
3. Растянуть фон четырех ячеек за ширину экрана

   Здравствуйте! Интересует, как можно растянуть фон четырех горизонтальных ячеек, расположенных в одном ряду, чтобы весь ряд выходил за пределы экрана. Я сделала таблицу, в одном из рядов решила создать меню, используя ячейки таблицы. Ширину таблицы выставила 100%, а ширину каждой ячейки 25%. В каждой ячейке фоновая картинка. Но несмотря на то что ширина указана максимальная, картинка в крайних ячейках располагается с отступом от края экрана. Как убрать этот отступ? Пыталась увеличить ширину таблицы, но она просто сдвигается вправо, а слева остается отступ.

   Asked by StOK, May 7, 2015

   • растянут фон ячеек
   0 votes
   1 answer
4. Ломается вёрстка поссе смены шрифта

   Почему при смене шрифта ломается вёрстка? И почему инпут длиннее своего родителя? http://barbershop-borodinski.ru/id19853/technomart/index.html

   Asked by DivMan, May 7, 2015

   0 votes
   1 answer
5. Межстрочный интервал

   Есть шрифт myriad pro. На платформах windows все норм. Но на маке межстрочный итервал меньше и текст чуть выше оказывается. Не знаю как исправить. Исправлю на маке, текст опустится на винде и в винде будет не так как в макете и наоборот. http://hostingkartinok.com/show-image.php?id=a89b056a4e2027963b6363882615d81f WINDOWS http://hostingkartinok.com/show-image.php?id=a0425b00912a7e1ab7ce873494025ccb МАК SAFARI 7 Как исправить?

   Asked by raptor-dm, May 7, 2015

   0 votes
   4 answers
6. Исчезание надписи при наведении мыши

   Здравствуйте! Подскажите, как сделать так, чтобы надпись "Ваш Е-мэйл" в окошке формы подписки исчезала при наведении на нее курсора. Сейчас приходится ее выделять и удалять, а только после этого можно указать Е-мэйл.

   Asked by StOK, May 5, 2015

   • исчезание надписи при наведен
   0 votes
   5 answers
7. Простое позиционирование DIV, а куча проблем!

   Доброе время суток! Нашел в инете такую идею реализации блоков. Пытался ее реализовать 2 дня, не все получается, что хочется. Можете помочь кодом? Дело в том, что она еще и резиновая. Спасибо большое.

   Asked by sergey-starostenko, May 6, 2015

   • div
   0 votes
   16 answers
8. Текст поверх слайдер

   Здравствуйте, у меня стоит такой слайдер на сайте Слайдер. Подскажите как-то реально сделать текст поверх каждой картинки:? Вот слайдер таким образом в HTML выводиться <div class="sp-slideshow"> <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" /> <label for="button-1" class="button-label-1"></label> <input id="button-2" type="radio" name="radio-set" class="sp-selector-2" /> <label for="button-2" class="button-label-2"></label> <input id="button-3" type="radio" name="radio-set" class="sp-selector-3" /> <label for="button-3" class="button-label-3">&…

   Asked by bobchinskiy, January 10, 2015

   0 votes
   6 answers
9. Подскажите пожалуйста почему не работает.? Не в опере, не в мозиле.! А только в хроме.!

   <input placeholder="Не работает" type="text" maxlength="50" required=""> ::-webkit-input-placeholder { -webkit-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } :focus::-webkit-input-placeholder, :valid::-webkit-input-placeholder { -webkit-transform: translateY(-20px); -webkit-transform: translateY(-20px); }

   Asked by Maxsim, May 5, 2015

   • transition input placeholder
   0 votes
   8 answers
10. Что-то с шириной и margin: 0 auto

    Здравствуйте. Я что-то потерялась. Давно фиксированный сайт не верстала) http://kates.cc.ua/ Посмотрите, пожалуйста, на мониторах больше 1280 пкс или в девтулс. Не по центру у нас.

    Asked by kattiperk, May 6, 2015

    • margin
    • ширина
    • фиксированный сайт
    0 votes
    5 answers
11. Кликтабельная картинка и бегущая стро... картинка

    Доброго времени суток! Я делаю работу по информатике и мне необходима ваша помощь. Итак! Мне нужно, что бы при нажатии на определённую часть картинки из угла html-документа вылезала картинка, останавливалась на расстоянии в 332 пикселя от правого края , задержалась на несколько секунд и возвращалась обратно, при этом всём сопровождаемая звуком. Возможно ли это сделать? Если да, то хотелось бы заполучить код.

    Asked by Zyl9, May 6, 2015

    0 votes
    2 answers
12. Проблема с формой

    Как сделать так, что бы, не пропадала иконка, при клике на поле? http://jsfiddle.net/bzr1pq2p/ Как ещё сделать, что бы при клике на поле поиска, иконка сменила позицию на background-position: 0 -41px;?

    Asked by DivMan, May 7, 2015

    0 votes
    8 answers
13. Помогите разобрать, что за зверь

    Уважаемые, Форумчане!! Мне сегодня долго доказывал один человечек, что адаптивная верстка и мобильная верстка две разные сущности. Я не стала упираться и взяла таймаут для изучения вопроса. Скажите есть ли различия между адаптивной версткой и мобильной версткой? Где можно почитать про мобильную верстку (если такая существует)? Заранее большое спасибо за пояснения.

    Asked by Anna Zharova, May 6, 2015

    0 votes
    5 answers
14. Баг мобильных браузеров

    В мобильных браузерах такой вот баг: появляется отступ справа. В чем может быть проблема? Как исправить?

    Asked by LeoSan, May 6, 2015

    0 votes
    6 answers
15. Адаптивное уменьшение картинки

    На сайте http://чосер.рф/ мне нужно сделать адаптивное уменьшение картинки. То есть при уменьшении ширины экрана текст справа от неё остаётся неизменной ширины, а картинка пропорционально уменьшалась бы сохраняя своё место. Не понимаю, как этого добиться. Помогите, пожалуйста.

    Asked by PavelTkachev, May 6, 2015

    0 votes
    6 answers
16. Съезжает элемент списка (li)

    Подскажите, почему съезжает элемент списка (li). Никак не пойму, что не так. Код: http://cssdeck.com/labs/rofpq3bh

    Asked by Fendia, May 6, 2015

    0 votes
    4 answers
17. Обтекание элементов

    Добрый день,уважаемые форумчане! При верстке макета обнаружил проблемку: дело в том,что новости на сайте разной высоты и никак не могу добиться того,чтобы блоки обтекали друг друга ,а не оставляли пустое место. Прилагаю скрин,там есть новости,и я добиваюсь такого же обтекания,помогите,знает кто,0где можно достать информацию по данному поводу?

    Asked by ELBegemotos, May 5, 2015

    0 votes
    6 answers
18. Как растянуть фон на всю ширину экрана

    Подскажите, как растянуть фон на всю ширину экрана? Делаю так: http://cssdeck.com/labs/zppdon6x Но картинка какая то урезанная (часть веток не видно)

    Asked by Alfa2015, May 5, 2015

    0 votes
    7 answers
19. Не подгружаются стили и скрипты

    Есть один сайт. В ff не подгружаются скрипты и стили. Хотя если через исходный код смотреть, пути корректные. Но у меня стоит плагин adblock. Если его выключу то все гуд. С включенным такая проблема появляется. В чем дело?

    Asked by raptor-dm, May 6, 2015

    0 votes
    5 answers
20. Предложите тематику для сайта

    Я хочу создать сайт ,знания есть ,нужна вот только хорошая идея ,любые предложения ,только одно главное чтобы это было что-то прям нужное людям ,ну и лучше чтобы это было что-то типа обучалки (моя цель создать сайт с определенным количеством страниц где-то 200-300 можно даже больше ,чтобы он имел хорошую посещаемость )За ранее спасибо!

    Asked by frolmd, May 6, 2015

    0 votes
    2 answers
21. как сделать такое меню

    Добрый день.Я приактикующий начинающий верстальщик , сейчас для практики делаю такой шаблон http://s017.radikal.ru/i429/1505/e1/04f7b023183b.png Подскажите плиз кто знает , как сделать такое выпадающее меню как в макете , у меня что то оно не скрывается , хотя пробовал ставить visible hidden добавлю код который я уже написал: html <DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link href="css/bootstrap.css" rel="stylesheet" type="text/css"><link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"><link href="css/custom.css" rel="stylesheet" typ…

    Asked by oleg29331, May 6, 2015

    0 votes
    3 answers
22. Гибкость сайта

    Всем привет! Не давно начал изучать html + css, возникло пару вопросов 1. Как сделать, что бы элемент div автоматически менял размер в зависимости от размера картинки(а ее размер зависит от ширины монитора) или что бы картинка не выходила за пределы div(http://i.imgur.com/XyvlxP2.png в идеале блок должен смотреться так, но при другом расширении экрана все меняется: http://i.imgur.com/rtCO9Co.png) 2. Как сделать что бы при другом расширении монитора элемент div не менял заданную позицию в коде? (http://i.imgur.com/70tZhsi.png пример как должно быть и как получается, если размер экрана большой: http://i.imgur.com/s734m37.png) P/S Сайт http://flashlight.marketnso.ru/ Заран…

    Asked by Infiniti21, May 5, 2015

    0 votes
    1 answer
23. Проблема перекрывания выпадающим меню основного

    В попытках украсить меню анимацией столкнулся с проблемой: выезжающий сверху вниз блок подменю в момент появления перекрывает основное. Пример этого явления привожу в коде: <style> .menu>li{ display:inline-block; width:120px; top:0; background:yellow; z-index:9; } .menu>li>ul { position:absolute; display:block; top:-200px; transition: top .4s ease 0s; background:green; width:80px; z-index:1; } .menu>li:hover>ul { top:30px; } </style> <ul class="menu"> <li>menu1 <ul> <li>podmenu</li> <li>podmenu</li> <li>podmenu</li> <li>podmenu</li> <li>pod…

    Asked by K-451, May 5, 2015

    0 votes
    4 answers
24. как сделать вид

    всем привет. как настроить вид для мобильных устройств? т.е., при входе на страницу, должно отображаться только меню сайта. без контента. В общем как к примеру моб. версией вк.

    Asked by DeadDay, May 5, 2015

    0 votes
    2 answers
25. Эффект для блоков похожий на аккардеон

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

    Asked by FitTech, May 5, 2015

    • html
    • css
    • js
    0 votes
    2 answers