HTML Coding

29542 questions in this forum

1. адаптивная высота контентного блока

   Доброго дня. Стоит задача реализовать, чтобы хедер был вверху, футер всегда прибит к низу (всегда виден), а контент растягивается на оставшееся между хедером и футером место. Чтобы это работало на разных разрешениях, т.е. если контента текста меньше чем блок контент по высоте, то блок все равно тянется до футера, а если текста больше, чем блок контент по высоте, то у него появляется прокрутка. В идеале, чтобы хедеру и футеру не задавать высоту, но можно и с сатичной высотой. Можно ли это реализовать без javascript? Вот здесь накидал верстку: http://jsfiddle.net/digitalmedia/jubjbaLL/

   Asked by vip, April 28, 2015

   0 votes
   4 answers
2. Как сделать hello world по центру

   Как сделать hello world здесь http://jsfiddle.net/0yamrL7h/2/ по центру

   Asked by riaron, April 29, 2015

   0 votes
   4 answers
3. Трехуровневое меню

   Здравствуйте! Есть трехуровневое меню типа: <ul> <li> Menu1</li> <li class="active"> Menu2 <ul> <li>Submenu1</li> <li>Submenu2</li> <li class="active">Submenu3</li> <ul> <li class="active">SubSubmenu1</li> <li>SubSubmenu2</li> <li>SubSubmenu3</li> </ul> </li> </ul> </li></ul>При выборе пункта меню, ему присваиваетс…

   Asked by Master2KAZ, April 29, 2015

   • трехуровневое меню
   0 votes
   4 answers
4. Меню как в Эппл на бутрапe

   Доброго вечера! Решила сделать себе заготовку меню как в Эппл на бутрапe - чтобы все li расползались равномерно на весь блок. И я или где-то туплю очень или что-то не учитываю, но никак не получается. В обычном сайте норм все, а здесь нет ... Может подскажет кто-то в чем дело?) ... Где я туплю... буду очень благодарна) Пристроить это http://jsfiddle.net/xsvhj/3/ к стандартномубутстраповскому меню никак не получается

   Asked by Orysya, April 29, 2015

   • css
   • bootstrap
   0 votes
   4 answers
5. Проблема не коретного отображения шрифтов в различных браузерах

   Здравствуйте! Столкнулась с проблемой не коретного отображения в различных браузерах шрифтов. В фф опере при масштабе 100% великоват и жирнее, в хроме все всегда ок. Не подскажете как такую штуку преодолеть?))) И еще о шрифтах - не подскажете ресурс с широкой коллекцией шрифтов (не гугл фонт и вебфонт.ру))))? мне нужно подключить Tahoma и Century Gothic))) Заранее благодарю и извините, что загружаю так вопросами) http://clip2net.com/s/3h0wGoq http://clip2net.com/s/3h0wVLY

   Asked by Orysya, April 30, 2015

   • css
   • fonts
   0 votes
   4 answers
6. Проблема перекрывания выпадающим меню основного

   В попытках украсить меню анимацией столкнулся с проблемой: выезжающий сверху вниз блок подменю в момент появления перекрывает основное. Пример этого явления привожу в коде: <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
7. Съезжает элемент списка (li)

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

   Asked by Fendia, May 6, 2015

   0 votes
   4 answers
8. Межстрочный интервал

   Есть шрифт 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
9. 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
10. Пунктирная рамка внутри блока

    Подскажите, как можно скруглить пунктирную рамку внутри элемента? Код здесь: http://cssdeck.com/labs/fupgjhr5

    Asked by Alfa2015, May 8, 2015

    0 votes
    4 answers
11. Масштабы верстки сайта!

    Сделан дизайн и когда верстальщик его сверстал, мне сайт показался слишком крупным. Я попросил верстальщика уменьшить его на 25%, на что он мне сказал, что все изменения он вносит после программирования. В итоге выясняется, что теперь этого нельзя сделать, и даже когда не была сделана программная часть и тогда оказывается нельзя было изменить масштабы пропорционально, что теперь данная процедура будет расцениваться как новая верстка сайта. Правильно ли он говорит? И еще один вопрос: возможно ли весь сайт уменьшить пропорционально, а не каждый элемент отдельно.

    Asked by Umar, May 10, 2015

    0 votes
    4 answers
12. Какая должна быть разметка в данном случае?

    Здравствуйте. Пытаюсь освоить адаптивный дизайн с bootstrap. Но пока не понимаю какая должна быть html разметка. С толку сводит например то, что на широком экране лого, телефон, магазины и корзина идут выше строки с меню, а в компоновке для узкого экрана - после меню. Или например поиск находит в сайдбаре на широком экране, но на узком в верхней строке после кнопки меню. Вот схема широкого экрана: А вот узкого: Объясните пожалуйста как решаются такие противоречия в адаптивной вёрстке? С помощью разного абсолютного позиционирования в медиа запросах css?.. Буду благодарен если вы покажите, какая должна быть html-разметка в данном случае.

    Asked by borus, May 11, 2015

    0 votes
    4 answers
