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
-
Несколько внешних шрифтов
Добрый день. Понадобилось вставить внешние шрифты в сайт. воспользовался этим : @font-face { font-family: "Rounded"; src: url(fonts/rounded.ttf); } Вопрос в том, как допустим 2 и более шрифтов загрузить?
0 votes7 answers -
Не работает float в IE6
Не могу разбить хедер на блоки. CSS: .header_left { float : left; width : 230px; height : 140px; margin : 0; padding : 0; } .header_center { float : left; width : 370px; height : 140px; margin : 0; padding : 0; } .header_right { float : right; width : 250px; height : 140px; margin : 0; padding : 0; } HTML: <div id="header"> <div class="header_left"> </div> <div class="header_center"></div> <div class="header_right"></div> </div> Проблема возникла с header_right. В IE6 он упорно растягивается на все свободное место на странице. Подскажите, пожалуйста, как заставить блок соответствов…
0 votes9 answers -
не могу открыть сайт виртуально с компьютера
не могу открыть сайт виртуально с компьютера Сразу скажу сайт я не делал, у меня задача натянуть измененный дизайн на него. Проблема стала в том что индекс.хтмл не откывается полностью тоесть не видно текста, рекламных модулей и всего остального. видно только фоновую картинку и то без подвала. Хотя сайт рабочий и с интернет домена запускается. Индекс.пхп нет файла так как только хтмлки и тпл. разместил сайт таким образом: C:\WebServers\home\test.co\www если в браузере набираю http://localhost/test.co то выходит такой текст Not Found The requested URL /test.co was not found on this server. Подсказка Денвера Вы ошиблись при наборе URL…
0 votes7 answers -
Взаимное расположение маркера checkbox и его текста
Для списков имеется свойство CSS list-style-position с параметром outside. Имеется форма с несколькими checkbox или radio-кнопками. Можно ли с помощью CSS сделать так, чтобы маркеры checkbox или radio находились за пределами их текстового блока, подобно списку с параметром outside?
0 votes9 answers -
Активная ссылка
Толи туплю то ли просто не догоняю ! Суть такая идет меню ! Настроены классы для ссылок вот нада сделать так чтоб при открытой той или иной странице то или иное меню менялся фон ! Хороший пример Здесь
0 votes23 answers -
Как убрать автофокус в поле ввода
Здравствуйте! Возникла такая проблема: при подключении jQuery UI в форме первое поля ввода автоматически устанавливается в автофокус. Как это можно убрать? Пробовала создавать скрытое поле и с display:none, но ничего не помогло.
0 votes3 answers -
верстка таблица отступы
Салемствую Хотел сделать таблицу должна выгледить вот так. http://slil.ru/24502174 А у меня , что то вообше не полуаеться вставляю верхние рис. Устанавливаю минус маргину и на ИЕ вообше рис пропадают на ФФ они вроде как стаят , но после обновления страницы они как и в ИЕ исчезают. Нижние рамки не могу не как сделать. И еще мне кажется что я ее через чурь намудрил например знаю что можно сделать без минусовоого маргина , но не знаю как без него , кто сможет показать как сделать ее более удобной ? Выслушаю все предложения... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title…
0 votes9 answers -
Фоновый рисунок
помогите плиз умным тегом что бы подогнать размер фонового рисунка под размеры страницы. что бы при любом разрешении картинка не уезжала. width: 75%; /* Ширина блока */ height: 90%; /* Высота блока */ не катят с BODY { background: url("123.jpg") /* Путь к графическому файлу */ no-repeat /* Отменяем повторение рисунка */ 0px /* Смещаем рисунок вправо */ 0px; /* Сдвигаем рисунок вниз */ text-align: center; }
0 votes13 answers -
Текст выходит за пределы div, footer залезает на текст (2 колонный макет)
В макете 2 колонки, вставленные в общий контейнер и у каждой float:left. Если поставить свойство height:auto в #content, то обе колонки будут растягиваться под текст при изменении масштаба, однако при среднем масштабе они не будут тянуться до конца контейнера (красный), это можно сделать height:100%, но после этого при увеличении масштаба текст будет вылазить за пределы серой и зеленой колонок. При этом вне зависимости от того, что я делаю с footer, он залезает на текст( https://jsfiddle.net/he2zzh6z/#&togetherjs=5OgHxfnAH5
0 votes9 answers -
Линия на карте мира в Google maps
Добрый день всем. Нужна помощь над задачей, которую не могу решить уже второй день. Суть такая: нужно провести линию между городами из разных континентов на карте мира, используя google maps api v3. Только линию эту надо провести в пределах одной карты, а как видно в примере линия уходит за один край карты и возвращаеться из другого http://jsfiddle.net/Dzhav/m3Dn9/1/ Я понимаю, что линия между точками проводиться кратчайшим путем и пролегла через тихий океан, но мне нужна такая, что проходит в пределах одного экрана не обрываясь ( в моем примере нужно через Африку и Атлантический океан) Не могу никак найти решения задачи и даже вопросов похожых на форумах не вижу . Може…
0 votes5 answers -
Большая картинка в меньшем диве
Доброго времени суток! Не знаю как сделать лучше. Есть большая картинка размером 100*100px, и есть маленький div 50*50px. Как сделать чтобы картинка отображалась в нем полностью? Привожу свой кривой код. html: <div id="wrap_button"> <a class="screen_button" href="#"></a> </div> css: div#wrap_button { width: 50px; height: 50px; } a.screen_button { display: block; background: url(images/button.png) no-repeat; height: 100%; width: 100%; } P.S. <img /> вставлять не желательно, так как при наведении на ссылку должна меняться картинка. Буду благодарен за помощь.
0 votes12 answers -
Форма обратной связи HTML/PHP
Всем доброго времени суток. Я новичок в верстке, и у меня возник вопрос по поводу форм. Сверстал простейшую форму, запрашивающую имя, мыло и текст сообщения. Потом понял, что она сама по себе не будет работать. Прошерстил интернет, понял, что нужно использовать php. Нашел готовый скрипт php для формы. Маленько разобрался в нем, поменял названия атрибутов name, где надо. Однако форма то выдает иероглифы, то ошибки. А письма совсем не отправляет. Сайт, на котором форма, находится на бесплатном хостинге на hostinger. Файлы сайта index.html и скрипта mail.php лежат в одной папке public-html. Форма: <form class="feedback-form" action="mail.php" method="…
0 votes2 answers -
:root
Насколько понял, псевдокласс :root аналогичен селектору HTML.
0 votes6 answers -
<textarea> ???
Подскажите, можно ли сделать скрытой? как в если задать hidden???
0 votes12 answers -
мини-чат
наверно плохо искал подобную тему.. не нашел. нужно созать мини-чат. окошко для написания текста, внизу окошко где будут отображаться сообщение.. можно описать это? поможите?
0 votes25 answers -
Прижать картинку к низу дива
Возникла такая проблема — есть футер прибитый к низу экрану, в нём расположена картинка, у которой указана только ширина в 100%. Т.е. при изменении ширины окна размер картинки будет пропорционально изменяться и высота при уменьшении окна будет уменьшаться, и надо чтобы картинка оставалась прибитой к низу окна, а между ней и дном окна появляется пустое пространство. Высота футера должна изменяться вместе с высотой картинки. Прибить картинку к низу футера с фиксированной высотой получилось, а вот надо чтобы у футера высота изменялась динамически. Как можно решить эту проблему?
0 votes4 answers -
Ответы на тесты с сайта
Не подскажете, где найти ответы на тесты с сайта? http://htmlbook.ru/test/ А то непонятно где мои ошибки?
0 votes9 answers -
Подскажите, как выровнять картинки по вертикали в списке li?
Необходимо картинки разных размеров в теге li, выровнять по высоте, чтобы было красиво Но ничего не получается. Был уверен, что всё должно быть просто). Уже запарился, неужели в li не работает vertical-align: middle; ? Проблему можно увидеть на сайте, например, в описании товара: http://www.foto-cam.ru/catalog/videokamery...110e-black.html на странице описания товара есть куча превьюшек разных размеров, но все они не более, чем 100 на 100. Я в li задал, чтобы этот элемент был размером 100 на 100, с рамкой. Вроде смотрится отлично), но один косяк мне не нравится. Не могу выровнять в этих li сами фотки по вертикали, думаю, так вообще смотрелось бы чтонадо. Если нетрудно, м…
0 votes4 answers -
подключить файл через медиа-запрос
научите пожалуйста подключать определенный файл стилей в зависимости от фактической ширины экрана. следующий код работает <style media="screen">@import "css/styles1.css";</style> <style media="print">@import "css/styles2.css";</style> но здесь проверяется тип принимающего устройства. мне же нужно при ширине экрана >1000px подключать css/styles1.css , при ширине экрана <1000px подключать css/styles2.css
0 votes5 answers -
календарь на сайте
а как календарик на сайт добавить? что бы сам обновлялся, конечно явой или пхп можно??)) помогите ламеру кодом, если можно) заранее спасибо)
0 votes20 answers -
[IE 6.0] Justify и первая строка текста.
В Internet Explorer'e justify не выравнивает первую строку абзаца. http://5tm.ru/?page_id=22 http://5tm.ru/?page_id=19 В Firefox вс? нормально.
0 votes10 answers -
Простой кредитный калькулятор (помогите с PHP)
Пытаюсь сделать простенький кредитный калькулятор на сайте... Три поля ввода (Цена товара, Первый взнос, Срок кредита), две кнопки (Рассчитать, Сброс) и три поля вывода данных (Сумма кредита, Ежемесячный платеж, Сумма переплаты)... Знания в PHP мягко говоря поверхностные... наваял такую штуку.. не пашет... подскажите где я не туда иду... <form nale="calcform" method="post" action="<?php echo $_SERVER ['PHP_SELF'] ; ?>"> <table> <tr> <td>Цена товара, грн.</td> <td><input name="price" type="text" value="0"></td> </tr> <tr> <td>Первый взнос, грн.</td> <td><input name="vz" type…
0 votes10 answers -
Помогите с проигрывателем
В общем, написал на сайте страничку креативов, куда человеки могут закинуть флэшки, видео или музыку. Но возникла проблема с проигрывателем для видео и аудио - перерыл кучу скриптов, везде одно и то же "УСТАНОВИТЕ ПЛАГИН". Разве что медиаплеер11 в седьмом эксплорере работает:) Подскажите мне решение этой проблемы, плиз.... Вот например сайты серии Ютуба - заходишь - работает под всеми браузерами, не без глюков, конечно, но работает
0 votes10 answers -
Съезжают картинки
Текст обтекает картинку, но если его мало и он не доходит до низа картинки, то следующая картинка съезжает вверх, и находится справа от картинки, под текстом. Как сделать чтобы не съезжало?
0 votes2 answers -
реально ли сверстать такой дизайн?
проблема у меня возникла в пространстве между верхом билборда и началом домов, там юзается градиент, при размножении получается кака . Честно говоря уже стал сомневаться что данный диз можно вообще сверстать 1к1 чтобы он был резиновым.
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-