HTML Coding

29542 questions in this forum

1. inline-block и float

   http://jsfiddle.net/Chcg3/1/ вот такая ситуация. Желтая кнопка должна быть на новой строке по центру, а она все равно участвует в обтекании, не смотря на отмену его (видимо свойства текста?). В общем вопрос почему так и как реализовать подобную верстку тогда, если не получается отменить обтекание (без лишнего элемента .clear в разметке). Желтая кнопка по ширине должна зависеть от контента (для этого идеально подходит Inline-block или float), ну а красная должна быть справа. Видимо требуется экстра-разметка?

   Asked by Zverushka, December 8, 2013

   0 votes
   4 answers
2. неполная высота меню

   помогите пожалуйста показать полностью выпадающее меню на странице при малой ширине экрана меню преобразуется в пиктограмму "НАВИГАЦИЯ". после клика по этой пиктограмме меню разворачивается, но не полностью(чтобы увидеть нижние пункты нужно тянуть левый скролл) проблема в том, что я хотел бы чтобы после клика по пиктограмме "НАВИГАЦИЯ" меню показывалось полностью и скролла не было при этом версия этого же кода, залитая на фиддл не имеет описанной проблемы

   Asked by cyklop77, June 29, 2014

   • bootstrap
   0 votes
   4 answers
3. Помогите с примерами

   Господа профессионалы, подкиньте пожалуйста ссылки на правильно сверстанные сайты и главное они должны быть сложные . Может и на форуме есть но я почему то не вижу . Охота подглядеть некоторые вещи у профи.

   Asked by Sergik+, July 12, 2014

   0 votes
   5 answers
4. Наложение слоя

   Иконка New накладывается на товар, как товар наложить на иконку? http://jsfiddle.net/ZLEV2/

   Asked by DivMan, July 18, 2014

   0 votes
   5 answers
5. bootstrap row margin

   хочу добавить к row стиль margin-bottom, но не хочу вносить правки в бутсрап счас сделал так- в главный див добавил стиль form-horizontal, а row заменил на form-group <div id="log" class="form-horizontal"><div class="form-group" data-key="11.01.2016"><div class="col-lg-1"> 11.01.2016</div><div class="col-lg-5"> <div id="w2" class="list-view"><div class="row" data-key="92">1 2 3: 6:01 Статус <strike>закрыт</strike> открыт</div><div class="row" data-key="93">1 2 3: 6:01 Склад <strike>22</strike> yyyyy</div></div></div></div><div class="form-group" data-key="10.01.2…

   Asked by https, January 11, 2016

   0 votes
   2 answers
6. Подскажите, почему блок (тег <ul>) самостоятельно задает себе margin-top?

   Поясню - Создаю блок ,div> внутри которого мне нужен тег <ul>, при этом тег div прилегает к верхнему краю страницы, а тег ul самостоятельно создает себе отступ от верхнего края страницы. Вопрос - почему так происходит? И как с этим бороться? Знаю можно с помощью overflow, созданием рамки(transparent), float: left. - таким образом мы уберем зависимость тега div от ul, но тег ul так и останется на своем месте. Конечно можно еще в свойствах тега ul прописать margin-top: 0px;. НО не слишком ли много действий? Хотелось бы упростить, и понять причину. Ссылка на HTML и CSS https://jsfiddle.net/j6z93mmk/

   Asked by TEO_911, August 3, 2017

   • тег ul
   0 votes
   1 answer
7. Float: both. Миф или реальность?

   В одном из источников набрёл на both в списке возможных значений для атрибута float. Это какая-то ошибка или реально интерпретируется каким-нибудь браузером?

   Asked by rasmus, August 25, 2019

   0 votes
   5 answers
8. Слой скрывает картинку в ИЕ А здесь смотрели?

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

   Asked by Aliance, April 21, 2009

   0 votes
   3 answers
9. Фоновое изображение "Овал".

   Добрый день. Есть изображение овал (502px * 27px). Делаю следующим образом: Далее, в коде страницы делаю <div class="grayline">Пишу всякий текст</div> однако, текст заключенный в DIV не позиционируется по центру, пытался вставить в CSS: vertical-align: middle; история та же самая. Может кто подсказать, как быть? Мучался с padding, но видимого результата тоже не добился

   Asked by liex, July 5, 2009

   0 votes
   2 answers
