HTML Coding

29,542 questions in this forum

1. Проблема с позиционированием

   Уважаемые Гуру сайта htmlforum.ru помогите мне пожалуйста решить сложную проблему. Сверстал сайт, но потом увидел удивительную вещь, на разных экранах он отображается по разному. Шапку сайта я смог добить до такого состояния , что она отображается на всех экранах одинаково. Но вот проблема возникает с другими div'ами. Думаю не стоит выкладывать сюда исходники, вы и сами на них можете посмотреть http://instarocket.me/ При разрешении 1440x900 отображается всё нормально. а вот на других, уже сайт едет. Этот див, выделенный зеленным цветом, не могу поставить по середине под <hr>. Писал margin:0 auto; ничего не помогает.

   Asked by latefull, November 8, 2015

   0 votes
   3 answers
2. Проблема с позиционированием

   Добрый день, что делаю не так? Глаза уже замылил себе пытаясь найти причину. Нужно сделать - спозиционировать картинки так, что бы центральная перекрывала все, а 2 боковые были за родительским блоком и за центральной картинкой Тык А получается только вот так - 2 боковые позади центральной, но не могу их поставить позади родителя - Тык Либо подскажите как грамотно оформить этот блок с будущим нацеливанием на адаптивность. <div class="row"> <div class="col"> <div class="services-boxes"> <div class="services-boxes_first-box"> <img class="services-boxes_first-box__first-house" src="img/first_house.png" al…

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

   • css
   • z-index
   0 votes
   1 answer
3. Проблема с позиционированием <div>

   Делаю сайт с помочу <div> тегов и столкнулся с такой проблемкой. Сначала код: <div id="top_l"> <h3>Top1</h3> </div> <div id="top_c"> <h3>Top2</h3> </div> <div id="top_r"> <h3>Top3</h3> </div> СSS: #top_l { width: 250px; margin: 5px 5px; background: #eee;} #top_l h3 { text-align: center; } #top_c { width: 250px; margin: 5px 300px; background: #eee;} #top_c h3 { text-align: center; } #top_r { width: 250px; margin: 5px 600px; background: #eee;} #top_c h3 { text-align: center; } А проблема в том, что Тор1, Тор2, Тор3 выводятся, как бы то пояснить... лестницей, а мне нужно что бы на…

   Asked by Alex&R, June 2, 2010

   0 votes
   1 answer
4. Проблема с позиционированием 2х блоков

   Сначала был примерно вот такой код: <div class="content"> <div class="content_div"></div> <div class="sidebar"> <p></p> <p></p> </div></div>с таким css: .content_div { margin-left: 220px;}.sidebar { float: left; width: 200px;}Все отображается нормально. Но тут для адаптивности шаблона под мобильники (на мобильниках планируется вывод сайдбара под контентом) потребовалось поменять местами content_div и sidebar. При этом sidebar съехал вниз под content_div. Поместил контент сайдбара в дополнительный блок и установил position: absolute: <div class="content"> <div class="sid…

   Asked by zevilz, February 27, 2015

   0 votes
   14 answers
5. Проблема с позиционированием css

   Итак, решил сделать footer. (Приложил скриншот) Итак, задумка такова: GitHub - Разместить по левому краю, Twitter - по центру, О нас - По правому краю, но почему то Параграф не хочет вставать так как надо. HTML Код <footer> <div class="container" style="padding-top: 1%;"> <div class="row footer-information"> <div class="col"> <a href="#"><i class="fab fa-github"></i> GitHub</a> <p>Откройте и просмотрите нашу страницу на GitHub</p> </div> <div class="col text-center"> <a href="#"><i class="fab fa-twitter"></i> Twitter</a> <p>О…

   Asked by GamerVII, July 4, 2018

   0 votes
   0 answers
