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
-
Div во всю высоту родителя
Привет! Балуюсь вёрсткой макетов, возникла небольшая сложность. Как растянуть div во всю высоту родительского блока? Пробовал везде поставить height:100%, помогло. Но нужно чтобы родитель растягивался не на 100%, а на высоту контента в нём. Собственно вот сайт: http://gelion.ucoz.com/
0 votes2 answers -
Проблемы в IE8
Всем привет! На этой странице http://realtimetrading.ru/free-software не правильно ведут себя кнопки "скачать".. Проблема только в IE8, в остальных браузерах все норм. Прошу вашей помощи, очень надо!!!
0 votes1 answer -
Закрасить фон отдельного элемента
Подскажите пожалуйста как закрасить фон меню, раньше он был белый а когда поставил выпадющее меню, то стал прозрачный.Меню здесь http://ag-t.com.ua/rus/index.php Я так понял нужно убрать opacity и заново прописать цвет фона. Делал так, но получаеться белая полоска, которая выходит за рамки макета.Подскажите как закрасить именно область меню.
0 votes5 answers -
Отображение линейной связи элементов дерева
Приветствую. К сожалению, дизайнер во мне умер давно, и вряд ли оживет. Имеется древовидная структура такого вида: 2175 | Task #1 | Открыто | N/A 2176 | Task #2 | Открыто | User1 2177 | Task #3 | Открыто | N/A 2178 | Task #4 | Открыто | N/A 2179 | Task #5 | Открыто | N/A 2180 | Task #6 | Открыто | User2 2181 | Yet Another Task | Открыто | User1 Собственно, это дерево заявок в баг-трекере в формате "номер | имя | статус | ответственный". Помимо связи parent issue-child issue баг-трекер позволяет создавать линейные связи issue-issue, которые тоже нужно как-то отображать. Интерфейса у всего этого еще нет никакого, он только прорабатывается и придумывается. Посем…
0 votes0 answers -
Проблема с средней колонкой и меню по середине страницы
Спасибо за внимание. Я сама разобралась.
0 votes0 answers -
Подскажите новичку:)
Есть блок: #content { /*Центральная колонка*/ margin: 25px 275px 0 275px; /* Отступ на ширину левой и правой колонки*/ background:#00FF00; } Как в него вставить рамку-изображение?
0 votes2 answers -
Плавный переход между спрайтами.
В общем есть такой сайт http://epicforever.ru/ Наверху в правом углу есть кнопка play, при наведении бэкграунд меняется, там есть спрайт. Хочу сделать плавную смену, через CSS3 и транзишены не получается, он не меняется а "перекатывается". В голову приходит вариант только через js, как у меню, но он очень муторный, еще подумываю о том чтобы 2 отдельные картинки друг на друга наложить, и менять прозрачности. Есть другие варианты, может кто подскажет?
0 votes2 answers -
Как правильно задать размер блока с картинкой ( CSS ) ?
HTML к первой картинке: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="logo"> </div> <div id="content"><div><div><div><div> <div class="nav_k"> <ul> <li><a href="index.html"></a></li> </ul> </div> <p class="main_content">Содержание блокаСодержание блокаСодержаниеСодержание блокаСодержание блокаСодержание блокаСодержание блока Содержание блокаСодержан…
0 votes0 answers -
Скрипт чат
Нужно сделать так чтобы когда сообщение по нажатию на кнопку отправить было видно сразу пользователям о том что, что то написали без перезагрузки страницы (И по возможности чтобы было звуковое увидомление) - Чтобы было понятней - например как в контакте Подскажите как это сделать пожалуйста, может есть готовый скрипт
0 votes6 answers -
Не могу выровнять инпуты
Добрый день. Я не дизайнер и не верстальщик, я программист, но вот появилась необходимость сделать веб-интерфейс, и в качестве красивости для него выбор пал на twitter bootstrap. В общем для примера есть такая вот табличка: на jsFiddle mystyle.css (в общем-то изначально для уменьшения размера текста) такой: tbody label,tbody input[type="text"],tbody input[type="number"],tbody { font-size: 12px; } tbody label { width: 128px; } tbody input[type="text"],tbody input[type="number"] { height: 16px; margin-bottom: 2px; } Что я хочу - в последней колонке три инпута, как бы их выровнять под линеечку? Сейчас это выглядит как на картинке1. Мне почему-то казалось…
0 votes2 answers -
Список блоков с разным вертикальным выравниванием
Кто-нибудь знает, как сделать так: Пробовал способ Чикуёнка, но там блоки в плотную не становятся.
0 votes11 answers -
Навигация напротив логотипа
Пытаюсь сделать свой первый сайт. Хочу чтобы кнопки навигации находились напротив названия, но не знаю как это реализовать. Как сейчас: Как надо: сам сайт Надеюсь на вашу помощь.
0 votes5 answers -
CSS, псевдокласс :hover
Возник вопрос относительно css псевдокласса :hover нужно, чтобы при наведении мыши на один элемент менялся стиль другого элемента, причём последний не является дочерним и располагается в другом месте html - кода пример: <!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" /> <title>Документ без названия</title> <style> #a { color:#0F0; } #a:hover { color: #000; } #p { color: #C00; display:none; } #a:hover #p { color: #C0F; display:block; } …
0 votes7 answers -
помогите разобраться..
Создать интерактивно пополняемый текст в документе (например, отзыв о сайте) посредством CGI-приложения. Отправляемые на сервер сообщения пользователя с информацией «имя пользователя» и «текст сообщения» должны проверяться на заполненность на стороне пользователя посредством Java-скриптов. Возможный способ решения - в текстовый файл, находящийся на сервере, дописывать текстовую информацию из формы документа и помещать этот файл в контейнер IFRAME документа. Можно где-нибудь посмотреть примеры? не могу в интернете найти информацию..даже не знаю как правильно запрос написать.
0 votes0 answers -
Создание отдельных файлов картинок из psd
Добрый день! Помогите, пожалуйста, начинающему верстальщику. Есть макет: http://db.tt/1CKLxFyy Нужно сверстать страницу. Вопросы: 1. Как лучше сохранить фоновый рисунок. Я имею в виду, нужно ли два слоя с градиентом сохранять отдельно или объединить 4 нижних слоя в файл jpg и это сделать фоновым изображением или объединить 4 нижних слоя и все прочие рисунки ( за исключением ссылок, текста, картинки с видео и т.п.) в один файл jpg и это сделать фоновым изображением. 2. На ваш, опытный, взгляд этот макет - макет резинового сайта или с фиксированной шириной? Если резиновый, что делать с фоном на болших экранах? 3. Пункты меню разбросаны по странице. Это делается на дивах…
0 votes2 answers -
Можно ли связать через css два тега?
Всем доброго времени суток. Подскажите, пожалуйста, можно ли как то в CSS прописать взаимосвязь, чтобы при наведении курсора на картинку, менялась сама картинка и текст рядом с ней. Я всю голову сломала, как можно эту задачу можно решить через css, чтобы не привлекать программирование или яву. А может ответ плавает на поверхности... На странице есть картинка-ссылка <a> и текст спрятанный <p style="display:none;">. При наведении на картинку нужно, чтобы она менялась (ну это понятно a:hover {url(/image.jpg)} ), но и чтобы одновременно с ней появлялся невидимый текст, который находится неподалеку. Есть выход сделать появляющийся текст тоже картинкой которая вылаз…
0 votes7 answers -
Таблица сьезжает при масштабировании
Добрый день. Есть сайт (http://kupivse.org/). При изменении масштаба, таблица, которая выводит 2 новости над лучшими предложениями смещается вправо, пытался выравнивать по центру с помощью margin:auto - не помогает Есть идеи что не так с ней?
0 votes5 answers -
Поднять div
Доброго дня. У меня проблема с дивами. Вот что имею: В результате расположение блоков таково: Помогите поднять Блоки 4 и 5 к топу.
0 votes10 answers -
Как зафиксировать меню
Добрый день! Подскажите, пожалуйста, как зафиксировать меню чтобы при прокрутки страницы, меню оставалось на своей позиции??? знаю, нужно к меню добавить: position fixed но от меню остаются узенькая полосочка! пробывала прописать высоту, не получается! Мой сайт Подскажите, кто знает!
0 votes5 answers -
Шрифт на сайте
Не могу понять одну вещь, объясните пожалуйста) К примеру хочу создать сайт, на котором будет использоваться не стандартный шрифт, скачанный с Интернета В css прописывается такой то такой то шрифт, но если у пользователя нету такого шрифта, соответственно будет использоваться шрифт, следующий в списке в css Но ведь другие шрифты, стандартные не подходят к дизайну сайта, нужен только тот, первичный, либо вторичный, но все равно не стандартный с подходящим дизайном для сайта Как быть в такой ситуации? если у пользователей нет тех шрифтов, что я использую на сайте? PS Использовать стандартные - сразу нет, делать вместо текста картинки - сразу нет
0 votes5 answers -
table или div
Возник недавно такой вопрос,как лучше писать сайт? Таблицами или блоками? Либо совмещать таблицы и блоки?
0 votes7 answers -
Два дива, выравнивание
Очень уж стыдно спрашивать в очередной раз у вас, думал что разобрался полностью с версткой дивов Оказалось нет Легкий и глупый вопрос, но деваться некуда Есть див ид=1 В нем два дива (ид=2 и ид=3, к примеру) ид=2 это картинка с флоат=лефт, ид=3 это текст Нужно что бы ид=3 находился на средней линии с ид=2, проще - посередине по вертикали
0 votes8 answers -
Слои, JavaScript и IE
Всем привет! Начал делать простенький сайт для фотоотчетов о путешествиях с галереей. за основу взял бесплатную версию фотогалереи на Java (если так правильно говорить) тут: http://www.simpleviewer.net/simpleviewer/ Все очень просто, понятно и удобно. Оставалось добавить лишь пару строк описания к самому путешествию (т.е. ко всему сайту-галерее). И сделал это через слои, наложив нужный текст поверх флеш-пространства в свободных от изображения местах. Однако работать это стало только в Мазиле и Хроме (Оперу не пробовал), а IE (версия 6,7,8,9) отказывается. Слой с этой флеш-галереей просто покрывает все остальное содержание сайта независимо от z-index. В процессе эксперимен…
0 votes1 answer -
Смещение левых блоков
У меня такая проблема. Смещается левый блок. Помогите решить проблему что бы блок не смещался после заполнения формы гостевой книги. Вот до http://hostingkartinok.com/show-image.php?id=01c25f1eb39fe92f03b47443b88a071d Вот после http://hostingkartinok.com/show-image.php?id=70c343cd9f32c4f51f1dc93b293434e5 ссылка на сайт http://78.106.50.188/gbook.php#
0 votes5 answers -
Как поменять высоту блока?
Всем привет! Я никак не могу поменять высоту одного из блоков в шаблоне. Предполагаемое меню 50рх, а высота блока 90рх. Инструменты разработчика не показывают, в каком из множества файлов шаблона это меняется... Помогите, пожалуйста, уже глаза на лоб лезут. Вот скриншот Спасибо!
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-