HTML Coding

29542 questions in this forum

1. 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
2. Должен ли верстальщик уметь натягивать шаблон на cms?

   Должен ли классический верстальщик уметь натянуть свою верстку на шаблон. И не выходит ли тогда, что это уже не верстальщик, а целый человек-пароход? И что должен делать тогда программист, если верстальщик делает ЭТО?... Если верстальщик натягивает дизайн на cms, то выходит из цепочки создания сайта выпадает php-программист и сайт целиком и полностью создают 2 человека - дизайнер и верстальщик. Более того, натянув шаблон, верстальщику еще придеться помогать с какими-то вылезшими артефактами, вроде подключенной формы не имеющей нужного дизайна. И нужно ли это верстальщику, сидеть и скурпулезно разбираться с большим количеством функций, что есть в каком-то движке? И возможн…

   Asked by Zverushka, July 25, 2013

   0 votes
   17 answers
3. Кросбраузерная верстка

   Здравствуйте, пожалуйста подскажите в чем я мог заплужить. FF и IE отображают страничку, а опера смещает блоки в хедере и позиции в левой области странички. Вот она моя верстка darkly.org.ua

   Asked by 550953, May 11, 2008

   0 votes
   10 answers
4. не работает 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
5. Три колонки, крайние тянутся, центральная фиксированной ширины.

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

   Asked by mozart, October 8, 2008

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

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

   Asked by Zuma, December 4, 2008

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

   Добавляю на блог кнопки социальных сетей. Вот код: <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
8. height:100%; + scrollbar

   Примерно получается следующее: голый html без DOCTYPE! + CSS, таблицей заданы колонки: 200 пикс., 60% и 40% остального пространства (еще одна встроенная таблица). В колонке с шириной 60% надо встроить блок (не обязательно div, можно все что угодно в рамках html(xhtml)+css), который будет растягиваться по ширине на 100% колонки, и на 100% по высоте оставшегося ОКНА БРАУЗЕРА (под "оставшегося" понимается наличие сверху хедера и снизу - футера) и имел полосу прокрутки. То есть я хочу сделать так, что бы сайт не вылезал за пределы окна браузера вообще ни по горизонтали, ни по вертикали с, практически, любым разрешением мониторов (практически потому, что я не беру в учет разре…

   Asked by mozart, May 15, 2008

   0 votes
   8 answers
9. Как скрывать/показывать поле в зависимости от выбранного в списке?

   есть обычный список, и пару текстовых полей. Как делается так, что при выборе "красного" автоматически активируется поле куда надо ввести что-то красное, а поле для зеленого - скрыто. как только выбирается зеленый цвет, то красное поле пропадает, и предлагают ввести зеленое <select name="color"> <option value="red" >красный/option> <option value="green">зеленый</option> </select> <input type="text" name="red_color" value="введите что-то красное" /> <input type="text" name="green_color" value="введите что-то зеленое" />

   Asked by nikki4, October 11, 2016

   0 votes
   5 answers
10. Как растянуть картинку по вертикали?

    Доброго времени суток, форумчане! Подскажите пожалуйста, как растянуть картинку для фона по вертикали? Имеется сайт на Денвере Имеется картинка которая разрезана пополам, одну половинку нужно поместить в левую область (помеченную красным контуром) а другую в правую. Заранее спасибо! UPD: вот примерно то чего я добиваюсь Тыц

    Asked by Nikolaus62, November 12, 2012

    0 votes
    6 answers
11. Аттрибут title на мобильном

    Сделал отличный дизайн на бутстрапе. Почти все хорошо и на мобиле и на компьютере, но возникла серьнзная проблема — на мобилах не всплывают подсказки title. А это значимо — много сокращений и иконок. Особенно если это еще и ссылка. Если подсказки сделать на css, а на мобилах их отображать всегда как текст, то станет невозможно быстро воспринять информацию. Будет не информация, а одни подсказки расшифровки. Какие вообще есть подходы к этой проблеме. Пока вижу только один выход — собирать все подсказки/расшифровки по группам и выводить списком внизу страницы. Но опять же надо много чего лапатить и на ПХП и на js в ажаксе.

    Asked by Gwendolen, April 9, 2018

    • title
    • мобильный
    • смартфон
    0 votes
    7 answers
12. Flash перекрывает выпадающее меню

    Добрый день! На сайте flash-баннеры перекрывают выпадающее меню. В фаерфокс и опере все нормально, только в ie8. Подскажите, пожалуйста, как можно от этого избавиться.

    Asked by nickgu, February 16, 2010

    0 votes
    19 answers
13. Форма ответа

    Здравствуйте) Подскажите пожалуйста код для создания формы отправки письма с сайта на мэйл админа без участия почтового клиента. Сайт написан на html с применением JavaScript. Он расположен на Народе, поэтому о php речь не идет, как сказал сам Народ "Расширением текстового файла может быть только: html, htm, txt, js, css, xml, xsl, vbs."))) Заранее премного благодарна)

    Asked by Орифия, February 5, 2008

    0 votes
    30 answers
14. Проблема с шириной ячеек

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

    Asked by ArrogantSpectator, September 16, 2023

    0 votes
    1 answer
15. Уникальный стиль полосы прокрутки для отдельного блока на странице

    На странице установлен уникальный стиль полосы прокрутки (средствами ::-webkit-scrollbar). Нужно немного иначе стилизовать отдельный блок на странице. То есть, чтобы полоса прокрутки внутри него была другого цвета и ширины. Как это сделать?

    Asked by LUC, October 22, 2015

    • полоса прокрутки
    • scrollbar
    • overflow
    0 votes
    3 answers