10. Не хочет цепляться картинка на бэкграунд!?

    друзья простите за убийственную тему).. Я уже ничего не соображаю и не спал сутки) не хочет картинка на бэкграунд вставать!? (у меня код весьма уже раздутый - и несколько css.. такая лень берет все отрубать=). может быть по опыту есть какие-нибудь соображения - "где искать"? ................................................................................ ............................................................................. первый раз наделал такое количество CSS файлов - для удобства)... вобщем проблема оказалось в этом.. хотя хз почему.. надеюсь понимание придет утром)

    Asked by sashakiselev, February 22, 2010

    0 votes
    1 answer
11. Как сделать маску круглых углов для flash?

    У меня получается почему-то только для рисунков, а вставленный flash плюет на слой, который выше я делаю так: <div id="sq_banners"> <a class="banner ban1" href="#b1"> <object type="application/x-shockwave-flash" data="<?php print $images ?>TVcontent.swf" width="125" height="125" id="ad1"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="<?php print $images ?>TVcontent.swf" /> <param name="quality" value="high" /> <param name="wmode" value="window" /> <param name="bgcolor" value="white…

    Asked by warobushek, May 30, 2010

    0 votes
    1 answer
12. Получение текста в divе

    Всем добрый день. <div id="in1" OnClick="inOut(1)">in 1</div> Возможно ли по нажатию кнопки менять содержимое дива? in 1 заменить на Out 1 Если можно подскажите как.

    Asked by ghost, December 20, 2010

    0 votes
    6 answers
13. Notepad++

    помогите пожалуйста.в Notepad++ перевел кодировку на utf-8 без BOM,но когда пишу русскими буквами появляются какие то непонятные символы.как исправить эту проблему?

    Asked by vanzz, September 26, 2011

    0 votes
    2 answers
14. Масштабирование на уменьшение в Safari

    Проблема с зуммированием\масштабированием страницы в браузере Safari. Данная проблема отсуствует в других браузера, появляется только в Safari. Суть проблемы: при зумировании на уменьшение а именно 3-ье и 4-ое (4-ое предельное зуммирование) Safari отказывается уменьшать текст, который находится в блоке. Блок уменьшает, а шрифт нет, следовательно текст выпадает из блока. Как мне стало ясно Safari доводит шрифт до определенного размера примерно 8px и дальше не уменьшает. В настройках браузера отключена фукнция универсальный доступ (размер шрифта всегда не менее ...) Делать резиновыми блоки в которых находится текст не вариант.

    Asked by Owei, October 7, 2011

    0 votes
    3 answers
15. Не правильно отображается сайт в Mozilla Firefox

    Здраствйте! Помогите пожалуйста. в IE отображает как надо, а в Mozilla Firefox по другому. <html> <head> <style> #container { width: 1000px; heigth: 100%; border: 1px solid red; border-width: 1px 1px 1px 0; } #navigation { width: 200px; height: 100%; float: left; } </style> </head> <body> <div id="container"> <div id="navigation"> </div> </div> </body> </html>

    Asked by alexb, January 7, 2012

    0 votes
    3 answers
16. Половина сайта не отображается в Internet exploere

    Здравствуйте уважаемые форумчане ! Сверстал сайт и с толкнулся с такой проблемой ! Половина сайта вообще не отображается в Internet Exploere - причем речь идет не только про 6 версию - а про 7 - 8 - 9 Помогите пожалуйста знающие люди название сайта http://babytury.ru/ Заранее спасибо за ответы и помощь С уважением к вам, Денис

    Asked by denisseo, February 24, 2012

    0 votes
    1 answer
