HTML Coding

29,542 questions in this forum

1. height: auto для ios < 6

   Здравствуйте. Проблема в height: auto; для iOS устройств ниже 6 версии. В контейнере есть картинка, которая имеет свойства width: 100% и height: auto; Но iOS отказывается понимать и тянет на всю высоту, оставляя ширину в порядке. То есть картинку изрядно плющит. Нашла пару запросов, но советовали только height: auto !important; С высотой работает через медиа запрос для aspect ratio. Но интересно, может есть заклятье?

   Asked by kattiperk, November 25, 2015

   • height
   • auto
   • ios
   0 votes
   15 answers
2. vertical align у inline-block

   <div class="parent"> <div class="helper"></div> <div class="child">TEXT</div></div>.parent { height:100px; width:600px; border:1px solid #ff0000;}.helper { display:inline-block; height:100%; width:1px; background:green;}.child { display:inline-block; vertical-align:middle; border:1px solid #0000ff;}Не могу понять, как работает способ вертикального центрирования. https://jsfiddle.net/mws18yoL/ Если дать элементу .helper vertical-align:middle, то центрируется отлично. Без этого нет. Но ведь должно и без того? Высота строки задана блоком .helper в 100% от родителя. Далее известно следующее - vertical-a…

   Asked by sond1k, December 7, 2015

   0 votes
   15 answers
3. Организация файлов по каталогам

   Здравствуйте! Есть папка docs (основная папка) в ней лежат все html файлы. Так же в папке docs лежат папки содержащие css, картинки и js скрипты. Но я хочу еще сделать несколько подкаталогов каталог 1 (catalog1) каталог 2 (catalog2) каталог 3 (catalog3) В каталог 1 (catalog1) я хочу положить страницу HTML, но она не "может" определить где лежат файлы CSS и js (которые отвечают за её отображение). Вопрос - как мне нужно прописать путь к этим файлам, что бы страница index1.html смогла бы подхватить все папки и файлы из основного каталога docs? спасибо

   Asked by papaden, December 10, 2015

   0 votes
   15 answers
4. Медиа запросы и отображение изображений

   Доброго. Дабы не засорять форум темами свои, все вопросы напишу здесь: 1. Медиа запросы. Как это работает? То есть, есть экран смартфона 1280х720 и монитор 1980х1080. Могу ли я сделать медиа-запрос так что бы при открытии страницы с устройства с шириной экрана меньше 720 загружалось изображение одного разрешения, а если больше - другое? 2. Я работаю с Bootstrap, который блок с контентом делает адаптивным. Разве внутри этого блока ещё один блок с изображением не делается тоже адаптивным? Самое главное, что в настольном браузере, в режиме эмуляции всё отлично отображается. А на практике одни косяки. Как сделать так, что бы изображение чётко адаптировалось и не выл…

   Asked by P0jar, January 4, 2016

   0 votes
   15 answers
5. Помоги сделать выпадающее меню при клике плиииз!

   (ссылка с который выпадает меню "каталог" на него нужно сделать клик,CSS или JS,) Вот мой код меню! <table width="100%"> <tr> <td> <li class="first"><a href="company" title="Компания">Компания</a></li> </td> <td> <li id="open"> <span title="Каталог">Каталог</span> <ul id="center"> …

   Asked by Reut, January 17, 2016

   0 votes
   15 answers
6. футер (картинка)

   Привет народ, помогите пожалуйста решить задачу. Мне в футер надо вставить картинку и чтобы она была прижата к правому углу футера. вот у меня такое: <div id="footer"><div class="footer_image"></div></div> #footer {height: 150px;width:891px;background-color: darkblue; .footer_image {background-image: url(/theme/spring/p1.png);background-repeat: no-repeat;height: 150px;} Если возможно и есть время, то помогите пожалуйста.

   Asked by bobb, February 10, 2016

   0 votes
   15 answers
7. Не работает background-image

   Попробовал начать верстать один из предложенных здесь макетов - файл с фоновым изображением не отображался, хотя прописано все было вроде бы правильно. Попробовал прописать его как простой img уже в html - картинка не отобразилась, только маленький квадрат с крестиком. Подскажите, в чем причина в совокупности такого поведения изображения.

   Asked by DmiUr, August 10, 2016

   0 votes
   15 answers
8. Непонятное поле

   Откуда возникает нижний отступ в элементе ul? Я выделил его границей чтобы было понятно. Появляется именно после добавления свойства overflow:hidden; <ul> <li><a href="#">123<div class="qc"></div></a></li> </ul> ul{ border:1px black solid; } ul li{ display:inline; } ul a{ display:inline-block; width:100px; position:relative; overflow:hidden; } .qc{ position:absolute; top:0; left:0; width:300px; height:100%; background:red; }

   Asked by aqua.77, November 7, 2016

   0 votes
   15 answers
9. Постоянный цвет элемента после клика по ссылке

   Как сделать чтобы после клика на тег a, в теге mark голубая заливка не исчезала? https://jsfiddle.net/Delat/m7jy4bfe/

   Asked by Delat, February 2, 2017

   0 votes
   15 answers
10. Задать отступы между блоками <li>

    Здравствуйте. Подскажите как изменить расстояние между блоками ul.stroka li { display:inline-block; border: 1px solid #000; width:50px; height:50px; background: #00FF21; } В итоге я получаю расстояние по горизонтали между блоками 4px, а по вертикали 20px Как мне и по вертикали и по горизонтали установить отступ 10px https://jsfiddle.net/Ser8191/gs5fqxL5/5/

    Asked by Ser8191, July 20, 2017

    0 votes
    15 answers
11. Выравнивание элементов

    Не получается разобраться, как работает свойство vertical-align. В таблицах работает, а для строчных элементов почему-то нет. Пытаюсь сделать вертикальное выравнивание, но текст не сдвигается <div style="height: 200px"><span style="vertical-align: middle">Текст</span></div> Как правильно устанавливать это свойство?

    Asked by AlexProf, August 3, 2017

    • выравнивание
    0 votes
    15 answers
12. Прозрачные иконки

    Ребят, есть идеи как сделать иконки с вот такой прозрачностью, чтобы они просвещали фон родителя ? мне кажется это нереально. Хотел бы уточнить, что сами иконки это svg. Я могу сделать их прозрачными, не могу придумать, как сделать чтобы их просвещал белый фон

    Asked by brezze, November 16, 2017

    • css
    0 votes
    15 answers
13. css grid

    Добрый день) Хочу узнать мнение опытных верстальщиков. Активно ли вы используете grid: display: grid, grid-template-columns: 30px 200px auto 100px и т.д.? Или рано еще?

    Asked by Nailya, March 15, 2018

    • grid
    0 votes
    15 answers
14. Как сделать такую сетку

    Итак, имеется 4 блока, на мобильных устройствах они располагаются в столбик, друг за другом. Задача: сделать для больших разрешений сетку в два столбца, в которой высота всех блоков может быть различной, и не должно быть разрывов между блоками

    Asked by chocolate_moles, October 19, 2018

    0 votes
    15 answers
15. Картинка фона уходит в margin

    Изучаю поведение тега background-size, даю ему значение contain и фоновое изображение прячется в margin: https://jsfiddle.net/abceprst/upb3jkd6/1/ Что происходит и почему так? Если отменить для него no-repeat, то замостит весь экран.

    Asked by abceprst, February 2, 2020

    0 votes
    15 answers
16. Вложенные таблицы. Проблема с отображением рамок вложенных таблиц

    Здравствуйте! Прошу помочь мне советом по оформлению вложенных таблиц. Пример по ссылке: https://jsfiddle.net/formikulo/895fnhzc/1/ Проблема заключается в том, что рамки между вложенными таблицами в Таблице 2 выглядят жирнее, чем остальные. Хотя для всех линий задана одна толщина 1px. Как сделать так, чтобы все рамки были одинаковой толщины?

    Asked by Formikulo, February 25, 2021

    • вложенные таблицы
    • рамки таблицы
    0 votes
    15 answers
17. BUTTON - вопросы по value

    <form action="#"> <button type='submit' name='d' value='14'>text</button> <form> При нажатии получаю на выходе 'text', а мне нужно '14' - как добыть?

    Asked by Арина, June 14, 2007

    0 votes
    14 answers
18. распределение дивов

    Вопщем такой вопрос созрел: надо сделать из 4 дивов которые выводятся друг за другом, что бы при сжимании окна браузера они смешались вниз тока по 2, а не по 1-ому. <div style="float:left; width:200;">12345</div> <div style="float:left; width:200;">123456</div> <div style="float:left; width:200;">1234567</div> <div style="float:left; width:200;">1234578</div> Может кто уже делал что-то подобное, помогите плиз!) {...перенесено "Слои" kiD}

    Asked by AtskiySOTONA, July 2, 2007

    0 votes
    14 answers
