HTML Coding

29542 questions in this forum

1. Вертикальное выравнивание на flex

   Добрый день. Хочу разобраться с вертикальным выравниванием на flex. Допустим такая задача как на картинке. Желтому блоку я задаю: { height: 300px; display: flex flex-flow: column nowrap; justify-content: center; align-items: center; } И все встает как надо, но только если нам известна высота желтого блока. Вопрос такой, как избежать указания фиксированной высоты для желтого блока?

   Asked by BehemothOz, March 28, 2016

   0 votes
   1 answer
2. позиционирование слоя

   Подскажите пожалуйста как сделать так чтобы определенный слой всегда оставался на месте в определенном месте на экране и не менял своего положения даже при пролистывании веб-страницы. С помощью position: fixed; ничего сделать не получаеться!

   Asked by Ddroid, September 19, 2007

   0 votes
   6 answers
3. Помогите освоить безтабличную верстку

   Пытаюсь осваивать безтабличную верстку и с каждым новым случаем все больше и больше радуюсь тому, как это все работает %( Помогите, пожалуйста, разобраться, откуда берутся зазоры справа и слева от синего блока id="header", вот здесь: http://www.interlink.pl.ua/~bvn/test/test.html Зазоры есть только в IE, в нормальных браузерах зазоров никаких нет, как и не должно быть. Как вылечить? Помогите, сдурею скоро

   Asked by bvn, October 24, 2007

   0 votes
   8 answers
4. выравнивание DIV

   Не пиннайте сразу, дочитайте до конца.Не наш?л такой темы по поиску, поэтому создаю новую. Как выровнять меню во внутреннем тэге div по середине экрана горизонтально? Проблема в том, что не известна ширина и задать ж?стко е? нельзя, клиент сам изменяет меню, и она будет плавающей, но меню всегда должно центрироваться. Основная проблема в том, что не получается сделать минимальной ширины по контенту, расползается на 100%. А все подпункты меню разумеется должны быть выровняны слева. Вот пример кода меню: <div style="background:#FFFFFF;width:100%;"> <div style="background:#FFFFFF;color:#335533;"> <ul style="background:#FFFFFF;color:#335533;"> <li sty…

   Asked by DjDance, February 26, 2008

   0 votes
   10 answers
5. Воспроизведение видео на странице без подключения к интернету....

   Помогите пожайлуста, это очень срочно. У меня щас идет дипломное проектирование, тема называется "Разработка электронного учебника по программированию". В этом учебнике должны будут быть видео материалы обучабщего характера. То есть эти видео-ролики должны как-то грузится с самого компьютера. Подключение к интернету отсутствует. Использовать нужно только html и java script.... На странице http://htmlbook.ru/html/object.html посмотрел и всерано немогу понять... Вопрос: как сделать что бы ролики показывались и ими можно ыбло управлять(перемотка, пауза....) ??

   Asked by Антон, June 5, 2008

   0 votes
   11 answers
6. Текст и картинки по центру...

   Как вывести в ряд следущее: тест-картинка-текст-картинка-текст и чтобы было отцентровано (вертикальное центрирование)? <style type="text/css"> #navcontainer ul li { display: inline; } #navcontainer ul li a { padding: 12px 5px 0 5px; text-decoration: none; text-transform:uppercase; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><b>Text 1</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li> <li><a href="#"><b>Text 2</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li> <li><a href="#">&lt…

   Asked by iAL, March 3, 2009

   0 votes
   14 answers
7. Селестор :after/before для элемента select

   Не работает селестор :after/before для элемента select http://jsfiddle.net/39W6F/. В чем причина? Или у :after/before есть какие-то ограничения на использование?

   Asked by CoDy, November 8, 2013

   0 votes
   2 answers
8. Форма на css/css3

   Здравствуйте. Как сделать подобную форму на css/css3?

   Asked by Jeka778, February 24, 2014

   • css
   • css3
   • форма
   • вёрстка
   0 votes
   11 answers
9. Как правильно нарезать

   Подскажите пожалуйста, как правильно нарезать и сверстать такой дизайн (интересуют основные моменты - бэкграунд, узоры) : www.erges.com/main7.jpg Особенно волнует логотип с тенями. Стоит ли вообще возиться с этими тенями, или вс? равно коряво будет?

   Asked by vip, August 27, 2007

   0 votes
   7 answers
10. Png и джава в меню

    При попытке сделать меню у меня возникли некоторые затруднения. Меню-навигация достаточна простоя: Шесть пунктов-кнопок-эьл текстовые картинки-в формате png. Не для кого не секрет что pnp некорректно отображается в Интернет Эксплорере. Я так вставляю pnp в html: ЭТОТ КОД В ЦСС .png { //background-image: none ! important; behavior: url('pngfix.htc'); } ЭТО КОД В HTML style="background-image: url('picture/01_nac.png');width:206;height:13;" onmouseover="'picture/about_ac.png'" onmouseout="'picture//about_ac.png'"> about_nac.png'- это не наведенная кнопка about_ac.png'- это наведенная кнопка В результате ненаведенная кнопка отображается нормально,а событие навед…

    Asked by Igorock, December 26, 2007

    0 votes
    7 answers
11. процентная ширина в ие7

    Доброго времени суток! Столкнулся с такой проблемой: в ие7 процентная ширина блоков трактуется по-своему (блок вместо например 30% растягивается по содержимому и не более). Когда задаются фиксированные значения в пикселях, все начинает работать. clientWidth при этом выводит величину "0" (другие браузеры показывают вполне конкретные ненулевые значения). Причем на сайте это не единичный случай. В ие6 подобного не наблюдалось. Кто сталкивался с подобным багом (или не баг это)? Как с ним бороться? На сайте много ситуаций, когда без процентов не обойтись!!!!

    Asked by zascia, April 9, 2008

    0 votes
    9 answers
12. float для блока с position absolute и отступом

    Подскажите пожалуйста, как вставить, баннер в середину (примерно) каждой статьи. Баннер задан в шаблоне и не меняется. Я вставляю код баннера в div оформляющий вывод статей, делаю отсуп сверху и position absolute, чтобы баннер попал примерно в середину статьи. Такой код оформляет баннер: При этом обтекание текстом не происходит, но баннер фиксируется на позиции и прокручивается вместе с текстом, остается только сделать каким-то образом обтекание.

    Asked by maxs, May 1, 2011

    0 votes
    18 answers
13. Проблема с границами

    Всем доброго времени суток. Выполняя тестовое задание, столкнулся с проблемой. Сделал меню. В условия было указано, что надо использовать только css и html: http://jsfiddle.net/...ebee1993/WxdQp/ Проблема: Перегородка между элементом основного меню и раскрывающимся под ним списком должна отсутствовать. Выслушаю любые предложения. Заранее благодарен

    Asked by Bumblebee, July 13, 2013

    • меню
    • css
    0 votes
    24 answers
14. checkbox внутри option

    Скажите пожалуйста, как запихнуть checkbox'ы во внутрь прокручивающегося списка?

    Asked by cx717, April 24, 2008

    0 votes
    5 answers
15. Вертикальное меню и ваша помощь

    Здравствуйте. Я сделал вертикальное меню следующим образом. Создал список, ввёл для него стили, а перед и после тега ul вставил два дива с рисунками, чтобы свиток получился. Все браузеры радостно приняли моё меню, а IE развращает. 1. Подскажите пожалуйста, что мне надо исправить в коде или улучшить. 2. Если не трудно, подскажите пожалуйста, как от слова "Книги" сделать небольшой отступ, чтобы при этом сам список оставался неизменным.

    Asked by Sayitright, October 16, 2009

    0 votes
    15 answers
16. Как такое сверстать дивами?

    Как такое сверстать дивами, учитывая что панель имеет динамичную высоту? Вот что я наваял: <div style="width:16px; height:15px; float:left; background: url(menu_header_l.png) right no-repeat;">1</div> <div style="width:240px; height:15px; float:left; background: url(menu_header_c.png) center repeat-x;">2</div> <div style="width:16px; height:15px; float:left; background: url(menu_header_r.png) left no-repeat;">3</div> <div style="clear:both;"></div> <div style="width:16px; float:left; background: url(menu_l.png) right repeat-y;"> <div style="width:12px; height:15px; background:#cae4fd; margin-left:4px;">4</…

    Asked by mff, February 4, 2010

    0 votes
    15 answers
17. Input URL

    Люди добрые, подскажите пожалуйста как сделать через инпут УРЛ. Перепробовал все что знал, не работает... Вот сайтец, если что. Нужно изменить кнопки, которые слева находятся.

    Asked by RedEclipse, May 18, 2010

    0 votes
    9 answers
18. Реализация баттона с чекбоксом в Bootstrap 4

    Всем привет, На сайт с Bootstrap v4.0.0-alpha.6 пытаюсь перенести реализацию баттона с чекбоксом из Bootstrap 3.3 live там логин по умолчанию - кнопка рядом с инпутом для загрузки картинок Код : <div data-toggle="buttons" class=" "> <label class="btn btn-primary btn-sm padding_sm" aria-pressed="false"> <input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox"> <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>Clear </label> </div> С определением only_checkbox в style: input.only_checkbox:not(:checked) + .fa-check { visibility: hidden !i…

    Asked by mstdmstd, July 8, 2017

    0 votes
    10 answers
19. способы проверки вёрстки

    интересно знать кто какими способами проверки качества вёрстки обычно пользуется? можете к этому списку добавить что-нибудь важное?

    Asked by cyklop77, August 23, 2011

    0 votes
    12 answers
20. Как лучше реализовать?

    Всем доброго дня. Проблема такова: на сайте, в статьях, я использовал конструкции такого типа: <div style="padding-top:10px;padding-bottom:5px;"></div>— ну это же бред, понятно. Конечно, я должен был прописать это стилях, но увы, мне в одном случае нужен отступ в 5 пикселей, а в другом — в 10, 15. Как лучше реализовать это? Чтобы код не выглядел так убого. Спасибо.

    Asked by Багдыч, February 16, 2014

    0 votes
    21 answers
21. Как отменить обтекание текст label а вокруг checkbox.

    По дизайну нужно сверстать вот так: Получается вот так: Fiddle Как можно делать делать так, чтобы получилось по дизайну. Спасибо.

    Asked by parnas, November 10, 2014

    0 votes
    3 answers
22. CSS, ul и IE - не применяет стиль

    Есть такой вот кусок кода html: <div class="metro"> <h3>Метро:</h3> <ul> <li><span class="trig">Северный округ</span> <ul class="inc"> <li class="off" id="a1"><a href="http://www.uromax.ru/category/AEROPORT">Аэропорт</a></li> <li class="off" id="a2"><a href="http://www.uromax.ru/category/VOIKOVSKAYA">Войковская</a></li> <li class="off" id="a3"><a href="http://www.uromax.ru/category/DINAMO">Динамо</a></li> <li class="off" id="a4"><a href="http://www.uromax.ru/category/PETROVSKO-ROZUMOVSKAYA">Петровско-Розумовская</a></li> &…

    Asked by the_ghost, November 18, 2007

    0 votes
    3 answers
23. Проблема с PNG

    Короче ситуация такая: Имеется див <div class="main-search-block"><!-- // --></div> В нем форма и другие данные... Есть его стили: .main-search-block { width: 693px; height: 76px; background: url(main-search-block-bg.png) no-repeat; position: absolute; top: -28px; left: -528px; z-index: 5; } Как видно - бэкгроунд сделан с помощью полупрозрачного PNG... Который не работает в IE6. Для IE6 пишу стиль: .main-search-block { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/../../main-search-block-bg.png'); } Прозрачность появляется. Но! Как только я поставил прозрачный бэкгроунд - все содержимое дива (форма, ссылки и т…

    Asked by DjTarik, July 8, 2009

    0 votes
    15 answers
24. Переход между страницами без обновления шапки

    Полазил по одному сайту и вот на что обратил внимание. Там при переходе со страницы на страницу, длительность загрузки может составлять до 2-х секунд, но при этим шапка и левая колонка даже на миг не пропадают с экрана. Обычно, на других сайтах, в такой момент старая страница пропадает, а новая появляется в нескольких разных вариантах, соответствующих разному объему загруженной информации. Количество этих вариантов зависит от продолжительности загрузки и частоты обновления рабочей области браузера. Здесь же вариации испытывает только содержимое центрального, блока. Я сначала было подумал AJAX, но приглядевшись к коду, понял, что это чистый HTML. И суть эффекта, таким обра…

    Asked by freeneutron, March 6, 2011

    0 votes
    8 answers
25. Резиновый фон для меню. Дайте совет...

    Ребят пожалуйста помогите. Вот честно юзал поиск, но не нашел подобной темы. Интересует мнение опытных верстальщиков. Ситуация следующая http://linkme.ufanet.ru/images/2e5e9e0e12db0195fe7d601beb4aa5bf.jpg набросал макет. Имеется три блока <div>. 1-header 2-menu 3-content в 1 все понятно. Логотип, телефон и т.п. Ширина фиксированная допустим 1000px margin:0 auto; 2-меню ! Блок шириной 100% Вот тут то моя проблема. Ломаю голову целый день не могу найти красивого решения проблемы, и некрасивого не нашел. Возможно все делается просто, но я не могу найти выход... Вроде и опыта не мало, но как коса на камень... Что тут требуется, а нужно сделать след. на картинке изоб…

    Asked by Rasel, May 6, 2011

    0 votes
    13 answers