HTML Coding

29,542 questions in this forum

1. Position fixed на мобильных

   Все привет! Подскажите знающие люди столкнулся с таким багом при верстке адаптивной версии сайта, Значит есть мобильное меню при нажатии на определенный блок выплывает блок с свойством position:fixed; и в этом блоке уже навигация по сайту. На десктопе все ок работает, баг идет именно на мобильном, когда открываешь сайт с телефона и открываешь моб меню, так как стоит свойство position:fixed, то есть скролл и если начинаешь скроллить, обычно сначала вниз, после чего на моб браузере соотвественно появляется адресная строка браузера, но при обратном скролле т.е вверх, адресная строка как положено пропадает и остается место от нее на несколько долей секунд, кто сталки…

   Asked by Commondore, December 8, 2016

   • fixed
   0 votes
   0 answers
2. Шаблон чисто на дивах не получается (как померить ширину)!

   Задумал разогнать шаблон. Вс? в принципе нормально если бы лиса и опера нормально отображали. Смысл в том... Есть 2 колонки 1 - фиксированной ширины; 2 - оставшейся. С таблицами нет проблем 1 - фиксируешь, 2 - оста?тся как есть, само растягивает. С дивами как не пытался, вс? равно на следующую строку перекидывает(разве что в осле вс? хорошо), если точно ширина у второй колонки не задана. Можно решить проблему альтернативно, с помощью плавающих блоков. Но так, возникают проблемы с футером. Короче вс? сводится к тому что-бы подставить значение выражения (ширина Body - 295px;(результат должен быть в px;)) в див... как это сделать не подскажите... А то я в JavaScript не сил?н…

   Asked by dremora, April 21, 2008

   0 votes
   4 answers