6. Проблема с позиционированием блока относительно родителья

   Всем привет. При верстке возникла проблема. В header е есть ссылка при ховере на котором появляется выпадашка. У ссылки и выпадашки есть блок-родитель. Выпадашка отпозиционирован absolute ом относительно родителя. Внутри выпашдашки 3 пункта. В каждом пункте-ссылке есть теги i и spam для FA иконки и текста. Проблема в том, что при позиционирование блока смещением на право, после left: 154px текст автоматически переноситься на следующую строку. Вот фиддл. Никак не могу отловить в чем моя ошибка и как решить его. Спасибо заранее!

   Asked by parnas, August 19, 2016

   • absolute
   • relative
   • position
   0 votes
   5 answers
7. Проблема с позиционированием блоков Bootstrap

   Доброго времени суток,я уверен что такая тема поднималась миллион раз,но я не могу правильно сформулировать поисковый запрос))) В общем внимание на экран: http://joxi.ru/1A5avYnsPZaXAE Как мне поднять блок футер наверх?

   Asked by f4rr3ll90, December 9, 2016

   0 votes
   3 answers
8. Проблема с позиционированием блочных элементов

   Здравствуйте. У меня возникли небольшие проблемы с изображением блоков, помогите плиз. В общем центральную страницу я делю на 3 блока. 1-й блок левый плавающий, 2-й по центру статический, 3-й плавает вправо. В центральном блоке хочу сделать 2 блока, чтобы они делили область пополам. один делаю - плавать влево, второй - вправо. но блоки вытесняют друг друга, если weidth:auto, когда ширина фиксирована, все нормально, но это не вариант, т.к. при маштабировании они могут смотреться просто ужасно(пустое поле между блоками). Помогите примерно как задать чтобы они грамотно рассположились, и каждый из них занял 50% от центральной области. Заранее спасибо. Есть идея конечно размес…

   Asked by vuler, January 30, 2012

   0 votes
   4 answers
