HTML Coding

29542 questions in this forum

1. Как сделать, чтобы на мобильной версии элементы менялись местами?

   на скриншоте десктопная и мобильная версия вёрстки. Как сделать, чтобы у одного элемента на мобильной версии слева была иконка а справа текст, а у другой слева текст, а справа иконка? Ещё чтобы всё симметрично было, везде размер элементов и отступы одинаковые. в общей обёртке если один блочный элемент сверху, у другой снизу, а я сменил обёртке стиль на "display: flex;", а обоим элементам "width: 50%;", то верхний станет слева, а нижний - справа. А как наоборот сделать, чтобы верхний справа, а нижний слева? я придумал только использовать position: absolute. получилось криво. Как сделать, чтобы блок-обёртка подстраивался по высоте под картинку? https://codepen.io/zfO/…

   Asked by Grani, July 31, 2023

   0 votes
   1 answer
2. Фиксированный хедер в мобильной верстке

   Доброго время суток. Подскажите, пожалуйста, кто сталкивался со следующей проблемой в верстке под андроид и айфон: необходимо сделать, чтоб при скролле хедер всегда находился в верхней части экрана. Казалось, что нет ничего проще - достаточно поставить position: fixed; top: 0. Но iOS4 не поддерживает данное свойство. При использовании плагина iScrool 4 возникаю проблемы с галереями, которые хочется листать перетаскиванием пальцев. С Hammer-ом получилось тоже самое. Еще как вариант jQuery Mobile, но тоже есть минусы: при зуме хедер всегда прилеплен к левому краю экрана и увидеть его целиком никак нельзя. Сейчас я деаю хедер абсолютно позиционированным и пробую скриптом при…

   Asked by memed, January 8, 2013

   • mobile web
   • android
   • iOS
   0 votes
   4 answers
3. dysplay block общие вопросы

   Подскажите пожалуйста, уважаемые знатоки, что это за ерунда: http://mp3frog.ru/index.xml Откуда берется этот непонятный отступ под картинкой в Opera и Firefox? В IE все нормально.

   Asked by mp3frog, July 2, 2007

   0 votes
   12 answers
4. Текст в div вертикально спозиционирован

   Всё никак не могу достучаться до решения, как сделать вертикальное выравнивание текста в блоке (div) без таблиц естественно. К примеру у нас есть div с высотой в 100px, нам надо чтобы текст, который будет находится внутри него, постоянно находился по центру по вертикали, вне зависимости от количества символов. Ниже случай поможет, только когда у тебя заголовок небольшого размера: CSS .myDiv { height:100px; position:relative; } .myDiv .middle { position: absolute; top:40%; } HTML <div class="myDiv"> <div class="middle"> :blink: содержимое по-середине, но когда текст переходит на другую строчку, вся логика разваливается.</div> </div> В остальн…

   Asked by BassEast, September 11, 2009

   0 votes
   25 answers
5. div с фиксированной высотой, нужно сделать футер

   есть div с фиксированными высотой и шириной. внутри 3 дива - заголовок, контент, футер. <div class="container"> <div class="header"> title </div> <div class="content"> item content </div> <div class="footer"> toolbar </div> </div> нужно сделать, чтобы футер был снизу, а контент занимал все свободное пространство между заголовком и футером. прижал футер к низу так: .container{ position:relative; } .footer{ position: absolute; bottom: 0; } но с контентом не могу сообразить как.. upd забыл один важный момент: div с контентом должен быть с overflow:hidden. т.е. содержимое дива не должно растягивать див-контейнер.

   Asked by maximt, June 28, 2011

   0 votes
   3 answers
6. не работает display:grid

   подскажите может почему не работать display:grid в новых версиях браузеров? Opera 45.0, Chrome 58.0.3029.110 (64-bit), FireFox 53.0.3 был использован рабочий код с вебинара на geekbrains по модульным сеткам, но ни один из указанных браузеров не хочет выводить информацию как надо. на всякий случай вот ссылка на код https://jsfiddle.net/AlexZaw/cdj6h2e1/ PS. разобрался, все дело было в простой опечатке...

   Asked by AlexZaw, June 1, 2017

   • display:grid
   0 votes
   1 answer
7. равномерно распределить div'ы внутри div'a

   Есть ли способ равномерно распределить div'ы внутри div'a? Внутренние дивы имеют только фиксированную ширину, высота никак не ограничена.

   Asked by gifron, June 10, 2013

   0 votes
   14 answers
