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
-
TEXTAREA - Как сделать жесткие переносы?
Есть textarea с фиксированной шириной. Как сделать чтобы при вводе длинных неразрывных строк - они переносились на новую строку, а не появлялась горизонтальная прокрутка?
0 votes2 answers -
Div верстка (высота и фон)
Сперва ситуация ! Есть дизайн пытаюсь сверстать но появилась проблема в FF,Opera в IE всё нормально ! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> <!-- html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } #page { min-height: 100%; margin: 0 auto; background: #5af } #container {margin:0 auto; width: 960px;height:auto !important;height:100%;min-height:100%;backgr…
0 votes5 answers -
Вставка большого текста
Добрый день. Подскажите, с помощью чего можно вставить на страницу большой объем текста (статью на 100-150 страниц А4), чтобы было удобно пользователю читать + это делалось все не в ручную. Здорово, если будут ссылки на материалы. Заранее, спасибо.
0 votes6 answers -
форматирование внутри option
Здравствуйте, помогите кто знает: Внутри элемента списка option часть текста выделить полужирным и выровнять ее по правому краю.
0 votes3 answers -
Выравнивание слоев в ячейке
Здравствуйте! Надеюсь, что разделом не ошиблась. Извините за чайниковский вопрос, но не получается выравнять слои - наверное что-то неправильно понимаю. Есть ячейка таблицы, в которую нужно поместить многослойную резиновую шапку (фон из body, все остальные картинки с прозрачным фоном) высотой 288px: Слой 1: .head2 – здесь лежит картинка 1024 Х 288, выравненная по левому краю , на ней сверху Н1 Слой 2: .head3 – это картинка «правого нижнего угла» - я ее сделала тоже высотой 288, но она приблизительно половину высоты занимает эти 2 слоя нормально легли и нормально «резинятся» друг относительно друга. Слой 3: .head4 - на слой 2 нужно наложить логотип, поместить его фоном не…
0 votes11 answers -
Фон: растянуть и фиксировать!
Извините, знаю что эта тема уже поднималась, но там не все ссылки работают. Я новичок, поэтому сразу прошу-подробнее!!! Надо растянуть автоматом фон под любое разрешение и зафиксировать. Недавно узнала про существование слоёв, очень понравилась идея, если можно сделать через них, то буду вообще в восторге!!! Ещё раз извините за тему, которую поднимает, наверное, каждый новичок, но я вам торжественно обещаю, что если вы меня научите, когда я подучусь, то напишу учебник и вас больше не будут мучать этим вопросом)))Заранее спасибо!! Всё бы ничего, но в ие вот это не работает: <html> <head> <title>Математика для народа</title> <style type="text/css…
0 votes6 answers -
Cufon
Здравствуйте! При изучении различных св-в и методов подключения шрифтов через Cufon — столкнулся с проблемой понимания того, что же всё таки означают следующие методы и как их правильно прописать?(что бы они функционировали): 1) set 2) now 3) refresh вышеизложенные методы взяты от сюда: http://www.xiper.net/collect/html-and-css-tricks/typographics/cufon.html в дополнение к перечисленному, также хотел бы разьяснить для себя действие следующих св-в взятых из этой ссылки: https://github.com/sorccu/cufon/wiki/styling 1) cufon-active 2) cufon-loading 3) cufon-ready P.S. Перепробовав всевозможные комбинации и варианты, которые не дали результатов решил обратится за помощью сюда…
0 votes11 answers -
ошибка в простейшем xml
помогите пожалуйста разобраться с основами xml сделал пример. он не работает, сообщение об ошибке, которое выдаёт FF такое из сообщения об ошибке даже не понятно куда копать. существует ли способ получить более информативные сообщения об ошибках? и что удивительно, опера документ отображает без сообщений об ошибке. но инструкции xslt-файла проигнорированы при этом
0 votes3 answers -
вложенные 100% div-ы, внутренний вылазит на толщину границы
Приветствую! Есть несложный код: <html> <head> <style> #b { width: 500px; height: 300px; } #i1 { border: 10px solid black; } #i2 { border: 10px solid red; } #i1, #i1 #i2 { width: 100%; height: 100%; } </style> </head> <body> <div id="b"> <div id="i1"><div id="i2">dddddddd</div></div> </div> </body> </html> Запустив, мы увидим что внутренний красный див вылезает вправо и вниз из родителя на ширину границы. Почему так происходит и как сделать, что бы внутренний див был таки целиком внутри?
0 votes2 answers -
Как сделать сайт с плоским дизайном?
Привет всем! Расскажите, пожалуйста, как сделать сайт с плоским дизайном? Для примера даю эту ссылку
0 votes1 answer -
Замороженный .gif
Подскажите, существуют ли проверенные методы решения такой проблемы: при загрузке страницы данные получаются с помощью ajax-запроса и последующего форматирования полученного ответа в нужный вид. Во время этого процесса пользователь видит на странице индикатор загрузки (анимационный .gif). Но в случае большого объема форматируемой информации индикатор прекращает движение и складывается впечатление подвисшего приложения. Как бы выйти из ситуации? Посоветуйте. Спасибо.
0 votes2 answers -
Помогите с таблицей
Здраствуйте . Столкнулся с большой проблемой . Есть таблица width 200 гдето . В ней расположены блоки меню . Вопрос : можно ли как то зафиксировать эту таблицу чтобы она недвигаласть а двигался только шаблон ? Вот примерный скриншот Пример можно увидеть на сайте icondock.com там есть слева блок и он вообще недвигается . Очень очень нужно так сделать и мне. тольо без фреймов а как нибутьть подругому . Заранее всем огромно спасибо !
0 votes7 answers -
"Резиновое" меню
Подскажите, как сделать, чтобы меню, представленное на картинке ниже, было "резиновым" и не переносилось на новую строку при маленьких разрешениях ? Ессно, надо делать списком, но вот как сделать, чтобы оно не новую строку не переносилось - хз. Буду рад любому совету.
0 votes6 answers -
как сделать ссылку на страничке
как сделать ссылку на страничке находящейся на моем компе на папку на этом же компе, чтоб она открывалась в explorer.exe? а не в браузере
0 votes14 answers -
Сайдбар падает вниз.Резиновый двухколоночный макет.
Не могу понять,в чем проблема,сайдбар должен находиться справа,сбоку,а он упорно падает вниз!Он справа,но внизу,под #content, а не сбоку! .Почему?Люди, помогите,пожалуйста!!!)))) css код: @charset "utf-8"; /* CSS Document */ <style> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output…
0 votes4 answers -
Центрирование блоков в блоке
Здравствуйте. Сам не смог найти решение проблемы и решил обратиться за помощью. Суть проблемы в том, что есть блок с шириной 80% отцентрированный, а в нем маленькие артикли, процентов по 30 с отступами и эти самые артикли прижимаются к левой стороне, оставляя пустое место справа. Нужно отцентрировать артикли с отступами, чтобы равномерно разделилось пустое пространство. На фото наглядно суть проблемы, если выразился непонятно. Скрытый текст section { width: 80%; margin: 0 auto; } article { display: inline-block; width: 30%; min-height: 400px; margin: 10px auto; padding: 1rem; line-height: 1.35; color…
0 votes9 answers -
2 прямоугольные трапеции, обращенные друг к другу
Поздравляю с Рождеством мастеров верстки! Подскажите: как сделать 2 прямоугольные трапеции, обращенные друг к другу? Скрин: Пока что не получилось, так как на скрине. Уже и с transform мучался и с clip-path. Может что-то не понимаю. https://jsfiddle.net/PlayboyZP/L24u0mrw/
0 votes1 answer -
Верстка в 2 слоя и их позиционирование
Добрые друзья! Обращаюсь к вам с вопросом, который не могу разрешить уже несколько дней... Есть страница, сверстанная слоями: Заголовок и подвал растягиваются в длину. Content - в длину и в высоту. Слой mini является чем-то вроде боковой колонки. Его высота иногда меняется, а ширина - нет. Вся проблема в том, что когда в слое content мало информации, слой mini наползает на подвал, перекрывая его! Я никак не сумел исправить эту проблему. Пытался использовать табличку, запихнув content и mini в две соседние ячейки, но это лишь породило новые проблемы - т.к. в content'e часто находится преформатированное содержимое (тег <pre>). Пробовал позиционирование - absolute о…
0 votes1 answer -
центрирование дива
У меня есть див, с параметром position:absolute;, как его отцентрировать? Заранее спасибо. И как сделать так, чтобы элементы в диве были по горизонтали?
0 votes6 answers -
нужна помощь
Парни , подскажите что делать, http://face000.narod.ru меню в ЕКСПЛОРЕРЕ норма , а в Ffox проблема, что делать?
0 votes5 answers -
Ячейка таблицы - ссылка
Нужно сделать так: чтобы ячейка таблицы была ссылкой с белым фоном и синим текстом, а при наведении фон менялся на синий а текст на белый (и в любой части ячейки курсор был как при наведении на ссылку). Помогите, как это сделать?
0 votes4 answers -
Переход в начало страницы.
Главная страница остается статичной, все действия происходят внутри фрейма, при пререходе со страницы на страницу, нет возврата к началу! т.е. если я в самом конце страницы, и перехожу с нее по ссылке на другую(расположенную в фрейме), открывается новая страница на том же участке где была ссылка на старой... в общем мучаюсь ппц! не смог найти решение в посковике по тому что не могу описать корректно суть проблемы =))) вот пара картинок чтоб понятней было... вот так выглядит страница. Вот я ее просмотрел до конца перешел по ссылке, открылась новая страница, но на томже участке а хотелось бы чтобы при открытии она каким-то образом возвращалась к началу, вот примерно та…
0 votes5 answers -
Фон на всю ширину
Доброго времени суток, товарищи. Есть вопрос: как растянуть фоновое изображение на всю ширину экрана? Как это сделано, например, на lostfilm.tv? Направьте, пожалуйста, хотя бы в какую сторону копать.
0 votes4 answers -
Шаблон на div-ах) проблема кроссбраузерности
собсно есть шаблон от ТМ написаный под джумлу, я его переверстываю на свою ЦМС (называется мелбис) и наткнулся на проблему что в ИЕ центральная колонка моего шаблона живет отдельной жизнью =( уже кручу шаблон 2-ой день, но всеравно никак не пойму в чем причина =( Мое несчастье =( в Опере смотрется нормально а в ИЕ =((((( центральная калонка начинает стремится в полную ширину Оригинальная демка - оригинал шаблона каторый переверстываю, во всех браузерах смотрится как и задумано. я не силен в дивах, но шаблон доделать нада =( если я все правильно понял то плохо себя ведут или <div class="container"> или <div class="box"> я не прошу готовое решение, но хоть во…
0 votes7 answers -
Br - как обнулить отступ
Всем привет, возможно как нибуть обнулить отступ у br ???
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-