HTML Coding

29,542 questions in this forum

1. Как прижать дочерний блок к низу родительского ?

   Подскажите, как прижать дочерний блок к низу родительского. Разметка такая: <div class="wrapper"> <div class="content"> Здесь некий контент </div> <div class="bottom"> Здесь тоже какой-то контент </div> </div> Вот этот вот блок bottom мне и нужно прижать к низу блока wrapper, и чтобы он был снизу независимо от количества текста в блоке content. Подскажите, пожалуйста.

   Asked by dimacat, November 28, 2010

   0 votes
   4 answers
2. Как прижать к низу элемент навигационного меню

   Пытаюсь прижать к низу элемент навигационного меню. Получилось абсолютно позиционировать эл-т относительно .navbar вот так http://plnkr.co/edit/q3nTJA48nmEgzjGG1LE1?p=preview Однако, при уменьшении окна либо увеличении контента (кол-ва пунктов меню) http://plnkr.co/edit/3RFQhisLDGvGDKrZ535g?p=preview, абсолютно позиционированный пункт меню перекрывает соседние пункты. Как исправить такое поведение? И еще вопрос. Для экранов планшетов и мобильных устройств (ширина < 992px) при разворачивании меню абсолютно позиционированный пункт перепрыгивает от конца контента к низу страницы. Визуально происходит передергивание изображения. Можно ли этого избежать?

   Asked by hike, December 24, 2017

   0 votes
   5 answers
3. Как прижать подвал к низу страницы?

   Как я не пытался на разрешении больше 1663 x 823 съезжает футтер. Помогите! сайт http://kofe.16mb.com/

   Asked by vova.a99, September 15, 2012

   0 votes
   2 answers
4. Как прижать футер к низу при наличии абсолютного блока

   Здравствуйте. У меня вопрос: как прижать футер к низу, если есть абсолютный блок? Или я что-то пропустила, или уже не могу искать. Всегда пользовалась таким способом. Но без абсолютного блока. Если что, вёрстка тут. Спасибо, всем хороших футеров.

   Asked by kattiperk, March 2, 2015

   • футер
   • footer
   0 votes
   3 answers
5. Как прижать футер к низу, после блоков с float.

   Запутался. Сайт двухблочный, с левым float и с правым float в основном блоке с фикс. шириной. Нужно прижать футер к низу. Что делаю: body, html - height 100% основной блок - min-height 100% распорка - height: 80px, clear: both футер - height: 80px, margin-top:-80px, width:100% Метод работает, только если левому и правому блоку (которые с float) задать фиксированную высоту, а если убрать, то метод уже не работает.

   Asked by Ritter, October 10, 2011

   0 votes
   10 answers
6. Как прижать футер к подвалу

   Всем сдрасте, есть такая проблема. Вот сайт http://magdome.ru/ внизу у него есть футер, который начинаешь подымать отрывается от пола, подскажите как решить данную проблему, что бы поднять футер выше, но что бы он остался прижатым к низу? заранее спс.

   Asked by fetfurmoz, March 15, 2014

   0 votes
   1 answer
7. Как прижать футер книзу экрана?

   Здравствуйте! Сразу оговорюсь, что прижимать просто так футер книзу я умею (хоть и считаю это совершенно ненужным...). Теперь к сабжу. Есть такой код (код не мой, просто подходит для примера): Код можно посмотреть на этой странице http://www.xs4all.nl/~peterned/examples/csslayout1.html Там макет из хедера, контента и футера. Причем контент растянут на 100% по высоте. Мне надо сделать так: 1. надо сделать хедер, допустим 100px по высоте 2. надо сделать футер, допустим 100px по высоте 3. самое интересное: надо сделать так чтобы между ними был контент, чтобы он был растянут на всю оставшуюся высоту экрана (как в примере по ссылке), но чтобы, если высота контента превышает вы…

   Asked by Great Rash, March 5, 2009

   0 votes
   8 answers
8. Как прикрепить виджет соц. сетей к левому краю экрана?

   Здравствуйте! На блоге Free-pc.ru решил установить вертикальный плавающий виджет соц. сетей от Share42.ru. Вот его код: <div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>" data-top1="650" data-top2="650" data-margin="-135"></div><script type="text/javascript" src="http://free-pc.ru/share42/share42.js"></script> Но при разных разрешениях экрана он сдвигается влево-вправо. Подскажите пожалуйста как прикрепить виджет соц. сетей "намертво" к левому краю экрана? Как виджет "Отзывы и предложения" Спасибо!

   Asked by Марат, May 6, 2015

   0 votes
   20 answers