19. Вопрос по ссылкам

    Чтобы просто открыть в другом окне, нужно добавить к ссылке target=?blank?. А как сделать чтобы при переходе по ссылке, перейти на другую страницу сайта на котором сейчас находишься и открыть в другом окне другой сайт.

    Asked by CRANK, September 4, 2007

    0 votes
    14 answers
20. Очередной height=100% в Опере и ФФ

    Asked by makarena, October 24, 2007

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

    Не знаю, обсуждалась данная тема или нет, простите нет времени просматривать кучу тем. Суть проблема следующая: Сайт состоит из 3 таблиц - верхняя и нижняя имеют фиксированную высоту. Среднюю с контентом разбиваю на 3 ячейки, правая и левая (менюшки) тоже с фиксированной шириной, средняя width="100%". Проблема в том что в крайних колонках с менюшками, хочу к их дну прикрепить картинки но чтобы у всей ячейки был valign="top", чтобы выровнять слои с менюшками и чтобы ячейки имели резиновый дизайн и тянулись на 100% в высоту. Пример такого сайта http://promteks-ips.ru, но там это работает потому что quot;-//W3C//DTD HTML 4.0 Transitional//EN">, а при quot;-//W3C//DTD HTML…

    Asked by Aemeth, November 9, 2007

    0 votes
    14 answers
