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
29,542 questions in this forum
-
inline-block
Update Привет всем. Как поместить два тега inline-block в одну строку? если любой тег равен половине ширины родителя. Интересует реализация в браузере опера. http://jsfiddle.net/Db4C6/
0 votes2 answers -
Select, как у Amazon
Здравствуйте! Каким образом можно реализовать select, как у Amazon? Суть такая, есть код: <div class="search_wrap"> <form> <div> <select> <option value="1">Позикия</option> <option value="2">Какая-то позиция</option> <option value="3">Ещё позиция</option> </select> </div> <input type="search"> <div> </div> <div> <input type="submit"> </div> </form></div>Элементы расположены в одну строку. Необходимо, чтобы при выборе позиции …
0 votes2 answers -
Проблемы с адаптацией эффекта анимации текста
Здравствуйте! Возникли проблемы с адаптацией данного эффекта http://codepen.io/Sonick/pen/HthaI Пытаюсь прикрепить этот эффект к отдельной section лендинга, а никак не получается. Похоже, что он работает только когда есть position:fixed. А мне нужно применить его по сути только к одному отдельному диву...Вот и вышла задача которую я никак не могу решить. Подскажите, пожалуйста, возможно кто-то сталкивался с подобной проблемой)))
0 votes2 answers -
как правильно позиционировать фото
Добрый день ! есть сайт http://front-end.zz.mu/example/на котором должно выглидеть так как на фото а он у меня разваливается можете подсказать что я сделал не так ?
0 votes1 answer -
Обтекание текстом картинки
Здравствуйте Div с выделенным материалом прилипает, а точнее даже "залазит" под картинку. Проблема возникает тогда, когда div с выделенным материалом находится не под картинкой, а справа от неё. Пример HTML: <h1>Заголовок</h1><img src="image.gif" width="490" height="305" align="left" hspace="10"><p>Информация является мощным активом для международного бизнеса. Регуляторы, клиенты и сотрудники компаний уделяют все больше внимания процессу обработки данных. Управление рисками, связанными с утечкой, потерей и кражей данных, это не только вопрос соблюдения требований законодательства, а и вопрос репутации компании и стоимости ее бренда.</p> <…
0 votes2 answers -
Как зафиксировать бекграунд, чтобы фоновая картинка не плавала?
Из фотки сделал новый фон (он виден по краям только на больших экранах>1280px) http://www.vvd.su/ Но на каждой странице он по разному отображается. Сначала я думал это связанно с разными шаблонами страниц привязанных к пунктам меню и там всякие отступы. Однако нашел, вот есть две идентичные страницы про трубы каменки, один шаблон, даже текст почти тот же. http://www.vvd.su/dymokhodnye-sistemy1/keramicheskie-dymokhody/truba-kamenka http://www.vvd.su/dymokhodnye-sistemy1/keramicheskie-dymokhody/truba-kamenka-1 тем не менее фон плавает -это можно заметить если открыть в двух вкладках и переходить между ними как зафиксировать фоновую картинку, чтобы везде была одинак…
0 votes1 answer -
Вёрстка, проблемы в Опере
Тема решена!
0 votes0 answers -
Експлорер... CSS image repeat y
Есть таблица. В ней контент. Как подогнать под ИЕ такой момент: фон таблицы - узкая полоска - и надо чтоб она повторялась по y. Вместе с тем регулировалась по ширине 100% - у меня она отображается в базовом размере (шире чем надо)
0 votes2 answers -
text-align внутри блока
Добрый день! Есть у меня блок .block{height:; width:; border:; padding:; float:; margin-right:;} Для этого блока хочу добавить заголовок. .new{text-align:center;} И уже в коде html <div class="block"><span class="new">Some text</span> </div> Но не получается, текст не выравнивается по центру. Почему?
0 votes4 answers -
Работа с фреймами
Подскажите как изменять высоту тега iframe в зависимости от загружаемого в него значения. Наткнулся на такой код в интернете <iframe src = "Photo.html" name = "photo" style = 'width: 79%;' frameborder = 1 marginheight = 0 onload = 'o=this.contentWindow.document.body; this.style.height = o.scrollHeight; this.style.height.= o.scrollHeight-o.clientHeight+offsetHeight'> </iframe> Не знаю что такое после onload, но не работает, может кто подскажет как решить проблему. И еще, можно ли как нибудь позиционировать текст внутри iframe, так что бы можно было задать отступ от правой границы фрейма тексту. З…
0 votes3 answers -
Блок контента выходит за пределы
Люди добрые, помогите пожалуйста, пытаюсь сверстать тему, вроде все встало, но видимо не все(( Суть проблемы: 1. Обертка wrapper заканчивается раньше, чем должна, т.е. перед футером, а в шаблонах прописано, что заканчивается после футера, но мне это не мешает(пока) 2. Содержимое из блока container выходит за пределы и накладывается на футер 3. При включении плагина фотогалереи и вставки миниатюр в container, все, включая текст за миниатюрами "уезжает" в футер. Помогите пжлста, очень прошу. Проблема решена
0 votes0 answers -
Ошибки при заходе на сайт
При заходе на сайт вылазят две ошибки.Помогите исправить. http://h39755.srv0.test-hf.ru/sourcebans/
0 votes2 answers -
Два варианта текста
Как делаются варианты по выводу текста страницы: - для просмотра браузером - для просмотра перед печатью Например, есть текст разбитый на главы и страницы. При просмотре браузером можно перемещаться по страницам. А при просмотре перед печатью - сплошной текст и навигация скролом. Например вот это как реализовано? для просмотра http://kino-teatr.ru/kino/movie/hollywood/51133/forum/ для печати http://kino-teatr.ru/kino/movie/hollywood/51133/forum/print/ Т.е. должен быть один источник текста. Возможно ли такое выполнить без php? Только html. Насколько я понял с использованием ssi это делается. Или есть еще варианты?
0 votes5 answers -
внесение svg кода в html
Здравствуйте! Помогите пожалуйста разобраться. Требовалось внести svg-код в html документ. Я не нашёл лучше способа как через <object>. <object data="link.svg" type="image/svg+xml" width="400" height="450"></object> В результате у меня при нажатии ссылок, находящихся в подключённом svg, открываются сайты не на полную страницу, а в окошке 400х450. Как этого избежать? Возможен ли тогда какой-либо другой способ вставки svg в html? <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Растягиваемый фон</title> <style> body { background: url(images/loshad.png) no-repeat; -moz-background-size: 100%; /* …
0 votes3 answers -
Картинки скачут, помогите пожалуйста!
Добрый день! При нажатии на квадратик цвета должна меняться картинка слева. Но она меняется только со второго нажатия, а с первого она перемещается перед словом "Цвета". Помогите пожалуйста решить вопрос. http://stoneinfocus.ru/bataries/20.html
0 votes2 answers -
Размещение блоков на странице
Добрый вечер, господа! У меня в макете нужно сделать следующее наложение блоков http://c2n.me/3c7Bs0s Нужно чтобы на слайдере была наложена шапка Никак не могу придумать как это сделать. Подскажите как бы это сделали вы? Вот то что сейчас есть: http://justexemple.host56.com/
0 votes1 answer -
Дайте ссылку на похожий сайт
Добрый день. Нужно сделать Такую вёрстку: При загрузке страницы, отображается блок 1 на весь экран. При скролинге вниз отображается контент 1.1. При нажатии на стрелку переходим в блок 2,3... работающие по той же схеме. Подскажите пожалуйста как это лучше реализовать? Видел когда - то подобный пример, но сейчас найти не могу.
0 votes2 answers -
фон для сайта
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } html, body { …
0 votes2 answers -
Нарезка шаблона
Добрый день, я новичок как бы, и почти в каждом шаблоне замечаю что шаблон нарезан. Подскажите по какому принципу это делается и для чего? Порою (как в примере) режется совершенно странным образом. не могу понять смысла. PS верстаю по слоям, сохраняю слой и после уже использую, быть может я что то не так делаю?
0 votes2 answers -
repeat-y на заданный промежуток
Всем привет. Я подозреваю, что решение данной проблемы касается не CSS, а JS, но решил создать тему тут. Проблема вот в чем: Существует 2 блока. В одном бэкграунд высотой 128pх со свойством repeat-y, картинка сама представляет собой текстуру из шахматных квадратов (например), а второй блок - это что-то вроде футера, который имеет замыкающую текстуру. И при растягивании блока над футером - само собой тектура не повторяется каждые 128px, а повторяется в зависимости от размера наполнения блока. Соответственно вопрос: Возможно ли свойству repeat-y задать фиксированный "шаг" с которым оно будет повторять изображение? Заранее спасибо
0 votes2 answers -
Шов между блоками в Опере и ГХ
<div style="float: left; width: 50%; height: 25em;">block A</div> <div style="float: right; width: 50%; height: 25em;">block B</div> В гугл хроме и опере между блоками возникает шов если их закрасить цветом. Как исправить и в чем проблема? Спасибо.
0 votes3 answers -
При увиличении масштаба браузером беда!
Что нужно что бы сайт нормально масштабировался и сохранял позиции блоков? Масштаб содержимого увеличивается а самой страницы только по высоте!
0 votes2 answers -
Баг таблицы
Сделал таблицу с двумя ячейками (с неустановленной величиной высоты и ширины), в левой ячейке - картинка, в правой - текстовый контент. Проблема в том, что в ячейке с картинкой, под изображением почему-то всегда остаётся свободное пространство примерно в пять пикселей). Сначала думал что у картинки прозрачная полоса внизу, но оказалось что это не так. От чего так получается? Код: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <head> </head> <style type="text/css"> td { padding: 0px; vertical-align: top; border: 1px solid black; } </style> <body> …
0 votes4 answers -
Размер объекта и его выравнивание
При выставление размера шрифта, свойство margin не работает. Подскажите как выравнять объект, если при выставление нужного размера. Вот то что у меня: .container3 { width: 300px; margin: 0px 200px 50px 200px }
0 votes1 answer -
Была маленькая, стала большая
Всем привет. Подскажите, как реализовать увеличение картинки при клике? Как тут справа
0 votes2 answers