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
-
Проблема в создании сайта
Всем привет. Изучил html/css, и начал изучать JS. До PHP пока не дошёл. Но можно сказать как раз по нему у меня и есть вопрос. Никак не могу разобраться в одной теме. Как я понял, сайт можно делать вручную (набор html файлов) или в макете на определённой CMS (как я понял там набор php файлов). Так вот, веб то развивается и мне стало интересно: вот я делаю сайт из 10-15 html файлов (блог, например или фан. сайт) и выкладываю на хостинг. Это ведь получается готовый, созданный мной макет, не заточенный под CMS. Но есть ли в нём сейчас смысл или потом, без cms, его сложно будет поддерживать и обновлять? И вообще как потом его заточить под CMS-ку? Вручную переделыват…
0 votes8 answers -
Сьезжает верстка в firefox
Добрый день, сверстал страницу с блоком новостей которые идут под меню колонкой, по одному блоку в ширину контейнера. В хроме все нормально и в файрфокс на моем ноутбуке с разрешением 1366х768 тоже, но с другого компа верстка сьезжает именно в firefox. Немного полазил в браузере и блок становится на место если убрать overflow: hidden, но тогда текст соотвественно вылезает за пределы блока. Скинул весь css на всякий случай. body { margin: 0; padding: 0; background: url(/img/casfon.jpg); } .frame { width: 1200px; background-color: white; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; } .box { width: 1100px; margin: 0 auto;…
0 votes1 answer -
Укращение дикой ячейки.
Добрый вечер. У мя така проблема: есть таблица из 5 ячеек и нужно сделать так, чтобы ячейка с картинкой не растягивалась, т.е. шиоина ячейки=ширине картинки. <html> <head> <title> Фильм. </title> </head> <body> <table border=1> <tr> <td align=center valign=top width=200> <b><h1>Меню</h1></b> </td> <td> Картинка </td> <td align=left valign=top><br> 1 </td> </tr> <tr> <td> 2 </td> <td colspan=2> Бла бла бла бла бла блаБла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла …
0 votes5 answers -
aspx
Мужчины! Нужно подкорректировать сайт, все страницы там с расширением aspx. Есть какая либо принципиальная разница в верстке или еще какие подводные камни?
0 votes4 answers -
Масштабирование картинки
Всем доброго времени суток! Задал этот вопрос в теме про вписывание в div блоки, но поскольку вопрос той темы был решен, я думаю, будет уместно задать его в новой. Можно ли масштабировать картинку внутри блока одновременно по width и по height, но с сохранением пропорций? то есть, если окно вытянуто по горизонтали, то масштабирование идет по height. Окно вытянуто по вертикали - по width. А то получается такая ерунда: если масштабирование идет по height, а окно вытянуто по вертикали, картинка не влезает в окно. А она должна быть вписана в окно браузера. Пример: http://www.delirio.pro/
0 votes4 answers -
Верстка DIV'ми
Добрый день. Верстал уже штук 20 сайтов в жизни. Но такого не когда не видел. _!http://it-project.dp.ua/metal/index1.html именно в IE6 кусок слова переносится на другую строку. Что за ботва?
0 votes5 answers -
Отступ в заголовке.
Всем привет. Я новый пользователь вашего форума. Будем надеяться, что он поможет расставить некоторые точки над и. ... Столкнулся с проблемой, может это не проблема и есть альтернативное решение, но я его пока не нашел. В заголовке второго уровня, мне нужен какой либо отступ, допустим 10px. Если его делать с помощью маргин или паддинг, то он смещается вместе с бордером который идет с низу. Есть альтернативные варианты отступа, без "съезжания" нижнего бордера. Или только использовать спец.символ "nbsp"? li > h2{ border-bottom:2px dashed #222; color:#66C; } li > p{ text-indent:1em; } </style> </head> <body> <div id="main"> <div cl…
0 votes8 answers -
Горизонтальная прокрутка
Доброго времени суток. Проблема такова, при сворачивании браузера, имеется ввиду "Свернуть в окно", на сайт не появляются горизонтальная полоса прокрутки, читал, не нашел где и каким образом это можно поменять, жду помощи от вас.
0 votes7 answers -
Резиновый шрифт
Верстаю резиновый трехколоночный макет. Шрифт в шапке растянут на всю ширину справа от логотипа (логотип - плавающий элемент). Хочу, чтобы при уменьшении окна браузера с 1600 px до 1280px текст заголовока уменьшался от 17pt до 13pt, оставаясь все это время растянутым во всю доступную ширину экрана. Какие приемы для этого существуют?
0 votes3 answers -
Как вставить большую картинку?
Есть html страница, 990 пикс по ширине. Мне нужно вставить туда картинку. Но, картинка большая - 3000 на 2000 пикс. <img src="images.jpg" width="3000" height="2000"> Как это сделать? Чтобы не нарушить дизайн страница - чтобы страница не растянулась на километр... Можно применить полосу прокрутки, но я не знаю как. Желательно, чтобы полоса прокрутки появилась только когда она нужна, а на маленьких картинках была не видна. Фреймы не нужны. Спасибо всем.
0 votes9 answers -
как сделать «full background горизонтальный слайдер»?
Не знаю как правильно назвать,подскажите пожалуйста, как можно сделать «full background горизонтальный слайдер» как на этом сайте http://www.waterevive.com/ ? только мне надо сделать только горизонтальный, переходы вверх-вниз мне не нужны, и на этой сайте используют Ascensor.js – там все меню прописывается в нем, и редактировать его у меня не получается, очень все запутанно, так как все параметры меню целиком прописаны в скриптах, нужен другой способ похожей «навигации»…
0 votes3 answers -
шрифт в IE8
Появилась проблема, шрифт myriad pro работает во всех браузерах кроме ie8 подключен через font-face таким образом @font-face { font-family: 'MyriadProCondensed'; src: url('../fonts/myriadpro-cond.eot'); src: url('../fonts/myriadpro-cond.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-cond.woff') format('woff'), url('../fonts/myriadpro-cond.ttf') format('truetype'), url('../fonts/myriadpro-cond.svg#MyriadProCondensed') format('svg'); font-weight: normal; font-style: normal;}При этом если подключить другой сторонний шрифт, то он будет отображаться. В чем может быть проблема?
0 votes3 answers -
div падал до конца страницы
у меня трёх колоночный макет из див блоков, внизу есть футер, как сделать что бы все блоки див до низу падали, а то падает только тот у кого инфы больше
0 votes6 answers -
Переход между блоками с паралакс эффектом
Натолкните на мысль, как лучше сделать такой "уголок" между блоками: Верхний блок с паралаксом, нижний с градиентом, в обоих блоках есть контент.
0 votes1 answer -
SweetAlert размеры для телефонов
Добрый вечер! Решил стандартный alert заменить на Sweet Alert. Работает все нормально, на компьютерах все смотрится хорошо, но почему-то на телефонах окно обрезается, пытался подправить css, добавить горизонтальную полосу прокрутки, но ничего не получается. Прилагаю 2 изображения: как смотрится на телефоне (обрезанное окно) и как выглядит на компьютере. Что нужно изменить в данном css файле? body.stop-scrolling { height: 100%; overflow: hidden; }.sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bot…
0 votes3 answers -
Как заставить видео и картинку масштабироваться пропорционально?
Здравствуйте! Такая проблема: Есть сайт где на фоне сверху лежит видео, сразу под ним лежит картинка, которая является продолжением видео, имеет такую же изначальную ширину (1920) и должна совпадать с видео пиксель в пиксель, чтоб не было понятно, где оно заканчивается и начинается статическая картинка. Ещё нужно, чтоб они не сужались при уменьшении окна, а центрировались (на видео в центре есть объект, который всегда должен оставаться в центре). Этого достигнуть я пытаюсь с помощью "object-fit: cover" на <video> и на <img> и все хорошо пока ширина окна не начинает превышать 1920рх , тогда они начинают увеличиваться не пропорционально и видео начинает пе…
0 votes2 answers -
Как сделать свой флажок у раскрывающегося списка
Подскажите, есть ли простой способ изменить стандартный флажок у раскрывающегося списка картинкой стрелочки?
0 votes6 answers -
Дочерние селекторы и таблицы
Имеется HTML-код: <?xml version="1.0" encoding="utf-8"?> <!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"> <head> <title>Заголовок страницы</title> <link media="all" rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <table class="my"> <tr> <td> Col #1 </td> <td> Col #2 </td> </tr> </table> </body> </html> и CSS-код: table.my > tr > td { color: red; } Не могу понять, почему данная конструкция не р…
0 votes4 answers -
Верстка Div'ами. Проблемка в Ff =(
Здравствуйте все! Я решил перейти на верстку DIV'ами. Вот, пытаюсь сверстать первый сайт Возникла следующая проблема: в FF не соответствуют задуманному два места: съезжает фон меню, и не тянется слой белого фона (в CSS #white_bg) Подскажите где я накосячил Вот пациент: http://chop-vektor.ru/ Код css файла: * { padding: 0; margin: 0; border: 0; } body { font-family: verdana, tahoma, arial; background: url(images/bg.jpg) repeat; padding: 22px 0 0 0; margin: 0; } .png { behavior: url(pngbehavior.htc); } #clear { clear: both; } #container { width: 794px; height: inherit; margin: 0 auto; } #logo_box { width: 252px; height: 151px; float: left; } #logo …
0 votes2 answers -
Закругление углов с CSS и Java
Подскажите пожалуйста как сделать фон уголков у блока картинкой... А то я ставлю на бэкграунд изображение, а оно не отображается (белый фон). Да, его ведь надо в Скрипте прописывать? Да я знаю, что есть закругление и без скриптов, но решил, так сказать, "добить" эту тему... P.S. Извините если не в тему пишу...
0 votes1 answer -
display: table
Виват всем. простейший вариант. <!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; border: none; height: 100%; } div { background: silver; border-top: 10px dashed red; display: table; height: 100%; } /*]]>*/ </style> </head> <body> <div> <p>Aliquam lacinia aliquam orci in congue. Sed laoreet volutpat imperdiet. Phasellus non neque ut …
0 votes3 answers -
Не опознанная штука
Вот на этом сайте, ребят не подскажите что за маленький квадратик в правом верхнем углу над головой девушки консультации по телефону на этом сайте http://yaroslavllift.ru/ при просмотре в гугл хроме? Кто ответит тому дам конфетку))
0 votes7 answers -
Иммитация таблиц
<div class="menu"> <ul> <li class="befor"><a href="#">Свадьба</a></li> <li><a href="#">День<br />рождения</a></li> <li><a href="#">Выпускной<br />балл</a></li> <li><a href="#">8 марта</a></li> <li><a href="#">День влюблённых</a></li> <li><a href="#">23 февраля</a></li> <li class="active"><a href="#">Пасха</a></li> <li><a href="#">Новый<br />год</a></li> <li><a href="#">Тематический<br />праздник</a></li> …
0 votes5 answers -
Ворос!
Меня настигла проблема с картинкой под фон: Если делать в фотошопе картинку размером 1500х2000(например),то картинка будет мегабайт 8 весить,подскажите,как сжать картинку???
0 votes5 answers -
Лишние 2px от верхнего края body в Opera и FF
Добрый день! Есть вот такой сайт. В Safari, Chrome, IE6, IE7 всё хорошо. НО. В FF и Opera появляется разница в 2px по высоте между верхними левым правым блоками и центральным. Как это победить? Голова уже квадратная. На просторах интернета не смог найти похожего. Почти лечится хаками для Oper'ы, но тогда такой же косяк в IE7 появляется. HTML <div id="top"> <div id="menuLeft"> <img src="/pics/topMenuLeft.png" class="png" width="225" height="150" border="none" alt="MenuLeft" usemap="#MenuLeftMap"> </div> <div id="menuRight"> <img src="/pics/topMenuRight.png" class="png" width="225" height="150" border="none" alt="MenuRight" usemap="…
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-