HTML Coding

29,542 questions in this forum

1. Странное поведение тега IMG

   Тег <img> по умолчанию строчно-блочный (display: inline-block) Я прописываю картинку в этом теге так: <img src="ololo.png"> Потом в стилях прописываю ему что-то типа: padding: 20px; background-color: red; И что же я вижу...из под самой картинки на 20 пикселей с каждой стороны (мой паддинг) выглядывает красный цвет. Т.е. такое впечатление, что для самой картинки backgound-clip в значении content-box, а для цвета (background-color: red) в значении padding-box. Кстати, манипуляция со значениями backgound-clip и backgound-origin в теге <img> абсолютно ни к чему не приводит. В любых других элементах (строчно-блочных и блочных. В таблицах и строчных элементах…

   Asked by Evkaky, December 12, 2012

   0 votes
   2 answers
2. Странное поведение тега P

   Простейший пример: <p id="one"> ololo <span>SSSS</span> <div id="ib">IB</div> </p> #one { padding: 30px; background: #deb887; } #ib { display: inline-block; border: 1px solid red; } http://jsfiddle.net/tQ9DM/ О ужас. Элемент <div id="ib">IB</div> почему-то "выпадает" из своего родителя <p id="one">. Если родительский тег Р заменить на div - то всё нормально будет. Это уже ни в какие рамки. Или мир вёрстки начал сходить с ума. Как так? Почему?

   Asked by Evkaky, December 31, 2012

   0 votes
   5 answers
3. Странное поведение центрированием элемента

   Есть элемент 1170px в контейнере 1349px, чтобы получить элемент резиновым я 1170 делю на 1349 получаю 86.73%. Странность в том что когда я этот элемент центрирую через margin:auto то элемент становится на 1 пиксел меньше, а когда центрирую с добавлением левым поля на 90px то он снова становится в нормальном размере. Из-за чего токое поведение? ведь в обоих случаях элемент в центре. <div class="contentWrapper"> </div> * { box-sizing: border-box; margin:0; padding:0; } body{ width:1349px; } .contentWrapper { width: 86.73%; margin:auto; border:1px black solid; height:500px; }

   Asked by aqua.77, November 15, 2016

   0 votes
   1 answer
4. Странное поведение цикла в javascript

   Цель следующей функции показать выбраную вкладку установив ей нужный класс скрыв при этом все не нужное содержимое других вкладок.. function selCurentTab(s,c) { var i; for (i=0; i < 10; i++) { if (c != i) { document.getElementById('div_cat_' + s + '_' + i).className='tab'; document.getElementById('affil_div_' + s + '_' + i).style.display='none'; alert('тест'); } else { document.getElementById('div_cat_' + s + '_' + c).className='current_tab'; document.getElementById('affil_div_' + s + '_' + c).style.display=''; alert('тест');; } } } Не понятно почему, функция правильно срабатывает только при выборе первой вклад…

   Asked by Беркут, January 4, 2010

   0 votes
   7 answers
5. Странное позиционирование блока DIV

   Внутри блока с фиксированной шириной и высотой должны располагаться четыре блока в один ряд. Между ними не должно быть пустое пространство. (margin:0; padding:0; не помогло). Почему блок с классом 'col-4-2' позиционируется относительно нижней границы текста блока с классом 'col-4-1'? Что я делаю неправильно. Вот ссылка на файл: https://jsfiddle.net/ttoliboff/81oL39y3/

   Asked by toliboff, March 27, 2017

   • div
   • display
   • position
   0 votes
   4 answers
6. Странное расположение пунктов меню.

   Помогите лисичке найти ошибку. Главная почему-то находится ниже, чем все остальные пункты меню. Отдельных стилей для пункта Главная нет. Что такое? http://www.pereezd-kvartiri.su/company.html

   Asked by kattiperk, July 27, 2014

   0 votes
   3 answers
7. Странное явление в Chrome

   Есть сайт в разработке. При наведении на меню выпадает подменю, а после его исчезновения - остается кусок этого меню в виде синей полосы, причем она может быть разной высоты. Не понимаю, с чем это связано? На сайте-демо этой темы нет такого явления.

   Asked by Светлана Г., March 18, 2015

   0 votes
   9 answers
8. Странности отображения горизонт. меню

   Вот такая проблема. Есть горизонтальное меню, которое в хроме, опере и сафари отображается как надо. А в фоксе и IE отображается неправильно с какой то рамочкой. Откуда она берётся и как это подправить? Меню представлено здесь: сайт. Кстати, если можно подскажите как вообще убрать это белое выделение и заменить его на смену картинки.

   Asked by Tmin10, May 4, 2010

   0 votes
   9 answers
9. странности с text-align: jistify

   Здравствуйте. Сегодня на одном проекте решил воспользоваться методом равномерного распределения элементов в резиновом блоке. Но часы упорства не приводили к результату, хотя, казалось, код написан верно. http://jsfiddle.net/GbWFt/3/ - как видите два правых блока сомкнулись в 1. Потому что в html их div не разделены пробелом. Если разделить - то все работает как нужно. Объясните, пожалуйста, что это за беда. Я полагал, что за 1 "слово" в строке считается inline-block элемент, но не знал, что отсутствие пробелов в html коде может объединить их в 1 слово. Прошу прощения за ошибку в названии темы

   Asked by USF, August 10, 2012

   0 votes
   5 answers
10. Странности с подвалом в IE

    Доброго времени суток, вопрос этот наверно поднимался тыщу раз. Я в верстке новичек, почитал о css, стал делать страничку. Решил прижать подвал к низу страницы. Поизощрался, вроде вышло, но есть одно но. При открытии страницы IE v7 появляется полоса прокрутки типо подвал не наехал вверх, если страницу обновить то все делается нормально. Собстенно вопрос, в чем дело? Upd: глянул в 6ой версии IE, там с подвалом все нормально, но появилась новая напасть, левая колонка оказываеться сдвинута за грань экрана, почему? Upd: С левой колонкой разобрался как то непонятно считается минусовое значение margin. Но появился новый вопрос, средняя колонка начинает уменьшаться при изменении…

    Asked by KLiMaT, February 16, 2009

    0 votes
    0 answers
11. Странность с clear: both.

    Всем привет! Я новичок в css, и хотелось бы задать вопрос, по как мне кажется странному поведению свойства clear. Следующий пример не рабочий, в нём нет нужды сделать всё правильно, или решить проблему, он написан для того что бы понять по чему так происходит. Предположим у нас есть один блок, в который вложено два других бока, каждый из них имеет совой заголовок, и ещё несколько вложенных блоков ( в примере блок только один), с заголовком статьи, и датой её создания, за который следует некий текст. Код-html <div id="content"> <div id="block1"> <h4>Название блока</h4> <div class="wrap"> <h5>Заголовок для статьи!</h5&g…

    Asked by ksafan, October 31, 2014

    0 votes
    2 answers
12. Странные вещи творятся с изображениями в IE7

    Я пользуюсь windows XP и время от времени тестирую макеты в IE7. Я уже парочку макетов сверстал и везде одна и та же проблема: почему-то изображения в IE7 отображаются иначе, чем в Firefox, в результате элементы не совпадают. В Firefox такой проблемы нет. Сделал скриншот: Вопрос: в чем проблема? Как её решить?

    Asked by Ludwig Voltman, November 22, 2013

    • ie7
    • проблема
    0 votes
    7 answers
13. Странные квадраты внизу блока

    Добрый день. Помогите, пожалуйста, разобраться откуда в правом блоке, где телефоны внизу беруться маленькие белые квадраты в нижних уголках фона. CSS свойст я таких не задавал, и они такие же, как у левого блока, только цвет другой ссылка на сайт - ниже http://emes.com.ua/accounting-services

    Asked by emes, March 21, 2016

    • css
    0 votes
    2 answers
14. Странные кнопки на iPad

    Некоторые кнопки на айпаде вроде как съезжают вправо. Причем, размер остается как нужно а то что внутри кнопки съезжает. Вот пример - http://jsfiddle.net/n89amLps/2/ А вот что получается - на размер не обращайте внимания - на планшете разрешение выше чем на ноутбуке

    Asked by alleclf, July 25, 2018

    0 votes
    8 answers
15. Странные отступы между блоками.

    Добрый день уважаемые форумчане! Делаю сайт визитку. Движок Joomla 1.5. Когда создаю меню и позиционирую его в написанный мною блок, появляются странные отступы между ними...., не могу разобраться почему.., подскажите, что не так? Вот код блока: <div id="block1"></div> <div id="block2"></div> <div id="block3"></div> #block1 { background-image:url(../images/z1.png); background-repeat:no-repeat; width:305px; height:22px; } #block2 { background-image:url(../images/z3.png); background-repeat:repeat-y; width:305px; } #block3 { background-image:url(../images/z5.png); background-repeat:no-repeat; width:305px; h…

    Asked by arthyrgrex, April 27, 2011

    0 votes
    5 answers
16. Странные проблемы при верстке для ie 6.0

    Всеми нами любимый Ишачок - совсем сошел с ума, начал вырывать куски текста. Смотрим скриншот: Когда наводиш курсор на первый пункт меню - как видим злощастное полу-слово "ма заказа" испаряеться. ! Но при наведении курсора на другие пункты меню - ничего не происходит: При выделении полу-слова "ма заказа" автоматически выделяеться нормальное "Форма заказа": Ну а вот и сам код этой менюшки: <div id="menuBar"> <div class="menuBarLeft"></div> <div class="menuBarCenter"> <a class="MBLink" href="index.html" title="Главная страница сайта iPhone-uz.com">На Главную</a> <img class="fLeft" src="design/img/menubar/end.jpg" alt=…

    Asked by trinat, January 20, 2010

    0 votes
    6 answers
17. Странные промежутки между DIV'ами в IE 6

    Описать проблему словами будет сложнова-то, потому предлагаю посмотреть код и увидеть проблему воочию. Проблема наблюдается только в IE 6 (хотя может и в 7ой версии тоже, на данный момент не могу проверить). Обратите внимание на Block3, который отделен от других блоков непонятным отступом... мотивы его происхождения мне не ясны. Как бороться тоже не знаю. Прошу помочь Страничка тут http://dev.inroot.ru/inroot/ Код <!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> <meta http-equiv="Content-Type" content="text/html; ch…

    Asked by Guest IMAM, September 29, 2008

    0 votes
    4 answers
18. Странные пустоты...

    Я даже незнаю как это назвать, так то по сути мой косяк, но в коде немогу его найти. суть: вот собственно обведенное красным и есть то непонятное образование. Код странички нужен?

    Asked by gifron, June 6, 2013

    0 votes
    4 answers
19. Странные пустые места при переносе картинки.

    Доброго времени. Дали задание в колледже сверстать сайт по макету. Сам я не особо в этом хорош, но попытался сделать. Итого вопросы: Есть макет: https://imgur.com/zWRi07X А вот что получается у меня: Места в которых изначально были изображения, при переносе этих самых ихображений почему-то остаются занятыми пустыми обьектами. Картинки обернул в div, и для каждой картинки прописал id из файла css. Код кидать нельзя, к сожалению, но для наглядности скину скрины нужных фрагментов.

    Asked by Мальчик Тарантино, December 22, 2019

    0 votes
    0 answers
20. Странные точки из ниоткуда в меню ul и li

    Здравствуйте! Помогите пожалуйста, откуда берутся эти долбанные точки? всю голову уже сломал: - удалял стили совсем, либо только меню/всё остальное - отключил этот awesome - менял скрипт jquery talium.rar

    Asked by Sk1lful, November 21, 2016

    0 votes
    2 answers
21. Странный баг

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

    Asked by Kenshi45, February 3, 2009

    0 votes
    4 answers
22. Странный баг в ие 6 и ие7

    Народ всем привет, еще с одной проблемой столкнулся, взгляните http://shinoda.ru/verstka/default.htm, у блока #left_menu_block есть отступ сверху в 40 пикселей, все браузеры кроме седьмого и шестого ие показывают этот отступ (ие8 показывает нормально). Что за странный баг обьясните плз???

    Asked by TonKhaO, September 14, 2009

    0 votes
    31 answers
23. Странный глюк

    Здравствуйте! Глюк в следующем: есть меню в самом верху страницы. Но почему-то, ближе к правому нижнему углу, есть зона, которая идентифицируется как фон того самого верхнего меню. Для наглядности можно пройти сюда: ссылка, кликнуть вторую кнопку слева (чат) и посмотреть на форму написания сообщения в чат, а заодно и попробовать в него написать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Авангард Света</title> <link type="text/css" rel="StyleSheet" href="http://avangardsveta.com/CSS/Test.css"> <style type="text/css"> * {padding:0px;margin:0px;outli…

    Asked by Gamer, March 20, 2009

    0 votes
    2 answers
24. Странный глюк - перестали выделятся некоторые ссылки

    Вроде ничего не менял на сайте, но теперь некоторые ссылки в центральном окне не выделяются. Сайт http://maxcomp74.ru/ Например ссылки: зависает, нет звука. Самое что интересное, если уменьшить окно браузера то всё работает. На IE глюк не распространяется. Помогите, не понимаю что это такое могло случится с ссылками.

    Asked by anjoy74, June 18, 2012

    0 votes
    3 answers
25. странный глюк в IE при использовании fieldset

    Решил избавится от таблицы в форме контакта на своей странице и напоролся на такой глюк: в IE форма контакта сползла вниз. В Firefox и Opera все отлично отображается. В чем может быть проблема и как еще можно побороть?

    Asked by webmanager-pro, May 31, 2007

    0 votes
    5 answers