8. скрипт для фонового img

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

   Asked by shiz, July 25, 2008

   0 votes
   21 answers
9. Растянуть фрейм/див/картинку/etc на всё незанятое пространство родительской ячейки - как?

   Доброго времени суток! Вроде бы простая задача... Может, я что-то не так объясняю, или гуру вёрстки обходят стороной такие пустяковые темы... Но я уже на трёх форумах побывал, и нигде никто не смог дать ответ. А вопрос в следующем: Есть табличка на две колонки. В левой - меню, а под меню - iframe (с котёнком). В правой - как обычно - контент. Как сделать так, чтобы таблица растягивалась за счёт контента, а фрейм занимал всё оставшееся свободное пространство под меню? На скриншоте слева - то, чего я хочу добиться. Собственно, для Оперы - уже добился, работает. Установил фрейму высоту в 100% и overflow hidden для ячейки. Однако это решение НЕ работает в хроме (скринш…

   Asked by Postscripter, February 23, 2013

   0 votes
   9 answers
10. Выравнивание

    Помогите, пожалуйста. Нужно выровнять текст по правому и левому краю одновременно. Свойство justify не подходит, т.к. нет переноса строки. пам тарам пам пам Нужно выровнять на ширину, к примеру, 40em. Возможно такая тема на форуме уже была, но я ничего не нашла.

    Asked by Nomo, May 12, 2008

    0 votes
    24 answers
11. Хоть убейте не получается :(

    Здравствуйте, господа сиэсэс-гуру. Верстаю сайт и столкнулся вот с какой проблемой. Есть список. Каждый <li> должен выглядеть следующим образом: <li><a><img src="" width="40" height="40" style="float: left;" /></a><a>Текст ссылки, который должен выравниваться вертикально по середине, при том что текст может быть и в две и в три строки</a></li> Если текст в одну строку, то все тривиально выравнивается vertical-align: middle. А вот если не в одну строку... Хоть убейте, не знаю как реализовать без таблиц, да и чтобы во всех браузерах смотрелось одинаково. Просто руки опускаются. Для тех кто не понял чего надо добиться привожу …

    Asked by AssaCSSin, November 14, 2008

    0 votes
    24 answers
12. Как прописать плэйер в аштиэмэле)))

    Как прописать простой плэйер в аштиэмэле для воспроизведения каждого трека отдельно.)))с регулятором громкости,плэйем и стопом.или подскажите как подключить флэш плэеер)))спасибо

    Asked by Энди, January 24, 2010

    0 votes
    29 answers
13. Текст внутри div-a

    Здравствуйте. Только начинаю использовать css, никак не могу разобраться в следующем: есть div, в нем находится текст. Div произвольной ширины. Как сделать так, чтобы текст не вылезал за границы div-a, а переносился на следующую строку? P.S. Если непонятно объяснил - скажите.

    Asked by wertret, April 14, 2011

    0 votes
    3 answers
14. bootstrap, выход за предел container

    Как в bootstrap сделать что бы фон меню(ленточка) выходил за края container? Возможно ли это вообще?

    Asked by Brodyaga337, July 22, 2017

    • bootstrap
    • разметка
    0 votes
    8 answers
15. Резиновый сайт и background-image

    Не могу разобраться как сделать 3-х блочный header. По центру фикс, по бокам резина. По коду, думаю, понятно что хочу сделать: #header-menu-fon { width: 100%; } .header-menu-fon-center { background: url('image/header-menu-fon.jpg')no-repeat; width: 1300px; height: 146px; margin: 0 auto; } .header-menu-fon-left { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: left; } .header-menu-fon-right { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: right; } Пробывал разные вариант, в том числе width:100% у боковых, но в место повт…

    Asked by Ritter, August 9, 2011

    0 votes
    11 answers
16. Вместо изображения белый квадрат

    Не хочет отображаться картинка. (имя файла- clocks.jpg, лежит в папке images)Пока учусь. Работаю в NotePade, в основном, запускаю через лисицу, изображения в браузере включены, ну это на всякий случай. Да и ни в каком браузере не идет. Может, это из-за того, что что-то не так с картинкой, к примеру, повреждена? <html> <head> <title> </title> </head> <body> <img src="images/clocks.jpg" width="307" height="450" alt="часы" align="right" hspace="20"> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p> <p>If you're involved in an internet marketing business, then you've probably already come face-to-…

    Asked by theskyineyes, March 19, 2012

    0 votes
    4 answers