16. Отступы внутри блока DIV

    Прошу извинить за предыдущий корявый свой пост. Описываю суть своих вопросов более ясно. Вот, взгляните, как задумана страница дизайнером. Обратите внимание на адресный блок слева внизу: большая картинка, а на ней текст. Я попытался реализовать это с помощью такой конструкции: <div id="foot_main"> © 2010 «Декор-Лайт» – краски, штукатурка, лепнина<br /> Екатеринбург, ул. Ленина 66. Тел. (343) 365-87-03<br /> info@decor-lait.ru</div> Соответствующая запись в файле CSS: #foot_main { background-image: url(/img/main_bottom.png); background-repeat: no-repeat; background-position: left bottom; height: 500px; padding-top: 430px; } И вот что у меня п…

    Asked by Iguar, November 8, 2010

    0 votes
    4 answers
17. не удаляется рамка в ссылке-картинке

    Никак не могу удалить рамку вокруг ссылки-картинки в IE (у меня версия 6) Это код html: <a target='_self' href='index.php'> <img class='face' src='images/face/02.jpg' width='220' height='30'> </a> А это строки в CSS: a img {border: none;} image.face{padding:0; margin:0; border-width:0px; border-color:#006600; border-style:solid; align:center; vertical-align:middle;} Не работают и такие варианты: <a target='_self' href='index.php'> <img src='images/face/02.jpg' width='220' height='30'> </a> <a target='_self' href='index.php'> <img border='0' src='images/face/02.jpg' width='220' height='30'> </a> Никак не пойму, в ч…

    Asked by begin, July 5, 2007

    0 votes
    13 answers
18. смена картинок по onclick

    Доброго времени суток. суть вопроса такова. Необходимо сделать категории для картинок в слайдере nivo. вот предположим, что это кнопки категорий. <div id=cont_main_menu> <div class =menu_item_1><center><a href=".html" class="off1" onMouseOver="this.className='on1'" onMouseOut="this.className='off1'">Категория 1</a></center></div> <div class =menu_item_2><center><a href=".html" class="off1" onMouseOver="this.className='on1'" onMouseOut="this.className='off1'">Категория 2</a></center></div> <div class =menu_item_3><center><a href="" class="off1" onMouseOver="this.className='on1'"…

    Asked by sable_vrn, March 22, 2011

    0 votes
    13 answers
19. Не получается добавить изображение в шапку сайта

    Здрасте .. пишу к вам с просьбой о помощи, если как-то не ясно напишу, скажите сразу. Собственно, есть сайт. Таблица стилей там и всё как положено. Проблема заключается в том, что я не могу пока что понять, как добавить изображения в шапку сайта при этом не допустив сдвигов дизайна сайта. Копался в таблице стилей и в div'ах - не смог понять своими мозгами <img src="http://forum.htmlbook.ru/public/style_emoticons/<#EMO_DIR#>/sad.gif" style="vertical-align:middle" emoid="" border="0" alt="sad.gif" /> а хочется ... Представлю скрины: 1. Так, как должна быть страница. Между ТЕКСТ и цифрами должно поместить два небольших изображения. <img src="" border="0" class…

    Asked by ProRus, July 6, 2010

    0 votes
    29 answers
20. Как сделать всплывающий текст в 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
21. При пробеле слетает слово

    В боковой менюшке ставлю пробел между словами а слово слетает на строку ниже. Если пишу слитно (даже если слово больше) все слово влазиит. А если поставлю хотя бы одну букву через пробел она слетает на строку ниже.

    Asked by Gintos, April 24, 2010

    0 votes
    32 answers
22. странный глюк в IE при использовании fieldset

    Решил избавится от таблицы в форме контакта на своей странице и напоролся на такой глюк: в IE форма контакта сползла вниз. В Firefox и Opera все отлично отображается. В чем может быть проблема и как еще можно побороть?

    Asked by webmanager-pro, May 31, 2007

    0 votes
    5 answers
23. Less на клиенте не работает

    У меня less версии 1.3.3 не работает на клиенте.Что не так?У вас работает?

    Asked by max2012, May 6, 2013

    • less
    0 votes
    7 answers
24. кроссбраузерность - частный случай

    Добрый вечер Создал первый в свой веб-сайт: http://peartree.ho.com.ua Сильно за дизайн не пинайте Писал, как посоветовали, под Мозиллу. Под Мозиллой работает нормально ? так как и планировал. Но если его открыть через ИЕ ? беда. Сразу возненавидел ИЕ? Подскажите, отчего все мои круглые уголки в левой части сместились вниз? Это хорошо видно здесь: http://peartree.ho.com.ua/news.php Вот кусок кода. Часть ПХП кода забрал, чтобы не отвлекал: .leftcol{ float: left; width: 170px; } .leftcol1,.leftcol2,.leftcol3{ background: #E8E8E8; position: relative; margin-bottom: 10px; } .leftcol4{ background: #E8E8E8; position: relative; } .bolt-top-left{ width: 18px; height: 18px; po…

    Asked by zigfrid, June 2, 2007

    0 votes
    12 answers
25. Вписать один слой в другой

    Можно ли вписать один слой в другой. То есть сделать так, чтобы границы внутреннего прилегали к границам внешнего. Если размеры внешнего жёстко не заданы. ?

    Asked by Колос, December 16, 2008

    0 votes
    11 answers