HTML Coding

29542 questions in this forum

1. Как расположить radio input вертикально?

   Подскажите, пожалуйста, radio input с кнопкой выстроились горизонтально, нужно вертикально. Подскажите, пожалуйста, как преобразовать? Спасибо! <div class="voiting"> <span>How long have you...</span> <form method="post" action="#"> <label class="form__input"> <span>Youtube</span> <input type="radio" name="radio" value="youtube"> </label> <label class="form__input"> <span>instagram</span> <input type="radio" name="radio" value="instagram"> </label&g…

   Asked by Алеся, June 12, 2021

   0 votes
   8 answers
2. Как расположить блоки таким образом (фон блоков выходит за пределы wrapper)?

   Добрый день! Подскажите, как расположить блоки таким образом как на картинке. Текстовые блоки, я думаю, можно разместить с помощью Masonry. И напрашивается обернуть эти блоки во #wrapper, разместить его посредине...... Но как быть с моментом что в таком случае фон блоков выходит за пределы #wrapper? Тут же уже не получится задать background для body и размещать весь контент внутри wrapper?....

   Asked by VeraVostro, November 17, 2017

   • html
   • css
   • masonry
   0 votes
   11 answers
3. Как расположить в таблице 3 фрейма

   1. Расположить главную таблицу. 2. В главную таблицу расположить еще одну таблицу, с 3мя ячейками 3. В каждой ячейке должен быть фрейм. Как можно реализовать задуманное?

   Asked by sheyker, May 18, 2009

   0 votes
   4 answers
4. как расположить гифку в нужном месте

   Задумка была такая: В бакграунде столбца табличного дизайна, висит картинка подсвечника с огарком свечи. Над ним хотел расположить гифку горящего огонька. Но огонек висит слишком высоко над огарком и немного правее. Как его подвести к нужному месту? Пробовал абсолютное позиционирование в CSS, почемуто ничего не получилось. Как можно еще в браузере расположить гифку в нужном месте? Спасибо. Хотел вставить скриншот, но не понял как это здесь делается.

   Asked by Arucks, March 1, 2014

   0 votes
   2 answers
5. Как расположить два div-а в ряд?

   А именно чтобы один был слева а другой справа, и когда ресайзиш страницу в браузере той блок что спррава не двигался за бордюром, и не заслонял логотип. как щас - test На планшете и телефоне правый див вылазит на середину.

   Asked by NOCaut, October 11, 2014

   0 votes
   2 answers
6. Как расположить два дива один под другим, чтобы текст обтекал их обоих.

   Смотрите картинку: https://docs.google.com/drawings/pub?id=1KEb29JC9JPVgT7bpJGaqvyYHKZyfQV-IEInT28-TRLc&w=960&h=720 HTML код: <div class="div-1"></div> <div class="div-2"></div> <span class="text">текст</span> HTML менять нельзя.

   Asked by krokodily, May 31, 2011

   0 votes
   4 answers
7. Как расположить два изображения в линию в резиновом блоке

   Товарищи, подскажите как решить проблему. Нужно расположить два изображения рядом в резиновом блоке, что добавить в ".banners img"? На скрине наглядный пример <section class="banners"> <img src="img/banners/nike.png" alt="" class="left-banner"> <img src="img/banners/caps.png" alt="" class="right-banner"> </section> .banners { width: 1300px; max-width: 100%; } .banners img { border: 1px solid #e5e5e5; }

   Asked by art201214, August 3, 2016

   0 votes
   8 answers
8. Как расположить дивы в одну строку (в 2 столбца)

   Здравствуйте! Так как я новичок, значит думаю, я правильно выбрала раздел форума... Проблема такова: имеется блог с рецептами, сейчас занимаюсь расположением рекламы от гугла. Хочу разместить текстовый рекламный блок рядом с маркированным списком ингредиентов. Как я понимаю, если использовать верстку дивами, нужно поместить список в один див, а рекламу в другой. Какие параметры нужно задать дивам, чтобы они не разбегались по все странице. Пробовала с помощью float:left/right;, но все расплылось. Текст ниже этих блоков вылез на место рекламного блока, а рекламный блок завис над ним.

   Asked by svetlaya, August 26, 2012

   0 votes
   1 answer
9. Как расположить изображение внизу?

   Здравствуйте! Очень неудобно такое спрашивать, но никак не могу заставить изображение размещаться внизу экрана! Код: <div style="height:500px;"> <img width="100"height="250"src="bla-bla-bla.jpg"align="BOTTOM"> </div> В итоге - эта картинка, как отображалась вверху блочного элемента - так и отображается! Причем align="left" или align="right", или align="top" работает - т.е. имага нормально себя ведет и позиционируется соответственно как ей было указано. А вот align="bottom" нифига не работает - не хочет она вниз - хоть убейте! Как быть? Спасибо.

   Asked by rome.ro, December 25, 2008

   0 votes
   3 answers
10. Как расположить изображение и текст по левому и правому краю. В заголовке

    style.css index.html

    Asked by digenis, November 10, 2019

    • текст
    • images
    • img
    • изображение
    • блочные
    • блочные элементы
    • css
    • html
    • блок
    • оформление текста
    0 votes
    3 answers
11. как расположить картинки-ссылки по горизонтали?

    1)Вобщем расположить простые картинки так чтобы они шли одна за другой по горизонтали легко - пишешь align=left и все, но если также написать для ссылок, то картинки налазят одна на другую: <a href="1.html" > <img src="1.jpg"> </a> <a href="2.html" align="left"> <img src="2.jpg"> </a> можно ли что-нибудь сделать НЕ используя абсолютное позиционирование и таблицы? 2)Если ситуация аналогичная, но надо расположить по горизонтали 2 DIV'a ?

    Asked by Umnik1, October 24, 2008

    0 votes
    5 answers