9. Проблема с позиционированием в FF

   Привет всем. Я не профи, скорее любитель. Недавно переделал тему для одной GPL-платформы, но мой товарищ прислал скрин с офигенным косяком, который у него в FF. (скрин). Как видно, блок меню сдвинут влево(((. Причём у меня такого косяка в FF не наблюдается. Помогите пожалуйста разобраться в стилях, что бы было кроссбраузерно. Вот макет. Заранее благодарен, бью челом.

   Asked by bravada j, January 27, 2010

   0 votes
   4 answers
10. проблема с позиционированием в IE9

    спасибо сам разобрался , тему можно удалить.

    Asked by taloverov, August 4, 2013

    0 votes
    0 answers
11. Проблема с позиционированием в Опере.

    Всем привет. Суть проблемы в следующем. В общем контейнере, в котором располагаются два блока с абсолютным позиционированием, находятся еще два блока без позиционирования с з-индексом выше, чем позиционированные блоки. Так вот почему-то эти блоки имеют фоновый цвет, хотя он явно не задан. Глюк наблюдается в Опере 11.11. У кого есть идеи как это вылечить? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> </h…

    Asked by Demonis, December 15, 2011

    0 votes
    5 answers
12. Проблема с позиционированием всплывающей подсказки

    Доброго времени! Помогите пожалуйста разобраться! С помощью данного плагина сделал всплывающую подсказку для своей навигационной карты, в инструкции было написано, что можно применить абсолютно к любому тэгу которому можно прописать атрибут title и class, я так и сделал (прописал для тэга area). Cама подсказка работает корректно, но вот только с позиционированием проблема, она "всплывает" не там где надо! Подскажите пожалуйста, может быть у кого-нибудь есть хоть какие-нибудь идеи. Заранее всем спасибо!

    Asked by BETEP, May 5, 2012

    0 votes
    4 answers
13. Проблема с позиционированием картинок или дивов внутри дива.

    Здравствуйте, помогите разобраться с позиционированием картинок (или дивов) внутри дива. Вот так должен выглядеть сайт Так он выглядит без картинок Код на этом этапе <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title>Страница</title> <style> body{background-image:url('background.jpg');} div.container{margin:0 auto;width:1117px;height:100%;} div.header{height:250px;background-color:#F2F9FE;;} div.nav{height:40px;border-left:1px solid #F2F9FE;;} div.content{min-height:730px;background-color:#F2F9FE;;} div.footer{height:20px;text-align:center;color:#000000;font-size:10px;} div.menu-item{ background-color: #008…

    Asked by SvetaMatsibora, March 4, 2014

    • позиционирование картинки
    0 votes
    6 answers
14. Проблема с позиционированием кнопки

    Почему кнопка с текстом лезет куда-то наверх? <style type="text/css"> button {width: 32; height: 32;} </style> <button></button> <button>1</button> <button></button>

    Asked by Тёмик, September 24, 2011

    0 votes
    2 answers
15. Проблема с позиционированием прокрутки к началу страницы

    Добрый день! Пожалуйста помогите решить задачку с позиционированием вставленного блока с кнопкой прокрутки к началу страницы. Никак не могу пристыковать данную кнопку справа к блоку conteiner с небольшим отступом. Для ясности картинку с вопросом немного подправил: Код сстраницы следующий: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> &l…

    Asked by sgu33, May 26, 2012

    0 votes
    3 answers
16. Проблема с позиционированием элементов

    Добрый день, при вертске столкнулся с такой проблемой, на первом скриншоте я старался с позиционировать элементы, что бы текст шел как бы лесенкой а между ними фото. http://joxi.ru/D2Pz9gOTp65Z7r Но после того как я добавляю вторую картинку элемент с текстом почему то присасывается к верхней части, хотя до этого я задал ему clear: left; что бы он расположился под первой картинкой. После добавления картинки, получается вот так http://joxi.ru/nAyvGpPtYbzRdr Помогите решить проблему, правильно ли вообще я позиционирую элементы на странице? или же можно решить туже задачу проще? Html этой секции <div class="box"> <div class="compa…

    Asked by мурамаса, July 27, 2018

    • positioning
    • div
    • вертска
    • позиционирование
    • css
    • html
    0 votes
    4 answers
17. Проблема с позициями

    Здравствуйте. Помогите, пожалуйста, с позиционированием. У меня есть 10 блоков DIV. Я с помощью CSS задал значение обводки, при наведении. Но как только я навожу курсор на блок, остальные блоки, стоящие рядом сдвигаются. Что делать? Мне хотелось бы как-то закрепить остальные блоки, и закрепить положение изображения с эффектом, чтоб обводка шла по краям изображения, а не сдвигала его.

    Asked by avdo_xd, April 3, 2013

    0 votes
    1 answer
18. Проблема с поиском в яндексе

    Привет всем! Как мне решить проблему с названием моего сайта при выводе в поиске яндекса сейчас название просто адрес сайта,как поменять на название которое прописано в <title>? и ищет его только когда я сам адрес сайта забиваю в поисковик,титле и метотеги вроде бы в порядке вот скрин там же адрес сайта.

    Asked by denisok, November 27, 2013

    0 votes
    11 answers
19. Проблема с полем input number в html

    Всем привет. На странице есть input типа number. <div><input type="number" step="0.01" class="form-control" id="numberField" name="numberField"min="0" max="9007199254740992"></div>Проблема состоит в том, что в браузере firefox , при вводе значения в это поле например: 12,234 оно сохраняется после сабмита как 12234. И никак не ограничивается количеством знаков. Если при вводе использовать в качестве сепаратора точку - то все проходит нормально. И ввод , как и должно быть, ограничивается двумя символами после точки. В сети наткнулся на информацию о том, что это зависит от локали системы. Т.е. в каких то странах точка является decimal разделителем, а запя…

    Asked by smitty, January 14, 2016

    0 votes
    1 answer
20. проблема с полем в IE

    http://www.nextproject.ru/ на этой странице в средней колонке в самом верху между текстом заголовка и нижней границей (темно-красной линией) возникает слишком высокое пустое пространство (только в IE), хотя в правой колонке при тех же условиях все нормально. Не подскажете, в чем может быть причина? Код не выкладываю, поскольку от моей оригинальной верстки он уже отличается, и причина може быть практически в любом фрагменте, как показывает практика... На прочие моменты верстки прошу не обращать внимания - все делалось очень быстро и "дешево".

    Asked by rash, February 4, 2008

    0 votes
    4 answers
21. Проблема с полем в форме

    вот собственно сама проблема http://bontour.linecore.com/rus/request136 В форме при клике на поле не устанавливается курсор, точнее он устанавливается, но нужно попасть в нужное место чуть повыше самого поля. Такое наблюдается только в ИЕ. с чем это может быть связанно и как решить?

    Asked by zigmund, February 10, 2008

    0 votes
    3 answers
22. Проблема с положением дива position:absolute в IE

    Такая беда: в ИЕ див с position:absolute отображается справа от текста, а в остальных браузерах - под текстом. Подскажите пожалуйста, как сделать, чтобы див в ИЕ был под текстом (а еще лучше, чтобы див вообще не зависил от текста). Вот код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>111</title> </head> <body> <div style="position:relative; width:500px; height:200px; background:#CCC"> Text <div style="position:absolute; width:200px; height:300px; background:#666"></div> </div> </body> </html> Вот пример: http://goodtime.com.ua/max/wtf2…

    Asked by ivnitskiy, January 12, 2012

    0 votes
    3 answers
23. Проблема с полосами прокрутки

    Добрый день, подскажи, пожалуйста, возможное решение проблемы. Есть div. В данном случае основной контент - div content Информации на странице довольно много, а надо, чтобы именно этот див не выходил за пределы размеров экрана и соответственно не заставлял сдвигаться div footer. Установил для него аттрибут overflow: auto и задал соответствующую высоту. Все работает. Но мне требуется, чтобы не было видно самих полос прокрутки, но прокрутка текста должна оставаться. Если ставишь overflow: hidden (при любом position: absolute, relative или static), то текст просто застывает и нет ни прокрутки ни самих полос для прокрутки. Как можно убрать отображение полос, но чтобы прокрутк…

    Asked by voldemar87, July 29, 2011

    0 votes
    3 answers
24. проблема с полосой прокрутки

    Здраствуйте ! У меня возникла проблема , сделал сайт на табличной верстке, но есть один " бок " : у меня широкоформатный монитор и когда заливал информацию на сайт то у меня отображается все отлично , но при открытии на мониторах с меньшим расширением появляется полоса прокрутки ! наблюдается при открытие некоторых страниц , например - http://edem24.ks.ua/gz.html'>http://edem24.ks.ua/gz.html !!!! Ширина в тегах table в процентах !!!!! вот сайт - http://edem24.ks.ua Помогите пожалуйста , как сделать чтоб не было это полосы прокрутки ...

    Asked by Squeez, November 14, 2011

    0 votes
    3 answers
25. Проблема с полосой прокрутки у iframe

    Всем привет!=) Что-то я не пойму, что у меня не так. Вот кусок кода главной страницы: <P style="margin-left:10px;padding-left:10px;"><iframe scrolling="auto" name="frame1" frameborder=0 id="frame1" allowtransparency="true" src="main.html" width="100%" height="90%"></iframe></p> В файле main.html текст не помещается по вертикале(ну так должно быть), и поидее, справа у фрейма должна появляться полоса прокрутки, так и случается в браузере Opera. Но вот в браузере IE 7 полоса не появляется. И поэтому не понятно будет для пользователей IE 7, что там если прокрутить вниз фрейм, есть еще текст. Это можно как-то исправить? =)) Спасибо заранее за ответ!

    Asked by evgenyan, April 27, 2009

    0 votes
    1 answer