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
-
input type=file
Известная проблема: подогнать под дизайн сайта поле загрузки файов: добавить бордюр, сделать внутренние отступы, сменить кнопку и т.д. Вот и я поимел первый опыт борьбы с ней. Хочу попросить покритиковать мое решение. Сразу скажу, что основано оно на идее перекрытия настоящего файл-инпута кнопкой и текстовым полем. Мне почти подошло решение предложенное здесь, за что автору большое спасибо, но пришлось немного допилить под себя. Моя задача: кнопка BROWSE выводится справа от текстового поля. Занимаюет ширину "по ширине текста в ней". Все оставшееся место уходит на текстовое поле имени файла. Подход к решению: делаем два div`а: в первый помещаем input type=text. Во второй i…
0 votes2 answers -
Не работает behavior:url(border-radius.htc);
В css используется: -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-outline-radius: 5px; border-radius:5px; В Google Chrome все отлично работает. Для работы в IE8 используется: behavior:url(border-radius.htc); Тем не менее, в IE8 уголки не закругляются. Подскажите, пожалуйста, как решить проблему?
0 votes6 answers -
Помощь по СSS.
Подскажите плиз! Почему я создаю в HTML тег " " в него закладываю "UL" и LI, а в "LI" текст которому хочу придать нужное изображение. В CSS делаю селектор - .menu, прописываю туда правила, но почему то это не влияет на LI, что бы изменить текст, мне приходится прописывать правила непосредственно для "LI". в чем причина?, и как сделать так что бы правила для блока .menu распространялись на текст внутри его? Ведь LI я хотел добавить еще в некоторые блоки уже с другими правилами. <!DOCTYPE html> <html lang="en"> <head> <title>MySite</title> <meta charset="utf-8"> <link rel="stylesheet" href="text/style.css"> </…
0 votes7 answers -
Ширина DIV'а
Суть проблемы: есть div-контейнер, внутри него расположен другой div, ширина которого может превышать ширину окна браузера. Ширина div-контейнера при этом остается равной ширине окна браузера. В результате, когда крутишь горизонтальный скроллинг, div-контейнер обрывается и получается некрасиво. Заранее спасибо. Пример: <html> <body> <div style="background: red;"> test <div style="background: green; width: 2000px;"> test </div> </div> </body> </html>
0 votes8 answers -
Div внутри другого div'a
Есть одна задача, которую никак не могу решить. Нужно внутри одного дива в правом верхнем углу зафиксировать другой див. Можно было бы второй див поместить в первый и задать ему абсолютное позиционирование и значение левого поля: position: absolute; padding-left: вот только ширина первого дива задается в процентах и поэтому сколько отступать не понятно. Как лучше всего поступить?
0 votes5 answers -
XHTML vc IE7
Приветствую. Всех с наступившим НГ 8) и последующими праздниками )) Собственно тут такой прикол нашли. Разрабатываем web-приложение, где естественно куча верстки и много динамики. Так вот... IE7 своим нереально медленным рендерингом динамики просто поражает. Сидели думали в чем проблема... Как оказалось после отключения доктайпа: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> и переводя его в QuirksMode производительность браузера поднялась раз в 10ть. Только без доктайпа не хочется писать продукт. Может кто-то встречался с подобной проблемой…
0 votes12 answers -
как выровнить
помогите плиз как выровнить это в каждой строчке по горизонтали.
0 votes13 answers -
Изучение HTML языка
Привет всем! Я начал изучать css язык, и как говорилось в моей другой теме, изучать стоит паралельно с html языком. Вот тогда вопрос, какой html язык мне стоит изучать? HTML5? Или HTML4? И как это повлияет на отображение в браузерах?
0 votes18 answers -
Объясните пожалуйста, как работает min-width
Здравствуйте. Не совсем понимаю, как работает min-width. 1) http://jsfiddle.net/vso3L62k/16/в этом примере width=50%, min-width= 400px. Мы наблюдаем, что при уменьшении окна ширина блока уменьшается, до тех пор пока не станет 400px. 2) Если мы ставим width diva не 50%, а 1000px. min-width делаем 200px. То почему при уменьшении окна браузера размер блока не изменяется, а появляется ползунок?
0 votes4 answers -
Кроссбраузерный @font-face
@font-face {font-family: Lobster; src: url('fonts/Lobster.eot'); /* IE9 */ src: url('fonts/Lobster.eot?') format('eot'), /* IE6-IE8 */ url('fonts/Lobster.woff') format('woff'), /* Современные браузеры */ url('fonts/Lobster.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Lobster.svg#svgLobster') format('svg'); /* iOS */} h1 {font-family: 'Lobster', serif; font-size: 288px;} В Сафари, Хроме — работает. На Айфоне и Айпаде — нет. Чем дополнить, что исправить? Подскажите. Спасибо.
0 votes3 answers -
Запрет переноса блоков.
Здравствуйте! Без лишних слов опишу проблему. Есть три DIV элемента на одном уровне по float:left. 1 блок - ширина фиксированная(53px) 2 блок - резина(max-width:1400px 3 блок - ширина фиксированная(53px). Суть в том что не могу сделать следующее: При уменьшении размера окна браузера все блоки остаются на одной линии, а 2 блок уменьшается в размере. Сейчас происходит так что все 3 блока съезжают на следующую строку и только потом 2 блок начинает уменьшаться. Буду благодарен за любую помощь, которая поможет приблизиться к данному результату!!! Чтоб наглядно было прикрепляю анимацию того что нужно и того что происходит сейчас. Заранее спасибо!
0 votes11 answers -
flash и гиперссылка
Как сделать гиперссылку на flash-объекте, что бы она вела на конкретную страницу?
0 votes4 answers -
Загрузка элементов страницы. Проблемы.
Серьезно слежу за скоростью загрузки сайта, кешированием и т.п. Но по тестам загрузки стали появляться проблемы. Среди загружаемых файлов проскакивают ошибочные (посмотрите по ссылке). Либо этих фалов нет, либо есть ссылка на файлы которых нет. Практически на каждой станице сайта встречается такая проблема. Как правило это jpg картинки, которые имеют транслированные УЛР. Как избавиться от этой проблемы?
0 votes7 answers -
Помогите разобраться в чем проблема с PerfectPixel
Добрый день! Воюю с позиционированием по центру экрана, вернее, блока wrapper-a. Решал задачу через свойство "position". Задал wrapper-y relative, а дочернему блоку, который и нужно отцентрировать, само-собой, absolute.Задал отступы слева, сверху по 50% и margin -top, -left по отрицательной половине высоты и ширины дочернего блока. И тут возникает проблема-открыв шаблон и свою верстку в PerfectPixel увидел несоответствие по отступам сверху и слева. А ширина и высота самих блоков целиком совпадают. Отступы у родительских блоков(внешние и внутренние) у меня убраны. И попытка поиграться со значениями успеха не дает.
0 votes12 answers -
Эффекты перехода страниц в Firefox
Почему-то не работают эффекты перехода страниц в браузерах Opera (вполть до 9.20) и Firefox. IE отображает их правильно и красиво, но кому он сегодня нужен! Есть ли хитрый способ заставить работать переходики и в этих актуальных браузерах тоже? Заранее благодарен за отклик.
0 votes3 answers -
как зафиксировать размер таблицы
Привет. Как зафиксировать размер ячеек таблицы, чтобы они не сужались до размера содержимого?
0 votes5 answers -
Помогите усовершенствовать скрипт!
Хотите верьте, хотите нет, этот скрипт я придумал сам (знаю, может где-то такой и есть), но мой моск умудрился слепить 2 скрипта в одном Собственно сделал так, чтобы при клике на эскиз фото оно открывалось в оригинале. Вобщем дальше моск вскипел и перестал работать, собственно надо еще сделать так, чтобы при клике на этом открывшимся фото оно возвращалось в прежний эскизный вид. Помогите пожалуйста усовершенствовать код, хочу написать галлерею. <a href=images/mbike.jpg><img width="300" src="images/mbike.jpg"></a>
0 votes10 answers -
наследование высоты
сломал голову в размышлениях над: body, html{height:100%} если задать высоту таблице или блоку 100%, он адекватно растягивается, если структура таблицы представляет 3 строки, 1я и 3я - фиксированные высоты, то почему автоматом не вычисляется высота 2й строки(имею ввиду ячейку, не важно), если указать высоту 2й ячейки 100%, то она считается от BODY, а не от таблицы, даже если у таблицы есть еще один родитель со 100%, как сделать чтобы TD считал высоту от высоты таблицы, а не от BODY? как заставить DIV принимать высоту в 100% от родителя с % или явно не указанной высотой?
0 votes4 answers -
Полупрозрачный фон в GIF
Есть фоновый рисунок у элемента, рисунок в gif формате, как сделать его полупрозрачным через фотошоп?
0 votes6 answers -
Вертикальное меню (раздвигающееся вниз)
Пытался делать с помощью высоты, visibility, но не чего не получается, следующий пункт li в основном ul'е не хочет двигаться, как мне сделать чтобы он захотел? И как вы делаете вертикальные меню? в ксс только(просто другое совсем не знаю) Как же ЭТО СДЕЛАТЬ?
0 votes5 answers -
Тип элементов figure и figcaption
Блочными или строчными являются элементы figure и figcaption?
0 votes12 answers -
оформление ссылок - бордюр?
Не раз встречался с рекомендациями оформлять ссылки не с помощью text-decoration:underlineа посредством border-bottom: 1px solid #некий_цветпри этом, однако, неаккуратно смотрятся картинки, являющиеся ссылками - у них внизу появляется "подчеркивание". насколько я знаю, средствами CSS невозможно исключить свойство нижнего бордюра для ссылок, содержащих тег IMG. Остается только использовать JS (находить все теги A с вложенными IMG и прописывать им border:0), однако при этом процесс загрузки документа выглядит не слишком эстетично (JS запускается после окончания формирования DOM). Что думаете по этому поводу? Есть ли приемлемые способы решения проблемы?
0 votes7 answers -
float:left и выравнивание по центру
Добрый день, есть простой код: <div style="width:auto; height:150px; margin:0 auto;"> <?php for ($x = 0; $x < count($arraypath); $x++) { ?> <div style="width:100px; height:102px; margin:28px 10px 0 0; float:left;"> <img src="<?php echo $arraypath[$x]; ?>" title="" alt="" style="width:100px; height:102px; cursor:pointer;" onclick="chadphoto(this);" /> </div> <?php } ?> </div> Как сделать, что б картинки, вне зависимости от их кол-ва, были всегда по центру div'а ? В данном примере они все прижаты к левому краю.
0 votes2 answers -
Проблема с дивами
Привет всем. Делаю верстку для заказчикаhttp://ageent-ua.narod.ru/ У меня возник вопрос как сделать дивами тянущийся футер? Как здесь http://grotesk.com.ua/ У меня синяя должна стоять а зеленый цвет идти вниз. Только здесь сделано с подошью таблиц. А хотелось бы с помощью дивов. Возможно ли это? Если да то подскажите как. Буду рад если подскажите ) Скачать сайт можно по этой ссылке Жду советов! Хотелось бы верить что они будут. С уважением Куприянов Д.А.
0 votes15 answers -
Bootstrap, 3 колонки в две строчки
Здравствуйте, Никак не могу найти причину почему колонки съезжают. Знаю, что одна колонка ниже остальных, но как это влияет на bootstrap не понимаю. Посмотрите пожалуйста? http://xn—-7sbqkbjlgtakdhickq1a2n.xn--p1ai/
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-