12. Как расположить картинку в середине div-блока

    Вот пример, во втором блоке всё нормально, а вот в первом свойство float мешает. Как можно расположить картинки в обоих блоках в центре? http://jsfiddle.net/TTLJQ/1/

    Asked by alleclf, December 6, 2013

    0 votes
    6 answers
13. Как расположить кнопки социальных сетей в ряд?

    Добавляю на блог кнопки социальных сетей. Вот код: <div class="box-content"> <div id="vk" style="float:left;margin:20px 20px 20px 20px;"> <!-- Put this div tag to the place, where the Like block will be --> <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "vertical"}); </script> </div> <div id="twitter" style="float:left;margin:20px 20px 20px 20px;"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Anton_Medvedev" data-lang="ru">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"&g…

    Asked by seomedved, June 11, 2011

    0 votes
    11 answers
14. Как расположить неизвестное число блоков <div> всегда в одну строку?

    Здравствуйте Есть такая разметка: <div class="your-class"> <div class="element">your content</div> <div class="element">your content</div> <div class="element">your content</div> ... <div class="element">your content</div> </div> количество дивов внутри заранее не известно и может быть очень большим. Какие стили можно применить, чтобы вне зависимости от количества внутренних блоков они располагались в 1 строку, уходящую бесконечно вправо? Высота внутренних блоков может быть разной, желательно чтобы родительский див подстраивался под самый высокий

    Asked by borus, May 26, 2016

    0 votes
    2 answers
15. Как расположить один div под другим?

    Всем привет! У меня есть 2 div'а на странице, мне нужно, чтобы они располагались один под другим и верхний занимал по высоте 10% страницы, а нижний - 90. Сделал вот так <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Main page</title> </head> <body> <div style="position: absolute; height:10%; width:100%; background-color: #086FA1"> </div> <div style="position: absolute; height:90%; width:100%; background-color: #FF0000"> </div> </body> </html> В итоге второй див, который 90%, наезжает на первый и перекрывает его, а мне нужно, чтобы второй распо…

    Asked by Someone, July 4, 2019

    0 votes
    2 answers
16. Как расположить один блок поверх другого?

    В продолжение этого топика. Имеется 2 блока. В одном - фон, составленный из обрезков. В другом - собственно контент. Задача: расположить второй блок (div с контентом) поверх первого так, чтобы фон покрывал весь контент. Фон (в 1 блоке) сделан в виде таблицы 3x3, в которой боковые стороны тянутся, а углы - фиксированного размера. Это для того, чтоб фон был резиновым не только по горизонтали, но и по вертикали. Поэтому просто вложить слой с контентом внутрь слоя с фоном не получится. Если абсолютно позиционировать фон - то он отрисовывается поверх контента, так что это тоже не подходит. <div id="page"> <div id="page-back"> <div class="back-2"><div…

    Asked by Lex-DRL, March 19, 2010

    0 votes
    11 answers
17. Как расположить один блок поверх другого?

    Люди добрые, помогите разобраться. Я хочу один блок рассположить над другим что бы второй полностью закрывал первый, а родитель растягивался или сжимался автоматом в зависимости от того виден в данный момент второй или нет. У меня есть решение, через float и margin, которое работает в Firefox: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <div style="float:right;margin:0px;padding:0px;width:auto !important;position: relative !important;border:1px solid black;background-color:#f9f9f9"> <div style="display:block;float:left;width:100%"> Оглавление №1</div> <!-- hack for firefox and chrome --&gt…

    Asked by Входящий, January 6, 2013

    • div
    0 votes
    0 answers
