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
-
Неправильно отображается форма в IE
Здравствуйте, подскажите как исправить неправильное отображение формы в IE http://narod.ru/disk/47970321001.5526df7b6d27eb321bff3417b66d5d84/style.css.html http://narod.ru/disk/47970461001.898e73a84b2daeaa4cfaf8bf6b1b52b2/value.html.html
0 votes0 answers -
картинка фиксированной высоты
делаю свой первый сайт нарисовала в фотошопе дизайн сайта, порезала на слои, начала верстать с помощью DIV но проблема: картинка с основным фонов имеет фиксированную высоту, а мне нужно,чтобы она растягивалась при увеличении контента ПОМОГИТЕ,ПОЖАЛУЙСТА вот ссылка на картинку http://saveimg.ru/show-image.php?id=80182e754f93d5d9c2ba6719cf17cc23
0 votes5 answers -
div с динамческой высотой
Есть div с шириной и высотой 100% для фона. В нем сам контент страницы. Если тело страницы не доходит до края окна браузера под телом фон не отображается. Пробовал поставить высоту 200%, но это не помогает. Как мне заставить фон заполнять полностью окно браузера? Прописать фон к body не подходит, так как он залезает на тело страницы.
0 votes4 answers -
Использование различных единиц измерения
Смотрел несколько видео по верстке, где автор в фиксированном макете используют единицы em. Не могу понять где лучшее место для использования em в макетах, где используются % и px; Объясните пожалуйста, где лучше использовать те или иные единицы измерения.
0 votes1 answer -
Сквозь выпадающее меню проглядывает нижняя строка
http://learn.javascript.ru/play/CkIc0b Нужно чтобы выпадающее меню перекрывало собой нижнюю строчку. Пока что нет новых идей у меня. Где ошибка? Спасибо.
0 votes4 answers -
отображение swf на сайте
Здравствуйте! Хотел бы узнать, как решить проблему не отображаемости объекта swf в браузерах на андроиде. Естественно проверяю на браузерах с поддержкой Flash, саму анимацию воспроизводит по прямой ссылке, но вот вставленную в структуру сайт нехатит. мой простенький сайтик: sir-shaak.ru вставляю флешку так: <object width = "1000" height = "200"> <param name="movie" value="Flash/logo.swf"> <embed src="flash/logo.swf" width="1000" height="200"> </embed> </object> кто может что-то подсказать по этой теме?
0 votes2 answers -
Как сделать в резиновой шапке....
Как сделать в резиновой шапке 3 картинки следующим образом: одна прижата к левому краю другая к правому и одна плавает по центру.?! Верстка на дивах. <div id="header"> <div class="left"></div> <div class="center"><a href="/"></a></div> <div class="right"></div> </div>
0 votes1 answer -
видео ложиться на видео
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>JS Bin</title> <style> iframe { display: none; } label { cursor: pointer; } input { display: none; } #video-1:checked ~ .ser1 { display: block; } #video-2:checked ~ .ser2 { display: block; } #video-3:checked ~ .ser3 { display: block; } #video-4:checked ~ .ser4 { display: block; } </style> </head> <body> <label for="video-1">1 серия</label> <input name="vidos" type="radio" id="video-1"><br/> <label for="video-2">2 серия</label> <input name="vidos" type="radio" id="video-2"><br/&…
0 votes1 answer -
Сдвинуть прокрутку вправо
http://impuls-forum.ru/ В модуле "Наши партнеры" - при нажатии на левую стрелку - изображения наезжают на нее. Как это исправить?
0 votes2 answers -
Чем проверяете "кроссбраузерность"?
Чем тестируете сайт на кроссбраузерность? Сделала себе набор новичка: 1) Последние версии Chrome, Firefox, Opera, IE. Последняя доступная Safari для windows. 2) IE tester и режимы совместимости IE, а также сайт http://netrenderer.com/ из-за переодических глюков этих программ и неверного отображения. 3) Сайт http://browsershots.org/ до кучи убедиться, что сайт терпимо выглядит, но в основном ориентируюсь на программы на компьютере. 4) Какие нашла portable версии старых браузеров firefox 3.0, 3.5, 3.6, 10.0 Opera 9, Opera 10 Может что-то еще нужно поставить, скачать или какой-то удобный сервис?
0 votes3 answers -
Масштабы верстки сайта!
Сделан дизайн и когда верстальщик его сверстал, мне сайт показался слишком крупным. Я попросил верстальщика уменьшить его на 25%, на что он мне сказал, что все изменения он вносит после программирования. В итоге выясняется, что теперь этого нельзя сделать, и даже когда не была сделана программная часть и тогда оказывается нельзя было изменить масштабы пропорционально, что теперь данная процедура будет расцениваться как новая верстка сайта. Правильно ли он говорит? И еще один вопрос: возможно ли весь сайт уменьшить пропорционально, а не каждый элемент отдельно.
0 votes4 answers -
Проблемы с position: absolute
Я блоку block-accordion поставил position: relative, а блоку main-item-accordion positiotn:absolute. И почему-то блок прижался не к block-accordion, а к body http://codepen.io/anon/pen/Yqabej Сделал тот-же самый код и работает http://codepen.io/anon/pen/greJjE ничего не понимаю
0 votes2 answers -
Форум
всем привет, я тут учусь верстать, как бы главную страницу, я верстаю, ф форум вообще не знаю как. И собственно просьба, если кто то видел видеоуроки или статьи, на эту тему. Дайте ссылку мне пожлуйста, а то я чет не могу найти Зарание спасибо.
0 votes5 answers -
type radio src image
Как можно сделать чтобы type radio была изображением?
0 votes1 answer -
Проблема с div'ом в IE
Пожалуйста помогите решить проблему с div'ом в IE.Он обрезает картинку в img находящийся внутри него, когда она вылезает за его пределы. Подобная тема уже была создана но автор сразу решил проблему. Ссылка на тему
0 votes0 answers -
Типографика
Допустимо ли использовать на одной странице разные гарнитуры (одного стиля - "рубленый" и т.д.). Причём не так, что меню одним, а контент другим. А так, что заголовок - Arial-ом, а текст под ним - Tahom-ой... Вроде как "не айс", как считаете?
0 votes3 answers -
Вписывание блока по размеру свободной области родителя.
Пишу <html style="border: red dotted 50px; width: 100%; height: 50%; /*padding: 50px;*/"> <body style="border: blue solid 10px; margin: 0; width: 100%; height: 100%; padding: 100px;"> bla-bla-blah </body> </html>получаю бред. 1) Естественное желание - иметь некоторые фиксированные размеры родителя, возможно с padding-ом, а дочерний блок вписать в то свободное место родителя, которое должно остаться после padding. 2) ИЧСХ - по высоте оно всё растягивается, а по ширине - выходит за границу. Решил начать разбираться с корневых элементов, но div-ами, тоже не могу решить этот вопрос <div style="border: red dotted 50px; width:…
0 votes1 answer -
Непонятная конструкция <img>
Вопрос очень прост: что значит и как работает следующая конструкция. <img id="xxx" src="/get_attachment.html?*параметры*">
0 votes6 answers -
Помогите найти техники
В общем интересуют методы и приёмы CSS которые дают возможность ставить блок с контентом на второе или третье место(колонку),при этом в HTML разметке блок контента должен идти первым,как то натыкался в сети а теперь вот не могу найти так как не знаю как такой способ правильно называется,в теме с макетом бросал кто то ссылку с примером но там немного не то.
0 votes5 answers -
Div с прозрачными границами
Доброго Дня! Нужна помощь, не могу понять как верстать, пример на изображении: Высота блока динамична и зависит от контента. Ширина прозрачной границы 10px, отступ во внутреннем блоке 5px до контента(текста или картинок...) Решение нужно на CSS, без использования полупрозрачного фонового изображения.
0 votes4 answers -
Проблемы верстки только на Google Chrome
Всем доброго времени суток. Подскажите в чем дело. Такие проблемы наблюдаются только в хроме. Первая проблема. Последние элементы переносятся (выпадают), причем только в хроме!!!! (примеры сайтов нитек.рф (блок с характеристиками), klut.ru(снизу блок с изображениями)). Эту проблему, так сказать не решил, но заткнул запретом переносов, но это костыльное решение. Есть какие идеи? Вторая проблема не видны линии в меню между пунктами меню (1resurs.ru (причем здесь еще и меню на 1 пиксель выпало вниз...), aloe39.ru). Может кто сталкивался с этим, подскажите..
0 votes3 answers -
Полупрозрачный div с не прозрачными элементами внутри.
Можно ли в полупрозрачный div поместить непрозрачные элементы (картинки,текст...)? Вариант с полупрозрачным png-бэкграундом не подходит.
0 votes2 answers -
DIV съезжает
1) Не получается сделать, чтоб <div> Цены не съезжал вниз, когда ему делаешь отступы вот мой код http://jsfiddle.net/vEWYu/1/ Как это исправить? 2) Вот макет, то, что обведено красным, вот такую вот кнопку можно сделать одним только CSS?
0 votes1 answer -
Нужна помощь с фреймами.
В общем надо разбить центральный фрейм (второй, всего 3) на 2 части, по горизонтали. код: <html> <head> <title>Фреймы</title> </head> <FRAMESET COlS=20%,60%,20%> <FRAME SRC="формы.html" noresize> <FRAME SRC="таблицы.html"> <FRAME SRC="списки.html" scrolling= "yes"> </FRAMESET> <FRAME SRC="таблицы.html"> <FRAME SRC="списки.html" scrolling= "yes"> </FRAMESET> <FRAME SRC="форматирование абзацев.html"> </frameset> </html> как это будет выглядеть?
0 votes2 answers -
Незаметна навигация при помощи клавиши Tab
По каким причинам может быть не виден переход по разделам меню, с помощью клавши Tab?
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-