13. Используется ли в мобильном дизайне кнопка для быстрому возвращению вверх?

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

    Asked by borus, May 13, 2015

    0 votes
    4 answers
14. текст ккнопки hello world вырисовывается снизу. Как выровнить текст по центру?

    текст ккнопки hello world вырисовывается снизу. Как выровнить текст по центру? вот код http://jsfiddle.net/meyrjtvn/1/

    Asked by riaron, May 13, 2015

    0 votes
    4 answers
15. Данные для формы в ссылке

    Добрый день! К примеру на сайте есть страница с обычной формой с одним полем для заполнения. Можно ли сделать ссылку на эту страницу чтобы данные для заполнения поля формы были в этой самой ссылке? Заранее спасибо за ответы)

    Asked by Scorplion, May 14, 2015

    0 votes
    4 answers
16. размер изображения

    Здравствуйте. Из базы вывожу новости в которых есть фотографии в виде ссылок ( новости новости новости <img src=1.jpg width=500> новости новости новости) вывод делаю так , но не помогает {div style="width=100"}{title}</div> где {title} сами новости с изображением. подскажите как мне изменить размер фотографии в выводе новостей.

    Asked by mario-cerr, May 14, 2015

    0 votes
    4 answers
17. Как поместить два navbar на одной строке?

    Здравствуйте. Пробую разместить 2 схлопывающихся компонента navbar от бутстрап 3 в одной строке, но не могу сообразить как надо стили перебить. Один navbar выполняет роль текстового меню, другой - модуль поиска. Нужно чтобы и в развернутом, и в свёрнутом состоянии компоненты шли один за другим в верхней строке Вот что есть на данный момент. Абсолютное позиционирование должно помочь? Поможите, пожалуйста

    Asked by borus, May 18, 2015

    0 votes
    4 answers
18. Проблема с версткой

    Удалено

    Asked by LooGram, May 19, 2015

    0 votes
    4 answers
19. Помогите с шапкой сайта в мобильных браузерах

    Пишу простенький сайтик, для себя my-steam.ru Во всех браузерах сайт отображается нормально, но на телефоне шапка сайта улетает влево, хотя само тело сайта отображается везде одинаково. Помогите найти ошибку в верстке шапки?

    Asked by makklovskiy, May 22, 2015

    0 votes
    4 answers
20. Перенаправление посетителей на мобильную версию сайта

    У меня самодельный html сайт, который не установлен ни на какой CMS. Скажите, пожалуйста, можно ли сделать так, чтобы посетители, которые заходят на сайт с мобильных устройств, автоматически перенаправлялись на мобильную версию сайта?

    Asked by Anna-15, May 23, 2015

    • мобильная версия
    0 votes
    4 answers
21. Растянуть div по всей высоте li-элемента

    Собственно суть вопроса в заголовке. Более понятно на скриншоте, но все равно постараюсь объяснить. Правее есть некая дополнительная информация, которая отделена вертикальными полосками и эти самые полоски не по всей высоте, плюс ко всему информация не по середине. Уже не знаю, что делать. Хотя есть мысль переделать все не на списках, а на блоках div. Css код HTML код

    Asked by Arios, May 24, 2015

    • li
    • div
    • растянуть по высоте
    0 votes
    4 answers
22. Как сверстать такую таблицу

    Нужно сверстать вот такую таблицу Почти сделал, однако не знаю как сделать так, чтобы соседние блоки прятались В общем вот: http://codepen.io/anon/pen/PqbNMo Как сделать так чтобы она автоматически пролистывалась?

    Asked by yaparoff, May 25, 2015

    0 votes
    4 answers
23. странная подсветка на ie mobile win phone 8.1

    Всем доброго времени суток. Столкнулся с интересной проблемой в мобильном ie win phone 8.1. Допустим есть небольшой блок на странице с текстом внутри. <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Test</title> <style> .btn { height: 50px; border: 1px solid black; } .btn span { color: red; } </style></head><body> <div id="btn" class="btn"> <span>text</span> </div> <script> var btn = document.getElem…

    Asked by Alexander34, May 27, 2015

    • Странная подсветка элементов
    0 votes
    4 answers
24. Выборочное изменение фона

    <a href=""><img src="image.jpg"><span>read more</span></a>a{width:100%;height:auto}img{width:100%;height:auto;}span{position:absolute;right:10px;bottom:10px;width:100px;height:100px;background:url("img.jpg") 0 top;}a:hover span{background-position:0 bottom;}Конструкция,конечно,упрощенная,но должно быть понятно.При наведении на span должен меняться ее фон,но в реале он меняется при наведении вообще на всю область ссылки.Раньше картинка была фоном ссылки,но я сделал ее img,потому что нужна резиновая верстка.Не хочется двойные ссылки делать,потому что потом будет много мороки.

    Asked by user, May 29, 2015

    0 votes
    4 answers
25. Не переключается слайдер

    Вот такой должен быть слайдер. Сделал его таки образом, что при нажатии на радиобаттон слайдеры должны двигаться. Но почему-то это не получается http://codepen.io/anon/pen/JdEEdv

    Asked by yaparoff, May 29, 2015

    • слайдер
    0 votes
    4 answers