HTML Coding

29542 questions in this forum

1. 2 независимых div

   Имеется сайт с шириной 940 пкс. Нужна шапка, которая тянется по всей ширине браузера. Проблема в горизонтальном скроле. Что рассказывать, лучше показать: http://jsfiddle.net/ramon111/S6NPP/12/ С overflow-x:hidden для body все вроди ничего, но это свойство не поддерживают мобильные браузеры (например Android), а это очень важно. Помогите плиз, мозги размазал, ничего не могу придумать.

   Asked by ramon111, November 9, 2012

   0 votes
   4 answers
2. float:left

   У меня выводится 4 изображения в горизонтальном порядке и до бесконечности в вертикальном. CSS: #img { float: left; width: 200px; height: 150px; margin: 10px; } HTML: <a href='view.php?id=$mass[id]'><img src='traffic/$mass[url]' id='img'/></a> Мне надо, чтобы под каждым изображением выводилось ещё одно значение, допустим текст Привет (позже вставлю переменную), как реализовать? Делаю таблицей у меня всё сползает или отображает только три изображения, прошу вашей помощи.

   Asked by epog333, March 5, 2013

   0 votes
   1 answer
3. Чем собирать спрайты

   Коллеги доброго время суток. Попалась работа к которой придется собирать большое кол-во различных спрайтов, ну и собствено сразу возник вопрос ручками собирать или генератором каким-нибудь воспользоваться, не поделитесь опытом кто чем собирает ну и впечатления.

   Asked by Vasdram, April 16, 2013

   0 votes
   2 answers
4. Помогите решить задачу с :hover

   В общем идея такая: - создал три квадрата и один список, который находится под квадратами. Данные элементы находятся в одном блоке. В каждом из квадратов находится по одному блочному элементу <p> разного цвета, у которых стоит display: none. При наведении курсора мыши на один из пунктов списка под соответствующим квадратом с использованием :hover, ожидал увидеть чудесное появление блочного элемента <p> в квадрате соответствующего цвета.... Но как то появляться он не хочет... Кто может объяснить эту проблему и возможно ли осуществить такую задумку? Вот мое творение: http://jsbin.com/fojuz/1/edit

   Asked by Akkord87, February 14, 2014

   0 votes
   10 answers
5. Как средствами CSS сделать высоту блока больше или равной высоте контейнера?

   Здравствуйте. Задача. Есть: блок с контентом, расположенный в контейнере. Нужно: средствами CSS сделать высоту блока больше или равной высоте контейнера. Т.е. если высота блока с контентом меньше высоты контейнера - сделать высоту блока по высоте контейнера. А если высота блока больше высоты контейнера - так и оставить. Высота контейнера может быть различной, поэтому min-height использовать без ява-скрипта не получиться.

   Asked by S0meT1me, July 25, 2014

   • css высота блока
   0 votes
   4 answers
6. Кроссбраузерная НЕсовместимость

   Всем привет! Первый раз сталкиваюсь с таким отображением в разных браузерах. Применяется bootstrap4 Далее на картинке: 1. В хроме все норм. Единственное, как сделать, чтобы линия прогресса в блке "our process" анимировалсь только один раз после перезагрузки страницу? 2. Лого в firefox и edge отображаются одинаково. Буквы D (маска) не видно. В IE11 видно верхушку. 3. Блок "our process" в edge не анимируется progress в виде контура красным цветом, а в IE11 вообще бардак. Анимируется только появление текста. 4. На iphone5 не анимируются hexы в блоке "WHAT CAN YOU RECEIVE" Проверял на виртуальной машине. На маке не тестил, нет возможно…

   Asked by Schamil74, May 13, 2017

   • верстка
   • svg
   0 votes
   0 answers
7. Как сделать, что бы блок соответствовал высоте всей страницы?

   http://mhrj.orv.org.ru/FILES/bootstrap/tender-test.html 4 серых блока-колонки Проматываю страницу вниз и видно, что блок короче высоты страницы. какие стили на это влияют и как исправить? Второй вопрос: как убрать вторую бесполезную полосу прокрутки у тега body? у него стоит стиль height: 100%; почему тогда вертикальная полоса прокрутки?

   Asked by Grani, April 15, 2022

   0 votes
   1 answer