18. Как расположить три блока по горизонтали?

    Добрый день! Начинающий в всерстке,делаю пробный шаблон. Вот столкнулся с следующей задачей, внутри Id=content находится 3 блока, все эти три блока должны располагаться по горизонтали. Пробовал делать через float:left, а затем в футере прописывал clear:both; Но к сожалению футер постоянно залазил вверх на блоки id=conent. Тогда решил сделать через display:inline-block; но в таком случае все если растягивается первый левый блок, второй и третий блок смещается вниз. style.css @charset "utf-8"; { text-decoration:none; color: #000; } a:hover{ text-decoration:underline; } a img{ border:0; } b{ font-weight:bold; } i{ font-style:italic; } u{ text-decoration:under…

    Asked by Zircool, December 2, 2011

    0 votes
    3 answers
19. Как расположить фон под страницу сайта.........

    Привет всем...Учусь верстке уже как месяца полтора, многое ни понимаю многое ни знаю. Помогите пожалуйста. Хочу расположить фон так чтоб он был под уже готовой страницей,верхняя часть чтоб выступала достаточно много ну примерно на 40% экрана, и чтоб виднелись боковые стороны заднего фона.. Заранее спасибо за ответ...

    Asked by kalyan, July 23, 2012

    0 votes
    1 answer
20. Как расположить форму поиска на одной линии с логотипом?

    Что-то оно не хочет у меня в ряд вставать. Скриншот http://i.imgur.com/MmhcYyB.png Код тут https://github.com/l1nx/CorporateBlue

    Asked by L1nx, October 24, 2014

    0 votes
    3 answers
21. Как расположить элементы на странице таким образом?

    Здравствуйте. Есть вот такой HTML-код: <div> <h3>Настройка модема</h3> <ul> <!-- Первый элемент —> <li> <a href="#"> <img width="59" height="59" src="https://test.lan1.by/no_image.png" alt="" /> Как подключить ZALA по Wi-Fi на ZTE F660v5 </a> <div> <span class="date"><i class="fa fa-clock-o fa-lg" aria-hidden="true"></i> 03.11.2017</span> <span class="view"><i class="fa fa-eye fa-lg" aria-hidden="true"></i> 1300 просмотров</span> <span class="comments"><i class="fa fa-comments fa-lg" aria-hidden="tru…

    Asked by marchenkovby, November 23, 2017

    0 votes
    7 answers
22. Как расставить ссылки равномерно.

    Учусь делать шапку. Так вот,одна проблема мне не даёт покоя,где я только не искал : Файлы Хочу чтоб 3 ссылки в блоке располагались равномерно.Я уже и дивы и спаны и списки пробовал,и всякие команды типа дисплей,текст-аллайн и тп Но получается только или в середине кучкой,или слева.

    Asked by tatunserg, July 3, 2017

    0 votes
    2 answers
23. Как расставить три div-а?

    Здравствуйте. Как расставить 3 div-a чтобы третий был под первыми двумя. <div id="wrap"> <div id="header"> <div class="logo"></div> <div class="description"> </div> <div id="header_nav"> <ul> <a href="#"><li>Link 1</li></a> <a href="#"><li>Link 2</li></a> <a href="#"><li>Link 3</li></a> <a href="#"><li>Link 4</li></a> <a href="#"><li>Link 5</li></a&gt…

    Asked by cryptus, March 8, 2015

    0 votes
    13 answers
24. Как расстянуть контейнер до подвала?

    Здравствуйте! Возникла проблема которую не могу решить, вернее не хватает знаний в области css., сам макет делал с помощью всем известного http://csstemplater.com/ и выбрал опцию "прижать футер к подвалу". В результате чего футер прижался, но контейнер так и не расстегнулся до футера. Затем с помощью текстуры решил создать тень по бокам и вот тут и возникла головная боль, пробовал и так и эдак., пожалуйста помогите решить проблему, буду очень признателен.

    Asked by volse6nik, January 6, 2012

    0 votes
    10 answers
25. как расстянуть несколько вложенных div-вов по высоте

    Сайт со сложной версткой бэкграундов. Нужно расстянуть несколько вложенных div-вов по высоте (.wp1, .wp2, .wp3), чтобы футер при этом был прижат к низу. Расстягивается только wrapper, а .wp1, .wp2, .wp3 - НЕТ!!! Буду очень благодарен за совет. Вот код: <html> <title>Макет</title> <style type="text/css"> * {margin: 0; padding: 0;} html, body {height:100%;} body {min-height:100%;} .wrapper, .wp1, .wp2, .wp3 { position:relative;min-height:100%; height:100%; width:1000px;} * html .wrapper,* html .wp1, * html .wp2, * html .wp3 {height:100%;} /* хак для ie6 */ .header {background: blue;} .sidebar {float:left; width:200px; background: red;} .content {flo…

    Asked by sarlv, December 19, 2008

    0 votes
    2 answers