3. Схлопывание границ надо отменить

   Столкнулся с неожиданной проблемой. Есть код HTML: <h3><span class="floatLeft">Некоторый текст</span><span class="floatRight">И опять некоторый текст</span></h3> <p>Продолжение некоторого текста...</p> и CSS для него: h3 { font-size: 1.8em; font-weight: normal; margin: 0.5em 0 0.3em; white-space: nowrap; border-bottom: 1px solid #ddd; float: left; width: 100% } .floatLeft {float: left; padding-left: 0.3em} .floatRight {float: right; padding-right: 0.3em} p { line-height: 1.5em; font-size: 1.1em; clear: both; padding: 0 1em; margin: 1em 0 } Надо убрать схлопывание границ, а не пойму как сделать! По…

   Asked by Yahoo!, January 13, 2010

   0 votes
   9 answers
4. Каким способом выравнять картинки относительно абзаца слева?

   Верстальщик из меня так себе, но вот встал вопрос, поэтому хотел обратиться за советом. Есть <div>, в которм бдует распологаться текст с иллюстрациями. Задача состоит в том чтобы правильно сформатировать положение картинок относительно текста. текст идет сплошной лентой, разбитой на абзацы. Если бы картинки требовалось расположить внутри него, слева или справа, неважно как, вопроса бы не было. Но необходимо, чтобы картинки располагались слева от определенных абзацев <p> на определенном фиксированном расстоянии. То есть как бы две колонки - одна узкая для картинок, вторая широкая для текста. Как это лучше всего сделать? Идеи такие - создать для колонок два <…

   Asked by mooncar, January 25, 2011

   0 votes
   18 answers
5. в IE появился отступ таблицы справа

   На странице есть главная таблица, состоящая из трех колонок. В левой ячейке стоит выравнивание влево, в ячейке - таблица, у которой тоже включено выравнивание влево. В средней ячейке стоит выравнивание по центру, в ячейке - таблица, у которой тоже включено выравнивание по центру. В правой ячейке стоит выравнивание вправо, в ячейке - таблица, у которой тоже включено выравнивание вправо. В Опере и Лисе все отображается правильно, в IE в правой ячейке у таблицы появился отступ справа около 20 пикселей. Откуда он взялся и как его убрать? Пожалуйста, подскажите..

   Asked by begin, October 26, 2007

   0 votes
   7 answers
6. Выравнивание javascript-фрейма по центру

   Здравствуйте! Вот уже все перепробовал, CSS плохо знаю, но что знаю, то попытался применить. Но в итоге - javascript-фрейм вида <script LANGUAGE=javascript SRC=http://narod.yandex.ru/survey/surveyjs.xhtml?id=ххххх></SCRIPT> форматируется посередине только топорным параметром align HTML тегов. Как с помощью CSS выровнять его по центру? text-align не работает. Ой, нет, это я не на то взглянул, по-прежнему не работает. Вот: <div style="text-align:center;"><script LANGUAGE=javascript SRC=http://narod.yandex.ru/survey/surveyjs.xhtml?id=461288></SCRIPT></div>

   Asked by 7ion, June 10, 2009

   0 votes
   4 answers
7. Приклеить img в sidebar внизу сайта

   В WordPress нужно приклеить снизу в боковой панели картинку CSS-ом. Не внизу окна браузера (как, например, http://www.cssstickyfooter.com/ или http://twitter.github.io/bootstrap/examples/sticky-footer.html или http://timothy-long.com/examples/responsive-sticky-footer/), а внизу самой страницы. Страница длинная, с прокруткой, и пока не докручу, картинку сбоку внизу не увижу. Спасибо, извините за примитивность поставленной задачи. Не верстал аж с 2002 г., подзабыл премудрости абсолютного позиционирования.

   Asked by gasyoun, May 25, 2013

   • footer
   • sidebar
   • sticky
   0 votes
   12 answers
8. Background не работает

   Мне нужен такой результат : Не понимаю почему background не применяется вокруг иконок: Сам код: Html: css: Html: <section class="finish"> <div class="container"> <h2 class="finish_header">По окончании обучения Вы сможете!</h2> <div class="finish_divider"></div> <div class="finish_wrapper"> <finish_item> <div class="finish_round"> <img src="/icons/finish/1 (1).png" alt="" class="finish_icon"> </div> &l…

   Asked by stasN1, August 8, 2022

   • html
   • css
   0 votes
   0 answers
9. Фоновый звук

   Как правильно вставить фоновый звук и в каком лучше всего формате? Как заставить Mozilla FF Safari понимать и проигрывать фоновый звук?

   Asked by SibBear, March 10, 2008

   0 votes
   12 answers
10. Ссылка с флешролика на другую страницу

    Люди, подскажите, пожалуйста, что нужно сделать чтобы ссылка с флеш ролика заработала вот с этого - http://www.cbskiev.ru/news/gogolinfo.php , подскажите что я делаю не так

    Asked by alexss, March 30, 2009

    0 votes
    19 answers
11. лишний пробел после ссылки как исправить ?

    Если html код выглядит так : <a href="#" >один</a> <a href="#">два</a> <a href="#">три</a> после ссылок появляется пробел. Если так: <a href="#" >один</a><a href="#">два</a> <a href="#">три</a> пробела нет - как это исправить, plz

    Asked by orgus, May 5, 2014

    0 votes
    9 answers
12. Растянуть Div с float вертикально по высоте

    Добрый день, уважаемые форумчане, ни как не могу решить проблему с ростягиванием DIV'а которому задано свойство флоат. Хочу понять именно механику процесса. Необходимо чтобы 2 колонки всегда были в низу экрана, даже если контента мало. Пожалуйста помогите разобраться! Вот код

    Asked by ProJey, December 13, 2015

    0 votes
    11 answers
13. коректное отображение слоев

    такая проблема: делаю сайт - http://vermiculit.com.ua/test/ линия должна идти под блоком меню.Я вроде вс? правильно сделал.правый слой уползает вниз. Посмотрите плиз код.Я уже незнаю что и делать то.... {...перенесено в Проблемы с версткой kiD}

    Asked by Kos87, October 5, 2007

    0 votes
    9 answers
14. CSS и PHP

    PHP скрипт генерирует обычную таблицу из MySQL. Как вывести результат используя классы CSS. Конкретно - задать ширину столбцов и в первом (естественно № пп) текст по центру, в остальных столбцах - слева. Подскажите пожалуйста, ну очень длинный затуп а результатов не дал. Спасибо

    Asked by olboror, December 13, 2009

    0 votes
    15 answers
15. Увеличение картинки при наведении

    Делаю чтоб картинка увеличивалась при наведении. Делаю так: <style type="text/css"> body{padding:10px 100px;} .zoom{ position:relative; cursor:pointer; left:0; top:0; } </style> <? if (!empty($picture)) {?> <script type="text/javascript"> $(function(){ $('.zoom').hover(function(){ $(this).stop().animate({width:"250px",left:"-25px",top:"-25px"}, 400); $(this).attr("src","<?=$picture?>"); }, function(){ $(this).stop().animate({width:"100px",left:"0",top:"0"}, 400); $(this).attr("src","<?=$picture?>"); }); }); </script> <a href="#"><img border="0" width="100px" class="zoom" src="<?=$picture?>"…

    Asked by Tchorteg, July 6, 2011

    0 votes
    10 answers
16. Хитрое выравнивание

    <div> <div style="display:inline">Этот div должен быть выровнен по левому краю</div> <div style="display:inline">Этот div должен быть выровнен по правому краю</div> </div> <!--и все это должно находиться на одной строке без переносов-->

    Asked by nim_cch, February 16, 2009

    0 votes
    19 answers
17. Очередная пачка проблем с ИЕ6-7

    Вобщем ситуация такая что есть два елемента фона которые продавливают футер за счёт минусового маргина и за счёт левого и рпавого флоата вылазят как низ двух боковых колонок, на которые опять же заежжают с помощью минусовых маргинов. В opera, firefox,chrome,safari работает как положено. Про ИЕ6 разговора пока нет потому как думаю сначала разобратся с седьмым: При задании margin-right для #right_background меньше 20px(в том числе и минусового) и он и следующий за ним #left_background исчезают(при отсутствующем clear:both у футера - появляются оба около прового края, причем #right_background вообще перестаёт реагировать на изменение margin-right). При этом забавность ситуа…

    Asked by Love_silense, December 16, 2009

    0 votes
    12 answers
18. В Firefox'е не отображается иконка сайта в адресной строке.

    В Опере и IE вс? правильно, а в Firefox'е не отображается иконка. Вот где: www.sylvesterstallone.narod.ru Что надо сделать, чтобы она и в лисе отображалась?

    Asked by Sheena, March 15, 2008

    0 votes
    10 answers
19. Как разместить баннер?

    Есть скриптовый баннер который я хочу разместить слева,но при добавлении его в код он у меня оказывается вверху всей страницы слева,т.е. вся страница опустилась вниз на длину баннера.Такое ощущение что он с чем-то конфликтует?Структура страницы сделана через теги <div>.Как мне его прописать,помогите пожалуйста разобраться?Спасибо.

    Asked by Mexxman, October 19, 2008

    0 votes
    4 answers
20. Проблема с блоками DIV

    У меня возникла следующая проблема при верстке страницы сайта: На странице находится 4 картинки с подписями, заключенные в <div> блоки, нужно разместить их в строчку так, чтобы они были равноудалены друг от друга, и ,при сужении окна браузера, 2 картинки съезжали вниз и опять становились равноудаленными друг от друга и от краев. Пробовал указывать <div align="center"> - не помогло. -когда окно браузера широкое и позволяет разместить 4 картинки -когда окно браузер узкое С уважением, Евгений.

    Asked by iLEM, May 27, 2011

    0 votes
    21 answers
21. Практика для верстальщиков

    В отдел веб-разработки компании PENTESTIT требуется верстальщик. Наша компания работает в области информационной безопасности и практически все наши проекты связаны напрямую с этой сферой деятельности. Одна из последних работ - real-time карта атак https://lab.pentestit.ru/map Если вы хотите решать интересные задачи в дружном коллективе единомышленников - вы ждем Вас. Даже если Вы начинающий верстальщик - не страшно, научим и поможем освоиться. В задачи верстальщика входит верстка страниц по присланному макету, в том числе под такие cms как 1c-bitrix, wordpress, joomla. Задачи в отделе веб-разработки делятся на два типа: внутренние проекты компании и сторонние заказ…

    Asked by efweb, May 2, 2015

    • практика начинающим
    0 votes
    0 answers
22. Изменение стиля стороннего скрипта

    Добрый день, уважаемые программисты! Буду очень признательна за совет. Подскажите, пожалуйста, как решить след. проблему: На сайт тур. компании подключается сторонний скрипт подбора тура по параметрам, вызывается так: <script type="text/javascript" src="http://www.aaa.ru/public/index/js/aaa_api.js""> </script> <script type="text/javascript"> selector(); </script> <div id="aaa_content"></div> Есть ссылка на файл стилей,где можно получить текст файла стилей : http://www.aaa.ru/public/index/css/ovr-search.css Т.к. не подходит цветовая гамма результата работы скрипта цветовой гамме сайта, необходимо изменить стили получаемого результата…

    Asked by lady, July 26, 2015

    0 votes
    16 answers
23. Bootstrap 4, Flexbox или Cssgrid

    Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…

    Asked by Владимир Горинов, April 2, 2018

    • разработка
    • html
    • css
    0 votes
    3 answers
24. Валидация w3c

    При валидации на w3c заметил ошибку: Line 9, Column 36: The align attribute on the div element is obsolete. Use CSS instead. <div id="page-wrap" align="center"> Когда align переношу в CSS выходит такое: #page-wrap Свойство align не существует : center center Как правильно сделать, что бы пройти валидацию? index.html <!DOCTYPE html> <html> <head> <title>Лестница</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" href="./css/style.css"> </head> <body> <div id="page-wrap"> <img src="./images/circle.png" alt="logo"> </di…

    Asked by klanessia, October 20, 2011

    0 votes
    4 answers
25. frD-Выравнивание в ячейке

    Как можно выровнять часть текста в ячейке таблицы по левому краю, а часть текста по правому?

    Asked by Shar, June 18, 2007

    0 votes
    5 answers