17. Наследование CSS элементарная ошибка, но где?

    Добрый день. Возникла ошибка: на ровном месте. Вероятно что-то не так понимаю в наследовании CSS. Архив с примером (html+css) Вобщем указываю для <body> размер шрифта 12px, но внутри таблицы td он не наследуется и использует 16px непонятно откуда взятый (возможно по-умолчанию браузера?) Помогите пожалуйста новичку!

    Asked by inkerman, March 13, 2012

    0 votes
    7 answers
18. таблица в таблице - не могу выровнять по верху

    Есть таблица1 из одной строки и трех ячеек. Во второй ячейке находится таблица2 с кучей строк и двумя колонками. Проблема в том что мне никак не удается управлять вертикальным положением таблицы2. Верхний е? край никак не хочет совпадать с верхним краем таблицы1. При этом чем больше информации в таблице2 тем существеннее несовпадение. Перепробовал, наверно вс? что только знал и нашел в нете, но ничего не клеится. Если кто-нить сталкивался с подобной проблемой - помогите, пожалуйста

    Asked by Fedotlic, February 14, 2008

    0 votes
    7 answers
19. Высота курсора в поле ввода (Mozilla)

    http://test.sinclairshop.ru/maket.php верхнее поле с поиском - когда ставлю курсор в поле, он получается высотой с поле целиком, а когда начинаешь набирать что-то, то курсор сжимается по вертикали примерно на 2-4 пиксела. Вот как бы сделать так, чтобы курсор всегда был в "сжатом" виде? В IE всё хорошо.

    Asked by d0ublezer0, June 16, 2010

    0 votes
    13 answers
20. Список покидает див

    Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...

    Asked by DeZ, October 24, 2023

    0 votes
    0 answers
21. Как сделать всплывающий текст в html?

    Подскажите пожалуйста какой мне использовать тег, чтобы надпись на странице плавно появлялась и плавно исчезала? Вот, что я пока наш?л: " Some text goes hereзатем с помощью js меняется видимость этого элемента : document.getElementById("my_flashing_text").visibility = "visible", document.getElementById("my_flashing_text").visibility = "hidden" с задержкой через функцию setInterval();" Похоже в этом примере не показано, как менять видимость текста. Может есть какой другой вариан решения этого вопроса? Если не трудно, распишите от а до я, как это сделать.

    Asked by gangztta, April 10, 2008

    0 votes
    1 answer
22. не работает hspace и vspace в mozille

    Коллеги, прошу подсказать как быть в ситуации: есть картинка, вокруг картинки задана белая рамка с помощью css: #author {padding:10px; border:2px solid white;}. В тэге картинки стоят атрибуты hspace и vspace по 5px. В IE (!!!) текст отодвинулся от рамки как положено, а в mozille прилип. Если делать padding-right и bottom, то картинка уезжает от рамки, а рамка стоит на месте, прилипшая к тексту!

    Asked by uncleChalex, October 6, 2010

    0 votes
    7 answers
23. Повернуть текст ?

    Друзья, подскажите, возможно ли повернуть текст на 90 градусов?

    Asked by Zuma, December 4, 2008

    0 votes
    5 answers
24. Как сделать строку таблицы ссылкой?

    Помогите, плиз решить проблему. Нужно, чтобы строка таблицы была ссылкой. Делаю <a href="index.html"> <tr><td><input type='checkbox' name='n1'></td><td>NAME</td></tr> </a> В IE работает, а в Opera не хочет?? Может нужно как-то по-другому?

    Asked by stosen, January 4, 2009

    0 votes
    14 answers
25. Как разместить картинки вертикально?

    Здравствуйте! Я новичок в HTML. Начав изучать столкнулся с такой проблемой: - нужно на сайте разместить картинки в четыре столбца(своеобразная матрица 4х4) - нужно обеспечить кроссбраузерность Должно получиться следующее: картинка - подпись - картинка - подпись - картинка картинка - подпись - картинка - подпись - картинка картинка - подпись - картинка - подпись - картинка

    Asked by free_bird, July 15, 2009

    0 votes
    7 answers