HTML Coding

29542 questions in this forum

1. Четыре фикса в резиновом блоке

   Сегодня на меня какое-то затупанство напало — никак не могу решить, казалось бы, простейшую задачу. Итак, имеем резиновый блок. В нём надо разместить четыре блока шириной 100 пикселей (в пордке «блок1», «блок2», «блок3», «блок4») таким образом, чтобы блок 1 был прижат к левому краю, блок 4 к правому, а 2 и 3 были на одинаковом расстоянии от них и друг от друга. Уже весь мозг сломал — и таблицами даже делал, нифига не могу придумать.

   Asked by Veseloff, September 30, 2010

   0 votes
   4 answers
2. высота TD в 1px

   Ни как не получается сделать высоту <td> в 1px. Вернее получается но работает только в мазиле. Хочу сделать своеобразный бордер, которого нету в списке стандартных. Вот кусок кода. <tr height="1"> <td colspan="6" height="1" background="img/p.gif"><img width="1" height="1"></td> </tr>

   Asked by sh1va, October 27, 2010

   0 votes
   2 answers
3. Проблема верстки

   html: <div id="wrap"> <div class="box">content0</div> <div class="box">content1</div> ... <div class="box">contentN</div> </div> CSS: div.box {width:150px; background-color: #faacfc; float:left; margin-right:5px; margin-bottom:5px;} div#wrap{width:800px; height: 300px; background-color: green;} нужно чтобы когда у div#wrap ширины не хватало на все div.box, они перебрасывались вниз. загвоздка в том что все div.box разной высоты, и поэтому смещаясь вниз они выстраиваются под самым "высоким". то есть появляется неодинаковый отступ. как сделать так чтобы они сползая вниз сами становились на 5 пи…

   Asked by webzotchy, November 25, 2010

   0 votes
   3 answers
4. Прошу помощи с формой отправки

   Коллеги, помогите, плиз, решить задачу с формой. Имею: <select name="pay_mode"> <option value="21">Банковский платёж</option> <option value="3">Почтовый перевод</option> <option value="4">WMR</option> <option value="2">RBK Money</option> </select></td></tr><tr><td height="20" colspan="2"> </td></tr> </table> <input type="hidden" name="count" value="1"><input name="tovar_id" value="2"> и так далее... КАК сделать так, чтобы при выборе, например "Почтовый перевод", информация отправлялась не с <input name="tovar_id" value="2">, а с <input name="tovar_id"…

   Asked by zula, March 21, 2011

   0 votes
   7 answers
5. как лучше сверстать

   Здравствуйте, подскажите, как лучше сверстать такой макет. Главные проблемы: 1. плавный переход в фон на краях 2. анимированый фон (блестят логотип и завитушки).

   Asked by oke11o, August 22, 2011

   0 votes
   6 answers
6. Позиционирование (z-index)

   Приветствую! Просьба подсказать, какие свойства нужно добавить элементу div id="recall_form на сайте nravitsa-nosi.ru, чтобы форма обратного звонка находилась поверх всех остальных слоев?

   Asked by Makc_Rudy, October 9, 2011

   0 votes
   3 answers
7. overflow: auto; ipade не отображается полоса прокрутки

   На сайте есть блок текста, прокручивается скроллингом. .text { margin-top: 20px; width: 100%; height: 510px; padding-right: 20px; overflow: auto; } во всех браузерах все работает, на ipade текст прокручивается, но ползунка нету. В чем может быть проблема?

   Asked by vasilisa1210, February 29, 2012

   0 votes
   3 answers
8. Конвертер валют

   На сайте есть цена в долларах (обычное текстовое значение - не из БД). Рядом хочется вывести сумму в рублях, но из-за скачков доллара она постоянно меняется. Можно ли прикрутить скрипт, который умножал доллары на коэффициент, полученный, скажем из центрабанка, и выводил рядом? Есть ли какое-либо решение? Повторюсь, значение - обычный текст..

   Asked by B-Real, July 31, 2012

   0 votes
   3 answers
9. Странное поведение тега IMG

   Тег <img> по умолчанию строчно-блочный (display: inline-block) Я прописываю картинку в этом теге так: <img src="ololo.png"> Потом в стилях прописываю ему что-то типа: padding: 20px; background-color: red; И что же я вижу...из под самой картинки на 20 пикселей с каждой стороны (мой паддинг) выглядывает красный цвет. Т.е. такое впечатление, что для самой картинки backgound-clip в значении content-box, а для цвета (background-color: red) в значении padding-box. Кстати, манипуляция со значениями backgound-clip и backgound-origin в теге <img> абсолютно ни к чему не приводит. В любых других элементах (строчно-блочных и блочных. В таблицах и строчных элементах…

   Asked by Evkaky, December 12, 2012

   0 votes
   2 answers
10. div>hover>active>а что после этого?

    Есть блок-спойлер,который после прокликивания должен изменять свою форму: .videoA{ display:block; position:relative; background-color:#191919; border:solid 1px black; border-radius:5px; width:582px; line-height:30px; margin:15px auto 0px; font-size:12pt; padding:0px 10px; box-sizing: border-box; color:white;}.videoA:hover{ color:blue;}.videoA:active{ border-radius:5px 5px 0px 0px;}Но вот проблемка,hover - это изменение во время наведения курсора на блок,active - изменение во время зажима этого блока курсором,мне ещё нужно что бы был ещё один режим который видеоизменял бы этот блок после того как его активировали и вылез скрытый текст спойлера,я…

    Asked by pudge, November 19, 2013

    0 votes
    7 answers
11. Пропорции изображения

    Есть задача, разместить картинку выровненную по горизонтали и вертикали в div размерами 104*104. Проблема в том, что картинки могут быть любых размеров, нужно что бы она уменьшилась сохраняя пропорции и разместилась в родительский div. Есть какие то готовые решения? Скрипты какие нибудь..

    Asked by CroaToa, May 4, 2014

    0 votes
    9 answers
12. Как сверстать блок с табами с эффектом слайдинга

    Есть блок с описаниями товаров. Информация разделана на три составлющие как и в tabbed interface. Только при переключении между табами должно произойти плавно с эффектом горизонтального слайдинга. Даже затрудняюсь делать разметку. Помогите пожалуйста с разметкой и скрипта. Спасибо.

    Asked by parnas, June 29, 2014

    0 votes
    8 answers
13. Откуда берется padding?

    Сайт http://n-crown.ru/. В главном меню есть отступ в ul.nav menu 40px. Не понимаю - откуда он берется? Как его убрать? Подскажите, плиз!

    Asked by Zeeeya, September 20, 2014

    0 votes
    3 answers
14. Проблема с рендерингом картинок в мозиле на background-size

    Здравствуйте, Уважаемые. Еще раз пишу по своей проблеме, так как на прошлый пост никто не ответил, решил озаглавить тему поумнее. Итак есть страничка на которой в мозиле присутствует занятное явление произвольной дрожи на картинках. Есть ли какие мысли как сие убрать, сохранив масштабируемость картинок? http://batka.esy.es/gc2/yellow-launch.html

    Asked by aleks-lv, November 17, 2014

    0 votes
    2 answers
15. Неправильное отображение в IE

    Тестирую свой первый сайт http://sham62.ru/. Во всех браузерах, кроме IE 11, отображается корректно, а в IE 11 стиль не применяется к тексту, адрес заведения сползает вниз (см. скриншот во вложении). Подскажите пожалуйста, как исправить?

    Asked by Ольга62, January 3, 2015

    0 votes
    2 answers
16. Резиновая верста, проблема с DIV

    Доброго времени суток, ковыряю себе резиновый сайт, в <div class="header"> расположена картинка большим размером, за счет css она подстраивается под разрешение экрана, но вот <div class="content"> никак не получается настроить. Контент начинает уходить вправо за окно, появляется скролл, я так понимаю растягивается на изначальную ширину картинки в 1920 px. Подскажите пожалуйста какие параметры надо задать блоку с контентом, что бы он вписывался под разрешение экрана. Не пинайте сильно если код корявый, я только учусь. Спасибо за внимание. <!DOCTYPE html><html lang="ru-RU"><head> <title>Emerald Mascot - питомник сибирских хаски</title…

    Asked by Gromglar, December 18, 2014

    0 votes
    6 answers
17. Анимация блока с текстом

    Добрый день! Столкнулся с такой вот проблемой (или это не проблема вовсе) при анимации блока с текстом внутри. Код: codepen.io Вопрос. Так и должно быть? Т.е. текст как будто немного искажается на долю секунды. В Хроме плавно искажается. В Мозиле этого почти не видно. В Опере немного похуже.

    Asked by BehemothOz, March 31, 2016

    0 votes
    1 answer
18. Поведение адаптивного дизайна

    Вот песочница https://jsfiddle.net/o82kLqdn/1/ Там есть боди с размером 600рх, в нём контейнер 521рх в котором три блока по 164рх с отступами по 10рх. Я всё это сделал резиновым, т.е. делил внутренние блоки на внешние получал размер. Теперь при получении нужных размеров всё работает и размер остался таким каким должен быть. Но когда я сужáю размер окна последний блок вылетает... из-за чего такое поведение ведь всё держалось на месте.

    Asked by aqua.77, November 20, 2016

    0 votes
    3 answers
19. Плавное появление информационных блоков на страницах

    На сайте https://pages.github.com/ по мере продвижения скролла вниз, видно как информационные блоки плавно появляются, как-будто выплывают. Как называются такие эффекты? Где можно подробно почитать, чтобы научиться их делать самостоятельно. А может быть есть уже готовые, которые не сложно кастомизировать?

    Asked by Delat, February 6, 2017

    0 votes
    3 answers
20. Помогите разобраться с адаптивным меню

    В бустрапе контейнер создает свою стандартную ширину 1140 вроде, я ставлю свою 1024 и у меня слетает nav меню для мобильного разрешения HTML <header> <div class="container"> <div class="row hidden-xs"> <div class=" col-lg-3 header-logo"> <p>Burgers<span>.co</span></p> </div> <div class="col-lg-7 col-lg-offset-2 header-menu"> <ul class="nav nav-pills "> <li class="active"><a href="#">Home</a></li> <li><a href="#">Our Burgers&…

    Asked by Sunboy, August 4, 2017

    • css
    • html
    • bootstrap
    0 votes
    0 answers
21. помогите с кнопками, пожалуйста!

    привет, можешь помочь чуть чуть) есть такой сайт Мир-климата-брянск.рф там есть 3 кнопки справа и одна слева типо бесплатный замер, <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326"/> </div> <a class="but" href="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/%D0%B0%D0%BA%D1%86%D0%B8%D0%B8/">Акции</a> <a class="bat" href="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/%D0%BD%D0%B0%D1%88%D0%B8-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B/">Наши…

    Asked by ne_beret, April 28, 2018

    0 votes
    1 answer
22. 3 резиновых блока с фиксированными отступами

    В общем, столкнулся с такой проблемой при верстке адаптивного сайта. Ширина сайта плавает в диапазоне от 320 до 1600px. Имеются 3 блока. Необходимо, чтобы эти блоки занимали всю предоставленную область и при этом имели одинаковые ширину(auto) и интервалы(30px). При уменьшении размера окна блоки должны сжиматься по ширине, а отступы оставаться неизменными. Реализация без flexbox'a. Нужна Ваша помощь, уважаемые форумчане! Буду очень благодарен, если поможете!

    Asked by MrFreeman, April 30, 2018

    0 votes
    3 answers
23. Как сделать ссылку на флэш банер

    Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…

    Asked by ArtOfHuman, December 1, 2008

    0 votes
    0 answers
24. ID или Class

    Когда лучше всего использовать ID а когда классы?

    Asked by Kenshi45, March 2, 2009

    0 votes
    2 answers
25. Нижний отступ SWF в FF3

    В Firefox 3 при вставке swf появляется нижний отступ. Загрузка идет через скрипт swfobject. Как избавиться от этой ерунды?

    Asked by Lsoep, May 30, 2009

    0 votes
    1 answer