17. Есть несколько вопросов

    1.Почему не работает тень для img при задании inset? 2.Возможно ли стандартными средствами изменить вид <select> там стрелочку поменять и т д? 3.Валидно ли применять id и class к form? 4.Как вставить нестандартный шрфит в сайт? есть файл Futuris Cyrillic.ttf и нижеприведённый код, но ничего не работает, шрифт не меняеться? * { margin:0; padding:0; border: 0; outline: 0; font-size: 100%; vertical-align:baselinebaseline; } @font-face { font-family:"Futuris Cyrilic"; src:local("Futuris Cyrilic"), url(../fonts/Futuris Cyrillic.ttf) format("ttf"); font-style: normal; font-weight: normal; } p, html, body, #all { font-size:14px; font-family:"Futuris Cyrilic"; line-heigh…

    Asked by strangerliquid, March 1, 2012

    0 votes
    4 answers
18. Неправильное вращение в Опере

    Нашел интересный пример горизонтальной гармошки, решил использовать. В примере опера вообще не хочет вращать заголовки. Скачал пример, поправил стиль: добавил для оперы "о-трансформ" .easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px; /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Opera */ -o-transform: rotate(-90deg); cursor:pointer;} Но это не помогло, загловки все равно странно смещены. Теперь просто интересно докапаться, как исправить неправильное отображение. Помогите разобраться.

    Asked by partiz, July 12, 2012

    0 votes
    1 answer
19. Самоскроллирование в Опере

    Доброго всем дня! Столкнулся с такой странной вещью. Доводим до конца сайт http://rezbaderevo.ru. На странице http://rezbaderevo.ru/ratatuyka (и к сожалению не только на ней) в Опере наблюдается странный баг. При скроллировании страницы вниз с определенного места (конкретно Дюрер картинка Кранах) после щелчка мышью на теле страницы экран возвращается вверх к этому месту. Никаких особенностей в html я не наблюдаю, в других броузерах этого нет. Буду очень благодарен, если вы подскажете, в чем проблема.

    Asked by Yust-os, February 12, 2013

    • Opera
    0 votes
    2 answers
20. Длинный текст

    Помогите найти правильное решение проблемы. При уменьшении окна браузера, текст в списке вылазит наружу. Таблицу всунул в div, и задал свойство overflow: auto, но что делать с остальными длинными элементами. Всему overflow ставить не вариант как я понимаю? P.S. Если задать overflow: auto самому верхнему диву в дереве, если ничего не путаю, в ie для windows phone будет работать только верхний overflow, невозможно будет проскроллить таблицу. Да и выглядит обрезающийся справа текст ужасно.

    Asked by exeto, May 16, 2013

    0 votes
    4 answers
21. изменить свойство селектораиз другого селктора

    ну не приснилось же мне..помню рабочий код вида .block:hover { .block2.color=#ccc; } ну не обязательно же скрипт юзать...или это это невозможно ..не пинайте -а вдруг

    Asked by romoga, February 19, 2014

    • селектор
    0 votes
    2 answers
22. Гайды по нятяжке вёрстки на движок..

    Есть ли такие гайды в сети ? Например как натянуть на вордпрес и тд. Поделитесь полезными ссылками, если есть =)

    Asked by Mugen1, May 15, 2014

    0 votes
    1 answer
23. navigator.geoLocation

    Добрый день! Интересует такой вопрос: можно ли каким-либо образом подменить данные о геопозиции, получаемые при помощи geoLocation API, и затем пересылаемые на сервер? Вопрос не для использования уязвимости, если таковая имеется, а для защиты от неё. Спасибо!

    Asked by jiabpadop, December 19, 2014

    • navigator
    • geolocation
    • html5
    0 votes
    4 answers
24. Подскажите как сделать

    Всем привет. Подскажите пожалуйста, как мне на сайте http://verstka-primer.esy.es/Bio/в слайдере картинка йогурта сначала стоит рядом с текстом. Но при перелистывании слайдера картинка получается с права. А нужно чтоб она постоянно стояла возле текста, при перелистывании. Подскажите пожалуйста как мне сделать.

    Asked by Shenia132, March 27, 2015

    • верстка
    0 votes
    4 answers
25. text-intent

    Почему не срабатывает text-intent ? http://cssdeck.com/labs/dwpx62hw

    Asked by rpmcmerphy, September 10, 2015

    0 votes
    3 answers