8. Растягивание блока

   Почему в Мозиле не тянется вниз блок, т.е. не растягивает этот блок div, как это исправить? #content_block2 { margin: 0 auto; width: 241px; height: 284px; border: 1px solid #000000; float: left; } <div id="content_block1">Много текста</div>

   Asked by okunev2, February 21, 2008

   0 votes
   1 answer
9. картинки и таблица

   Как сделать. чтобы картинка увеличивалась при наведение курсора, если она в таблице? <div class="photos"> <table cellpadding="10" cellspacing="0" style="margin-left: -10px;"> <tr> <td><img src="images/photos/01.jpg" width="200" alt="" /></td> <td><img src="images/photos/02.jpg" width="200" alt="" /></td> </tr> <tr> <td><img src="images/photos/03.jpg" width="200" alt="" /></td> <td><img src="images/photos/04.jpg" width="200" alt="" /></td> </tr> <tr> <td><img src="images/photos/05.jpg" width="200" alt="" /></td> <td><img src="images/…

   Asked by Мяфк?!, April 12, 2009

   0 votes
   5 answers
10. Смесить блок в IE

    Вот тут http://mmcpajero.ru/new/2.htm если открыть в FF или Opera - то белый блок нормально прилеплен к левой стороне родительского блока. Если же эту ссылку открыть в IE, то белый блок будет посередине, несмотря на left: 0; Как в IE его сделать так же, как и в FF, т.е. прилепить к левому краю?

    Asked by WhiteNight, December 16, 2010

    0 votes
    2 answers
11. не работает ссылка

    Здравствуйте, у меня такая проблемка, делаю сайт http://filinajewelry.ru/ , точнее попросили доделать, не могу понять почему не работают ссылки на разделы .модели и дизайн .ремонт и обслуживание .партнеры .контакты, никак не могу понять что надо сделать?? если надо файлы какой-нить страницы html и файл css могу скинуть

    Asked by oledjiks, May 13, 2011

    0 votes
    3 answers
12. Кнопка при наведении

    Как сделать другой фон кнопки при наведении?

    Asked by onsite, July 3, 2011

    0 votes
    2 answers
13. Помогите подправить код .js

    Есть карта Італии на сайте auto-bazar.it . Принцип действия такой. Есть Изображение по умолчанию, /images/map-italy.jpg и 20 точно таких же изображений только с выделенным желтым цветом соответственного региона Италии. То есть при наведении на то место где расположен регион которому отвечают его координаты, подложка /images/map-italy.jpg заменяется изображение с подсвеченным регионом. Проблема в том что 20 изображений * 17 килобайт = 340 кб. Это не допустимо. Я в Java Script вообще не шарю. По изложенному коду пожалуйста подскажите как заставить его и возможно ли ето чтоб при наведении на любой регион выводилось изображение .png или .gif с прозрачностью, то есть только ка…

    Asked by Моряк Папай, May 24, 2011

    0 votes
    0 answers
14. Подскажите каким образом реализовано меню.

    Доброго времени. Подскажите каким именно скриптом реализовано данное меню (верхнее с картинками). Заранее спасибо. http://www.fabricarchitecture.com/archiclad

    Asked by bbsalex, September 13, 2011

    0 votes
    2 answers
15. Помогите с ссылкой в background

    Доброго времени суток! Не могу немного сообразить как мне сделать ссылку в background Имеем код <div style='background:url(/images/{math equation='rand(1,4)'}.jpg) no-repeat' class='image'> Каждый раз при заходе на сайт у меня генерируется разная картинка. Вот подскажите, как мне сделать так, чтобы при выборе какой-то либо картинке на ней можно было сделать ссылку и на неё нанести карту. Вот пример картинки Т.е. там где одна цена - на одну ссылку, там где вторая цена на вторую ссылку.

    Asked by Maxxx, February 2, 2012

    0 votes
    9 answers
16. проблема с валидацией

    У меня при прохождении валидации постоянно одна и та же ошибка,повторяющаяся десятки раз в одном документе- Ошибка: end tag for element "P" which is not open. Если исправить везде эту ошибку,то документы пройдут валидацию,как её исправить?Спасибо за помощь))

    Asked by eleonore, April 26, 2012

    0 votes
    2 answers