9. как прикрепить к нижней области ...

   Добрый день! Есть такая ситуация - нужно реализовать box который прикреплен к нижней видимой области браузера , так что бы не прокручивался и еще был по середине ... Поигрался немного с position но довести до ума так и не смог , помогите пожалуйста ! вот пример : заранее огромное спасибо всем!

   Asked by shinydo, July 30, 2013

   • прокрутка
   0 votes
   2 answers
10. Как прикрепить футер в табличной вёрстке или просто закрепить нижнюю область

    Всем привет! Нужно сверстать страницу именно в табличном варианте и что бы прижать футер к низу, подскажите пожалуйста как это лучше всего реализовать? Заранее спасибо! <html> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> <STYLE> a{text-decoration:none;} TABLE { font-weight: normal; font-size: 8pt; border:none; border-collapse:collapse; border-spacing : 0px; left : 0px; letter-spacing : 0px; right : 0px; } BODY {font-family:Arial Cyr, Arial; font-weight: normal; font-size: 8pt; color: black; .table_name { border: 3px; border-left: 3px solid #83C447; bor…

    Asked by nb21, October 25, 2016

    0 votes
    3 answers
11. Как прикрепить футер к низу внутри элемента див

    Здравствуйте. Возникла проблема - нужно прибить один div к низу другого div. Использовал в стилях div (который надо прибить) position: absolute;bottom:0;width:100%;text-align:center;color:#FFF;А в стилях внешнего (обёртки) div: html, body { width: 100%; height: 100%; margin: 0; background:#000;}#bg1 { width: 100%; height: 100%;}При изменении размеров экрана текст, который прикреплён к низу может налезть на текст, который находится выше "футера". Как ограничить максимальный подъем футера? (то есть доходит до опредедленного значения/места и перестает подниматься вместе с окном браузера)? Спасибо .

    Asked by bvy15963, November 10, 2015

    0 votes
    2 answers
12. Как прикрепить футер к низу страницы?

    Здравствуйте. Искал по форуму, но не нашёл ответа на этот распространнённый вопрос. Вот страница ссылка, на которой траву надо при большом разрешении экрана прибивать к нижней границе браузера, если же разрешение маленькое, то просто пускать после текста. Как это сделать? Благодарю

    Asked by borus, April 12, 2012

    0 votes
    1 answer
13. Как прикртить к нему?

    $output .= "include 'ban1.php'"; Мне надо его прикрутить именно между $output .= "тут" я незнаю как?

    Asked by angelShlesser, March 12, 2009

    0 votes
    4 answers
14. Как прикрутить иконки к адаптивному сайту

    Скажите я новичок пытаюсь перекрутить иконки к сайту номеру тел скайпу иконки http://seoisra.hostenko.com/ Ну и при изменении экрана они гуляют на нужно что бы возле номера были с лева. Только я не пойму , мне нужно медиа запросами подгонять , прописывать каждое значение для разных экранов ? не могу сообразить как через bootstrap все наладить.

    Asked by virtas, January 16, 2016

    • иконки
    • адаптивный сайт
    0 votes
    6 answers
15. Как прикрутить карусель?

    Хочу взять слайдер отсюда http://labs.juliendecaudin.com/barousel/#ba_demos в html пишу <div id="any_id" class="barousel"> <div class="barousel_image"> <!-- image 1 --> <img src="image_1.jpg" alt="" class="default" /> <!-- image 2 --> <img src="image_2.jpg" alt="" /> <!-- image xx --> <img src="image_xx.jpg" alt="" /> </div> <div class="barousel_content"> <!-- content 1 --> <div class="default"> [any html content] </div> <!-- content 2 --> <div> [any html content] <…

    Asked by DivMan, August 27, 2014

    0 votes
    6 answers
16. Как прикрутить объект div к нижней части сайта

    Как прикрутить объект div с position:fixed к нижней части сайта, браузера. Что бы при resize браузера положение div не скрывалось, как будто этот div часть браузера?

    Asked by gargon2008, November 27, 2010

    0 votes
    1 answer
17. Как прилепить футер слева внизу страницы

    Доброго времени суток. Перепробовал массу вариантов, может кто тоже сталкивался с такой проблемой. Нужно сделать футер внизу слева, чтоб спускался вместе с резиновым основным блоком или поднимался если текста мало. Но на деле получается он стоит в середине или далеко внизу. Буду благодарен за любые советы, но желательно все это сделать в css, хотя уже начинаю думать что невозможно =) Страницу с кодом можно посмотреть здесь http://promalp-technology.ru/. По ссылке на изготовление рекламы маленький объем текста. Заранее всем спасибо.

    Asked by Makintosh, March 28, 2012

    0 votes
    0 answers
18. как прилинковать файл js ?

    здравствуйте. подскажите, пожалуйста, как правильно прилинковать файл js (если он будет находиться с отдельной папке) к файлу html ? вот так линкую css : <link rel="stylesheet" href="css/1_text.css" type="text/css"> а для файлов js эта строчка как должна быть написана? спасибо.

    Asked by Нusuf, May 20, 2012

    0 votes
    4 answers
19. Как применить один файл CSS к IE6 и 7, а другой к другим броузерам?

    Как применить один файл CSS к IE6 и 7, а другой к другим броузерам? Для IE версий старше 6 надо применить iestyle.css , а для всех остальных otherstyle.css. Как такая процедура описывается?

    Asked by nonickname, February 3, 2009

    0 votes
    5 answers
20. Как применить свойство к родительскому элементу?

    Пытаюсь отформатировать ссылку в ячейке таблицы (сдвинуть вправо, и т.п.). Дописать стрелку к надписи получается, но сдвинуть её - нет. Если я правильно понимаю, из-за того, что тэг <a> - строчный контейнер, и свойство надо бы применить к ячейке таблицы, но ищем мы гиперссылку. <tr> <td width="30%"><a href="/news/2948/">Подробнее&nbsp;</a></td> </tr> CSS: /* пририсовываем к надписи стрелочку, работает */ td a::after { content: '\A0\21D2'; } /* пытаемся выровнять по правому краю - не работает */ td>a:link { text-align: right; font-weight: bold; } Может есть какой-то способ отформатировать яче…

    Asked by SergeAnt, June 11, 2021

    0 votes
    7 answers
21. Как применить стили для элемента только в том случае, если он в теге del

    Теперь человеческим языком. Цена на сайте выводится так: <p class="price"> <del> <span class="woocommerce-Price-amount amount">4800&nbsp;<span class="woocommerce-Price-currencySymbol"><i class="fa fa-rub" aria-hidden="true"></i></span></span> </del> <ins><span class="woocommerce-Price-amount amount">4700&nbsp;<span class="woocommerce-Price-currencySymbol"><i class="fa fa-rub" aria-hidden="true"></i></span></span></ins> </p> Конструкция выше выводит две цены: старую, новую по акции. Я хочу поменять цвет старой цены, но там классы одни …

    Asked by Артишок, February 19, 2019

    0 votes
    1 answer
22. Как применить стиль к картинке в ячейке таблицы

    Запутался с синтаксисом, почитал про дочерние, но что-то не работает.. table > tbody > tr > td > p > a > img {max-width:150px;}Как правильно оформить? спасибо., такой вариант я первым делом и делал.. а проблема оказалось в другом, просто для страницы был отдельный css..

    Asked by nikki4, June 12, 2015

    0 votes
    1 answer
23. Как применить стиль к лейблу чекнутого инпута?

    Как сделать, что если выбрана радиокнопка, тогда лейблу присвоить такой-то стиль? <div class="radio"> <label><input name="option[10]" value="45" type="radio">50</label> </div> недавно задавал похожий вопрос только там была картинка, а не цифра input[type="radio"]:checked ~ img { Попробовал по аналогии: input[type="radio"]:checked ~ label { но не сработало

    Asked by nikki4, February 13, 2017

    0 votes
    1 answer
24. Как применить стиль к элементу 1 и 2 блока обертки?

    Вот наброски, пробовал с :nth-child не сработало

    Asked by nikki4, April 21, 2017

    0 votes
    1 answer
25. Как применить стиль только к таблице-контейнеру

    <style type="text/css"> table#cntab {border-collapse:collapse} table#cntab td, table#cntab th {border:solid 1px black} </style> <table id="cntab"> <tr><th>Column</th><th>Feature</th></tr> <tr> <td>ID</td> <td> <asp:RadioButtonList ID="IDColOption" runat="server"> <asp:ListItem Value="ordinary" Text="Ordinary column"></asp:ListItem> <asp:ListItem Value="pk" Text="Is primary key"></asp:ListItem> <asp:ListItem Value="pkafter" Text="Primary key applied after filling"></asp:ListItem> </asp:RadioButtonList> </td> </tr> <tr…

    Asked by Webr, April 23, 2009

    0 votes
    2 answers