HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
2 независимых div
Имеется сайт с шириной 940 пкс. Нужна шапка, которая тянется по всей ширине браузера. Проблема в горизонтальном скроле. Что рассказывать, лучше показать: http://jsfiddle.net/ramon111/S6NPP/12/ С overflow-x:hidden для body все вроди ничего, но это свойство не поддерживают мобильные браузеры (например Android), а это очень важно. Помогите плиз, мозги размазал, ничего не могу придумать.
0 votes4 answers -
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> Мне надо, чтобы под каждым изображением выводилось ещё одно значение, допустим текст Привет (позже вставлю переменную), как реализовать? Делаю таблицей у меня всё сползает или отображает только три изображения, прошу вашей помощи.
0 votes1 answer -
Чем собирать спрайты
Коллеги доброго время суток. Попалась работа к которой придется собирать большое кол-во различных спрайтов, ну и собствено сразу возник вопрос ручками собирать или генератором каким-нибудь воспользоваться, не поделитесь опытом кто чем собирает ну и впечатления.
0 votes2 answers -
Помогите решить задачу с :hover
В общем идея такая: - создал три квадрата и один список, который находится под квадратами. Данные элементы находятся в одном блоке. В каждом из квадратов находится по одному блочному элементу <p> разного цвета, у которых стоит display: none. При наведении курсора мыши на один из пунктов списка под соответствующим квадратом с использованием :hover, ожидал увидеть чудесное появление блочного элемента <p> в квадрате соответствующего цвета.... Но как то появляться он не хочет... Кто может объяснить эту проблему и возможно ли осуществить такую задумку? Вот мое творение: http://jsbin.com/fojuz/1/edit
0 votes10 answers -
Как средствами CSS сделать высоту блока больше или равной высоте контейнера?
Здравствуйте. Задача. Есть: блок с контентом, расположенный в контейнере. Нужно: средствами CSS сделать высоту блока больше или равной высоте контейнера. Т.е. если высота блока с контентом меньше высоты контейнера - сделать высоту блока по высоте контейнера. А если высота блока больше высоты контейнера - так и оставить. Высота контейнера может быть различной, поэтому min-height использовать без ява-скрипта не получиться.
0 votes4 answers -
Кроссбраузерная НЕсовместимость
Всем привет! Первый раз сталкиваюсь с таким отображением в разных браузерах. Применяется bootstrap4 Далее на картинке: 1. В хроме все норм. Единственное, как сделать, чтобы линия прогресса в блке "our process" анимировалсь только один раз после перезагрузки страницу? 2. Лого в firefox и edge отображаются одинаково. Буквы D (маска) не видно. В IE11 видно верхушку. 3. Блок "our process" в edge не анимируется progress в виде контура красным цветом, а в IE11 вообще бардак. Анимируется только появление текста. 4. На iphone5 не анимируются hexы в блоке "WHAT CAN YOU RECEIVE" Проверял на виртуальной машине. На маке не тестил, нет возможно…
0 votes0 answers -
Как сделать, что бы блок соответствовал высоте всей страницы?
http://mhrj.orv.org.ru/FILES/bootstrap/tender-test.html 4 серых блока-колонки Проматываю страницу вниз и видно, что блок короче высоты страницы. какие стили на это влияют и как исправить? Второй вопрос: как убрать вторую бесполезную полосу прокрутки у тега body? у него стоит стиль height: 100%; почему тогда вертикальная полоса прокрутки?
0 votes1 answer -
Растягивание блока
Почему в Мозиле не тянется вниз блок, т.е. не растягивает этот блок div, как это исправить? #content_block2 { margin: 0 auto; width: 241px; height: 284px; border: 1px solid #000000; float: left; } <div id="content_block1">Много текста</div>
0 votes1 answer -
картинки и таблица
Как сделать. чтобы картинка увеличивалась при наведение курсора, если она в таблице? <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/…
0 votes5 answers -
Смесить блок в IE
Вот тут http://mmcpajero.ru/new/2.htm если открыть в FF или Opera - то белый блок нормально прилеплен к левой стороне родительского блока. Если же эту ссылку открыть в IE, то белый блок будет посередине, несмотря на left: 0; Как в IE его сделать так же, как и в FF, т.е. прилепить к левому краю?
0 votes2 answers -
не работает ссылка
Здравствуйте, у меня такая проблемка, делаю сайт http://filinajewelry.ru/ , точнее попросили доделать, не могу понять почему не работают ссылки на разделы .модели и дизайн .ремонт и обслуживание .партнеры .контакты, никак не могу понять что надо сделать?? если надо файлы какой-нить страницы html и файл css могу скинуть
0 votes3 answers -
Кнопка при наведении
Как сделать другой фон кнопки при наведении?
0 votes2 answers -
Помогите подправить код .js
Есть карта Італии на сайте auto-bazar.it . Принцип действия такой. Есть Изображение по умолчанию, /images/map-italy.jpg и 20 точно таких же изображений только с выделенным желтым цветом соответственного региона Италии. То есть при наведении на то место где расположен регион которому отвечают его координаты, подложка /images/map-italy.jpg заменяется изображение с подсвеченным регионом. Проблема в том что 20 изображений * 17 килобайт = 340 кб. Это не допустимо. Я в Java Script вообще не шарю. По изложенному коду пожалуйста подскажите как заставить его и возможно ли ето чтоб при наведении на любой регион выводилось изображение .png или .gif с прозрачностью, то есть только ка…
0 votes0 answers -
Подскажите каким образом реализовано меню.
Доброго времени. Подскажите каким именно скриптом реализовано данное меню (верхнее с картинками). Заранее спасибо. http://www.fabricarchitecture.com/archiclad
0 votes2 answers -
Помогите с ссылкой в background
Доброго времени суток! Не могу немного сообразить как мне сделать ссылку в background Имеем код <div style='background:url(/images/{math equation='rand(1,4)'}.jpg) no-repeat' class='image'> Каждый раз при заходе на сайт у меня генерируется разная картинка. Вот подскажите, как мне сделать так, чтобы при выборе какой-то либо картинке на ней можно было сделать ссылку и на неё нанести карту. Вот пример картинки Т.е. там где одна цена - на одну ссылку, там где вторая цена на вторую ссылку.
0 votes9 answers -
проблема с валидацией
У меня при прохождении валидации постоянно одна и та же ошибка,повторяющаяся десятки раз в одном документе- Ошибка: end tag for element "P" which is not open. Если исправить везде эту ошибку,то документы пройдут валидацию,как её исправить?Спасибо за помощь))
0 votes2 answers -
Перебор массива объектов 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…
0 votes0 answers -
В 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…
0 votes3 answers -
Прошу помощи с SVG→Canvas на iPad3 (iOS6)
Как мог, описал проблему на Хабре. Вкратце — при копировании SVG-картинки в Canvas (drawImage) на третьем (ретиновском) айпаде с iOS6 творится что-то невообразимое с определением координат копируемой области. А мне позарез надо, чтобы картинка копировалась точно (вообще-то надо было позапозавчера, но из-за этого нежданчика вот так у меня вечер пятницы затянулся...). Заранее спасибо за любые наводки, подсказки и идеи!
0 votes5 answers -
Что я не так делаю?
начал немного изучать вёрстку, и хотел бы спросить один важный для меня вопрос.. правильно ли я всё делаю? вот ссылка: http://jsfiddle.net/7uHS9/ посмотрите если не сложно, и скажите что не так пожалуйста, и как нужно правильно делать... делал по этому скриншоту: http://www.prostoj-sajt.ru/wp-content/uploads/2012/10/Shablon-s-reklamnym-blokom.png (в интернете нашёл скриншот простого шаблона для того чтобы учиться) знаю что сделано ужасно, но я только учусь верстать...
0 votes4 answers -
Быстрая и синхронная подгрузка картинок.
Добрый вечер. Недавно у меня появился проект на котором требуется, что бы вся графика на странице появлялась(при загрузке страницы) одновременно и без особых задержек. Вопрос: Какие механизмы на сегодняшний день существуют в этом плане? (можно ли это организовать спрайтами или при помощи JS что-нибудь придумать?)
0 votes5 answers -
Ширина 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. Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через…
0 votes3 answers -
Избежать раздвижение элементов при скрыти/отображении
Есть валидатор форм на Foundation http://foundation.zurb.com/docs/components/abide.html При отображении ошибки показівается поле <small> с текстом ошибки. Подскажите, какие стили нужно прописать чтобы при отображении этого элемента поля формы ре раздвигались. Указывал position:absolute. Оно-то работает, но красное поле по ширине сокращается до размера ошибки, а как сделать, чтобы на всю ширину было. Верхнее поле обернуто в div, нижнее — нет. <div style="position: absolute;"> <small class="error radius">Кто вы? Представьтесь.</small> </div>
0 votes1 answer -
Как это можно сделать ?
http://itmages.ru/image/view/1691537/6325a0ca как можно сделать такое ?
0 votes9 answers -
Один блок налаживается на другой, второй неактивный
вот сайт geometrica.biz в хедере есть логотип и два блока меню. Проблема состоит в том что логотип налаживается на два блока меню из-за этого они становяться неактивные. проблема в том что у логотипа стоит z-index выше чем у блоков меню, но я не знаю как это решить, помогите пожалуйста!
0 votes1 answer