17. Перебор массива объектов JSON[HELP]

    написал скрипт для вывода массива...но он както коряво выводит..что не так? Посмотрите http://smirnoff.ho.ua/JSUI/ Код: $(document).ready(function(){ $.getJSON( "json/posts.json", function(data){ for (i = 0; i < data.length; i++) { var post = [data[i].title, data[i].body]; $("#posts").append("<article><header><h3>"+post[0]+"</h3></header><section><p>"+post[1]+"</p></section><footer><div id=\"tags\"></div><div class=\"controls\"><a class=\"btn btn-danger btn-mini\">удалить</a></div></footer></article>"); for (a = 0; a < data[i].tags.lengt…

    Asked by DartBein, June 28, 2012

    0 votes
    0 answers
18. В ie 6 дочерний блок выходит за границы родительского блока

    Доброго времени суток! В ie 6 дочерний блок выходит за границы родительского блока,как это можно исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style type="text/css"> *{ margin:0; padding:0; } #cont1{ zoom:0; } /* *** Float containers fix ***#cont1 { zoom: 1; } */ html,body{ height:100%; min-height:100%; height:auto !important; background-color:#D2F7DF;} #header{ height:100px; width:1000px; background:#D0D0D0; margin:0 auto…

    Asked by tanaka, July 31, 2012

    0 votes
    3 answers
19. Прошу помощи с SVG→Canvas на iPad3 (iOS6)

    Как мог, описал проблему на Хабре. Вкратце — при копировании SVG-картинки в Canvas (drawImage) на третьем (ретиновском) айпаде с iOS6 творится что-то невообразимое с определением координат копируемой области. А мне позарез надо, чтобы картинка копировалась точно (вообще-то надо было позапозавчера, но из-за этого нежданчика вот так у меня вечер пятницы затянулся...). Заранее спасибо за любые наводки, подсказки и идеи!

    Asked by SelenIT, March 17, 2013

    0 votes
    5 answers
20. Что я не так делаю?

    начал немного изучать вёрстку, и хотел бы спросить один важный для меня вопрос.. правильно ли я всё делаю? вот ссылка: http://jsfiddle.net/7uHS9/ посмотрите если не сложно, и скажите что не так пожалуйста, и как нужно правильно делать... делал по этому скриншоту: http://www.prostoj-sajt.ru/wp-content/uploads/2012/10/Shablon-s-reklamnym-blokom.png (в интернете нашёл скриншот простого шаблона для того чтобы учиться) знаю что сделано ужасно, но я только учусь верстать...

    Asked by napstyle, May 16, 2013

    0 votes
    4 answers
21. Быстрая и синхронная подгрузка картинок.

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

    Asked by Yamaradg, July 24, 2013

    0 votes
    5 answers
22. Ширина input

    Есть элемент input на странице обвернутый в div: <div id="main-image"> <input id="fileupload" type="file" name="fileUpload[]" data-url="/file/upload-image"> </div> Со стилями для всего этого добра: #main-image { border: 1px dashed #b3b3b3; width: 280px; height: 200px; } #fileupload { position: relative; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%; width: 100%; } Потом выбраный файл хендлится при помощи jquery file upload. Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через…

    Asked by spolischook, August 11, 2013

    • input
    0 votes
    3 answers
23. Избежать раздвижение элементов при скрыти/отображении

    Есть валидатор форм на Foundation http://foundation.zurb.com/docs/components/abide.html При отображении ошибки показівается поле <small> с текстом ошибки. Подскажите, какие стили нужно прописать чтобы при отображении этого элемента поля формы ре раздвигались. Указывал position:absolute. Оно-то работает, но красное поле по ширине сокращается до размера ошибки, а как сделать, чтобы на всю ширину было. Верхнее поле обернуто в div, нижнее — нет. <div style="position: absolute;"> <small class="error radius">Кто вы? Представьтесь.</small> </div>

    Asked by ekkl, April 7, 2014

    • css
    • position
    0 votes
    1 answer
24. Как это можно сделать ?

    http://itmages.ru/image/view/1691537/6325a0ca как можно сделать такое ?

    Asked by Shenia132, May 29, 2014

    0 votes
    9 answers
25. Один блок налаживается на другой, второй неактивный

    вот сайт geometrica.biz в хедере есть логотип и два блока меню. Проблема состоит в том что логотип налаживается на два блока меню из-за этого они становяться неактивные. проблема в том что у логотипа стоит z-index выше чем у блоков меню, но я не знаю как это решить, помогите пожалуйста!

    Asked by Fostik, June 12, 2014

    • div
    • z-index
    0 votes
    1 answer