22. Как задать ссылке цвет родительского объекта?

    Подскажите пожалуйста, как в стилях задать ссылке цвет родительского объекта? Например: главнаячтобы при изменении атрибута color в стиле td изменялся и цвет ссылки? А то не хочется менять скрипты и вводить дополнительные идентификаторы.

    Asked by nemecfc, November 11, 2007

    0 votes
    14 answers
23. вопрос по классам.

    Здравствуйте. http://volvo-jastin.narod.ru/S90.HTML Пожалуйста не надо изменять станицу !!!Разрешаю просмотреть код. *** Вот, наконец-то ,частично начал переводить свой сайт под управление классами. Как всегда вс? работает великолепно в ''Эксплоуере''. Замичательный ,хоть и страшно гюченный... Но в ''Мазиле'', опять ж... Она не читает больше половины кода!Меня это не устраивает:mad:!! ________________________ Объясните кто дурак браузер или я?Спасибо.

    Asked by 21043, November 20, 2007

    0 votes
    14 answers
24. слой в ячейке таблице

    Добрый день. Задача такая: Есть таблица с тремя ячейками 73 пикселя в высоту (ширина не важна). Во всех трех background=image, а в средней есть еще и текст. Задача: Отцентровать надпись в средней ячейке по вертикали и горизонтали по уровню 25 пикселей от верхней границы ячейки. Проблемное решение: По-скольку все ячейки у меня в 73 пикселя, я решил в среднюю ячейку поместить div с высостой в 50 пикселей,в ячейке приэать его к верхнему краю, на него положить текст и выровнять его по середине слоя. Вот что у меня получилось: Запись в template.css /*ценральная часть кнопки меню*/ DIV.menucenter{ height: 50px; valign: center; } запись в верстке страницы: <table> &lt…

    Asked by ХОЛОДный, November 21, 2007

    0 votes
    14 answers
25. Заокругленые углы

    есть штмл текст верхняя рамка <tr> <td style="background-image:url(images/header_left.gif); width:3px; height:21px;background-repeat: no-repeat;;"></td> <td style="background-image:url(images/header_center.gif); height:21px;"><font class="header_name">Погода</font></td> <td style="background-image:url(images/header_right.gif); width:3px; height:21px;background-repeat: no-repeat;"></td> </tr> как указать длину если таблица может быть разной длины чтобы средняя ячейка растягивала фон до конца,

    Asked by solos, November 28, 2007

    0 votes
    14 answers