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
-
Пропорциональное уменьшение сайта, бред ли?
Скажите пожалуйста, возможно ли такое вообще? К примеру есть сайт, 2560px в ширину. Можно ли сделать так, чтобы вплоть до 980ти пикселей он просто, как картинка с шириной 100% уменьшался, а потом перешёл в мобильную версию? Это же полнейший бред?
0 votes3 answers -
Неправильное повторение фона в IE6
Пытаюсь сверстать рамку (только нижнюю часть), используя только один фоновый источник: Файл win-btm.gif <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Title</title> <style type="text/css"> body {background: #fff; color: #000; font: 8pt verdana; margin: 0px; padding: 0px; width: 100%; } .win-loginbox { margin: 155px auto auto auto; width: 288px;} .win-btm-left { background: url('win-btm.gif') no-repeat 0px -20px; } .win-btm-right { background: url('win-btm.gif') no-rep…
0 votes3 answers -
Div
у меня вопрос, можно ли задавать координаты размещения слоя от какой либо картинки, а то они у меня на болшем расширение сьезжаютв бок(у меня 1024x768 )
0 votes10 answers -
Нада выровнять абзац
Привет всем.Столкнулся с такой проблемой . Есть несколько абзацев ,внутри каждого картинка и текст. в свою очередь абзацы находятся в диве. Мне нужно чтоб абзацы нормально шли один за другим и нормально отображались. Везде это получилось кроме ИЕ6 . в ИЕ6 картинка не попадает в абзац. Вот пример. Как это можно исправить ? зы если надо выложу код и сюда.
0 votes4 answers -
Посоветуйте хостинг для сайта
Завтра хочу запустить свой сайт,но немогу определится с выбором хостинга для него,в гугле даже если написать "лучшие хостинги" выдаст сотни практически одинаковых(и по цене и по предоставляемому функционалу)хостингов,какой из них выбрать я не знаю... Мой сайт - информационный портал&блог,весит не много,всяких сверхсложных языков в нем не использую. Нужен такой хостинг которым пользуются известные сайты,проверенный и надежный,ну и что бы была регистрация доменного имени ofc.
0 votes9 answers -
Две фоновых картинки (вверху и внизу)
Нужно сделать так, чтобы вверху странички была одна фоновая картинка, а внизу - другая. Посмотрел, поискал где и как это сделано, не нашел ничего лучше чем так: <body style="background:url('img_bottom.jpg') no-repeat bottom middle"> <div style="background:url('img_top.jpg') no-repeat top middle"> тут содержимое странички </div></body>Вопросы: 1. Почему в примерах, что я нашел, во внешнем контейнере задается нижняя фоновая картинка, а во внутреннем - верхняя, а не наоборот? Так чем-то лучше или совершенно безразлично? 2. Есть ли более простой способ задать две фоновый картинки? З.Ы. не middle а center, спасибо!
0 votes11 answers -
Css
Указываю в css: .intro { width: 100%; height: 100vh; background: url(/image/intro.jpg) center no-repeat; background-size: cover; } Нажимаю на url картинку показывает, а в html ее нету...
0 votes2 answers -
Небольшой промежуточек
Доброго всем дня, прошу помочь капельку доработать верстку. Хочется, чтобы между вырхней\нижней границами окна и хидером\футером было пространство, допустим в 10px или 1%. Пробовал писать что-то типа body {height:98%; margin-top:1%}; или же html {height:98%; padding-top:1%}; и т.д. Выходит ерунда, хотя, вроде, все логично... Благодарю за помощь. <!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"> <head> <style type="text/css"> html, body { padding: 0px; margin: 0px; height: 100%; margin-left: 20%; margin-ri…
0 votes10 answers -
Высота блока 100%
Понимаю, тема уже до дыр заезженная, и гугл результатов по ней выдает порядком. Но что-то все рецепты либо не работают, либо работают не кроссбраузеро, либо рецепт немного в другом ключе, чем мне надо. Нужен див, с абсолютным позиционированием на 100% ширины и высоты экрана. Область дива должна распространяться и за пределы видимости экрана если контента очень много. Нужен для того, чтобы показывать gif'ку лоадинга, пока страница думает + так же блокировать все элементы управления на странице. Вот понадергал из разных рецептов. * { border:0; font-family: Tahoma, Arial, Verdana; font-size:12px; margin:0; outline:none; padding:0; } html, body { background:#FFFF…
0 votes10 answers -
список строкой
Создал список строкой через float:left;. В списке картинки. Привентил плагин Pagination. Плагин работает, но беда в том, что браузеры воспринимают список столбиком, хотя картинки располагаются строкой. Т.е. браузер растягивает окно суммирую ширину картинок в списке, оставляя под футером пустоту. display:inline нельзя использовать - нарушает работу плагина. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="sty…
0 votes2 answers -
Javascript date
Есть дата (строковая переменная) 20130401 как уменьшить строку на день, чтобы было 20130331, а не 20130400? Вычесть единицу не катит var day = (((r.substring(0, 2)) * 1) - 1; var month = (r.substring(2, 4)) * 1; var year = (r.substring(4, 6)) * 1;
0 votes15 answers -
Анимация CSS3 или JavaScript
Ребят, подскажите, пожалуйста, есть ли вообще смысл изучать и применять анимирование на CSS3, ведь javascript куда чаще используется для решения данных задач? Да и вообще, в каких случаях целесообразнее использовать CSS3, а когда javascript? Заранее спасибо всем кто обьяснит и поделиться своим опытом с бедненьким неучем!
0 votes14 answers -
При нажатии кнопки выполняется проверка на количество символов
Добрый вечер. Помогите пожалуйста, не знаю как сделать подобное задание. Дано пять полей. При нажатии кнопки выполняется проверка того, что все поля содержат строки длиной от 5 до 7 символов.
0 votes4 answers -
Выравнивание ПОДтаблицы
Вроде форумом не ошибся))) Помогите траблу убрать..... Первая таблица уезжает вниз. Как сделать что б их шапки были на одном уровне? Заменить две таблицы одной не предлагать -- данные генерятся динамически, поэтому это исключено. <table border=1> <tr><td> <table style="vertical-align: top;"> <tr class='title'><td>Òåëåôîí</td><td>Äåéñòâèÿ</td></tr> <tr class='subtitle'> <td><p align="left">......</p></td> <td><a href='.......'>Ðåäàêòèðîâàòü</a> <a href='......'>Óäàëèòü</a></td> </tr> <tr class='subtitle'>…
0 votes2 answers -
Музыка на всех страницах.
Как сделать,чтобы на сайте играла музыка флешем,и при переходе на другие страницы музыка продолжала играть?
0 votes3 answers -
Регистрация в поисковых системах
Кто подскажет, как лучше регистрироваться в поисковых системах. Что должно быть прописано на страницах (например )? Достаточно зарегистрировать одну страницу или желательно все? И приведите, пожалуйста, список адресов поисковых систем.
0 votes7 answers -
проблема с 3-мя колонками
Вроде элементарный код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> html, body { height: 100%; width: 100%; padding:0; margin:0; overflow: hidden; } .left { background: #88f; float:left; width:100px; height:100px; } .center { background: #f88; height:100px; margin: 0 100px; } .right { background: #8f8; float:right; width:100px; height:100px; } </style> </head> <body> <div class="left"></div><div class="center"></div><div class="right"></div> </body> </html>…
0 votes3 answers -
Элемент только на главной
Всем привет! Снова обращаюсь к Вам за помощью Мне надо чтобы определенный элемент отображался только на главной странице... Как это реализовать? Можно ли через конструкцию if-else??? Например если адрес в браузере равен "index.php" или "/" то отображаем элемент, если нет - не отображаем. Заранее спасибо!
0 votes7 answers -
Пара вопростов по css
1. css не наследуется, но стили можно складывать? Есть такие заголовки: <div class="header_bg" ><div class="header_news" ></div></div> <div class="header_bg" ><div class="header_tyres" ></div></div> <div class="header_bg" ><div class="header_disk" ></div></div> такие css: .header_bg{ float:none; width:100%; height:38px; margin: 0px; padding: 0px; background-color:#4a84c3; } .header_news{ float:none; width:100%; height:38px; background-position: right top; background-image: url(../img/header_news.jpg); background-repeat: no-repeat; } .header_tyres{ float:none; width:100%; height:38px; background-positi…
0 votes8 answers -
реализация с :after
Всем здравствуйте После меню мне нужно реализовать border-bottom через after, как этого добиться. Моя реализация такова ul:after { content: ""; width: 100%; border-bottom: 10px solid #383838; position: absolute; left: 0; /* Всё вроде нормально, но сам бордер становиться поверх этого меню, а мне надо под*/ } Без absolute ul:after { content: ""; width: 100%; border-bottom: 10px solid #383838; owerflow: hidden; /* Всё вроде нормально, он под меню, но растягивается только под ширину этого меню*/ }
0 votes7 answers -
Не первые шаги
Всем привет прочел курсы по html css ознакомился со статьями по xhtml что есть во вкладке *основное* ОГРОМНЕЙШЕЕ СПАСИБО вроде все понятно но добравшись до раздела связанным с практикой и о УЖС понимаю что моих знаний недостаточно до того как добраться до сайта пытался усвоить что то из других уроков на прочих сайтах (но в силу того что по большому счету на многих ресурсах проблематично разобраться в примерах) конечно не на htmlbook ))) тут я действительно нашел что искал я бы хотел узнать где бы мне чего еще почитать так сказать что бы наполнить копилку знаний потому что хочется очень хочется научится программировать веб ресурсы но возник вопрос ... Итак …
0 votes12 answers -
Преобразование смешанной строки в число JavaScript
Здравствуйте! Есть такой вот элемент - <span id="price">2 490 грн</span>. Мне нужно эту строку (2 490 грн) преобразовать в число для дальнейших математических вычислений. То есть сделать из нее 2490. А потом, после математических вычислений вернуть обратно к виду, например - 2 590 грн. https://jsfiddle.net/5t2xrbzo/ Заранее благодарю за помощь!
0 votes6 answers -
Таблицы и colspan
Есть таблица шириной 100px, в ней 2 строки и 3 ячейки, если первую ячейку первой строки я делаю с colspan="2", то не получается задать ширину остальным двум нижним ячейкам. <table width="500"> <tr colspan="2"> <td> </td> </tr> <tr> <td width="100"> </td> <td> </td> </tr> </table>
0 votes5 answers -
Очень непростая задачка
Здравствуйте! Заранее извиняюсь, если ошибся с темой форума. Есть дизайн со сложным, композитным бэкграундом. Для описания задачи набросал дизайн: Немного описания: Серым цветом - бэк тянется по-горизонтали; Зеленым цветом - бэк тянется по-вертикали; Оранжевым цветом - просто заливка цветом; Фиолетовым цветом - статический бэкграунд. Как я это сделал: HTML: <body> <div id="wrap"> <div id="bg_top_main "> <div id="bg_bottom_tile"> <div id="bg_bottom_main"> ............... </div> </div> </div> </div> </body> CSS: html, body { …
0 votes3 answers -
бэкграунд блоку
Никак не могу задать бэкграунд блоку: всё перепробовал ( http://rubasket.com)
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-