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
-
Почему на этой странице блок выше?
Вот нормально все в футере ссылки удалил... но именно на этой странице он поднимается выше (а надо чтоб граница была нормально а не висела так.,) логика подсказывает что это как-то связанно с тем, что на этой странице нет картинок в 1 и 3 блоке верхнего футера... но что делать? как исправить кроме как присвоить этой странице дополнительный стиль и подвинуть (но мне кажется это не совсем правильынй метод и я тут что-то криво сделал) Спасибо! буду знать. Правда пока по-быстрому выкрутился создав дублирующий блок с другим классом
0 votes1 answer -
Расположение элементов на странице
Очень долгое время меня уже мучает вопрос относительно того, как правильно размещать элементы в нужных позициях. Например есть текст в контейнере. Контейнер без границ, фона. Текст необходимо расположить скажем на некотором расстоянии от верха. Чисто визуально ведь этого можно добиться используя padding-top, или margin-top, или и то и другое вместе. Или используя position, воспользоваться top. То же само касается правого, нижнего и левого краев. И то же самое касается не только текста. Так что же все таки предпочтительнее и в каких ситуациях использовать? Может есть некие "правила"? Например для одних элементов одно, для других другое.. Или это вообще дело вкуса? Подскажи…
0 votes1 answer -
Как сделать стиль для блока с опредленным стилем?
есть 2 блока. нужно, чтобы items-row по разному в них отображался <div class="blog"> <div class="items-row"></div></div>как это сделать в css? вопрос решил, догадался... забыл просто как это делается .blog .items-row .item
0 votes0 answers -
Проблемы начинающего - помогите советом
Неправильное оформление темы.
0 votes1 answer -
Как решить данную проблему
Как в данный java скрипт посставить свои переменные http://jsfiddle.net/gvkXB/ <div class="process"> <div class="bar" id="bar"></div> <div class="text" id="text">0%</div> </div> [JS](function(){ var bar = document.getElementById('bar'), text = document.getElementById('text'), p = 0, t; t = setInterval(function(){ p += 1; text.innerHTML = bar.style.width = p + '%'; if (p >= 100) clearInterval(t); }, 500); })();[/JS] [CSS].process { border: #999 solid 1px; background: #fff; position: relative; width: 200px; } .process .bar { position: a…
0 votes0 answers -
img shadow-box inset проблема
Собственно хочу сделать тень и наложить на картинки, уже 30 страниц гугла просмотрел и нашёл пару ссылок, но почему-то они не работают. Подскажите как можно реализовать тень НА картинке.
0 votes1 answer -
Стили с одной страницы
Нужно ли выносить стили, которые используются только на 1 странице в общий css файл?
0 votes2 answers -
Как по высоте растянуть вложенную таблицу?
Таблица вложенная в ячейку другой таблицы имеет стиль height: 100%; width: 50%;. Ширина отрисовывается правильно, а вот высота - только в Fx. В Konqueror и Opera, высота как будто игнорируется. Поправка: стало всё работать, когда убрал <!DOCTYPE html>. Теперь вопрос - где и что такого сказано в стандартах по поводу этих высот?
0 votes0 answers -
Помогите с выпадающим div'ом!
http://jsfiddle.net/9Gtx3/ Дано три дива: контейнер (id="out"), левый (id="left"), правый (id="right"). Задача: нужно чтобы если уберется правый (напр. display:none), то левый автоматически занимал оставшуюся ширину контейнера. И наоборот, при включении правого - левый его учитывал и не давал правому сползать. Прошу вашей помощи! Ума не приложу как это можно реализовать....
0 votes2 answers -
Проблема в ie8+
Сверстал шапку, во все браузерах все отлично. В ie6 тоже в принципе все нормально, правда не поддерживает минимальную ширину сайта, но бог с этим В ie7 все отлично в ie8 тоже все отлично а вот в ie9 проблема Не отображается ни одна картинка на сайта, ie9 вроде видит структуру картинок но не отображает, сайт резиновый, картинки позиционированием выровнял и floatom одновременно, почему во всех браузерах даже в ie6,7,8 показываются, а в ie 9 нет ? вот исходники http://jsfiddle.net/23bJa вот скриншоты: mozilla firefox: http://radikale.ru/data/upload/4efc3/69fda/ebcd054d3e.png opera: http://radikale.ru/data/upload/05615/69fda/3144fe2bd3.png ie6: http://radikale.ru/data/upload/…
0 votes2 answers -
как классу .title сделать максимальную ширину до класса .some?
как классу .title сделать максимальную ширину до класса .some если оба класса в одной строке? код тут http://jsfiddle.net/mkWm2/1/
0 votes1 answer -
Вопрос по рекламе
У меня стоит сайт на директе, сейчас я хочу поменять дизайн сайта ( другой шаблон поставить ). Мне придется заново писать рекламную кампанию для директа? Или же шаблон никак не сказывается на директе?
0 votes1 answer -
Непонятное поле
<ul> <li><a href="#">123<div class="qc"></div></a></li> </ul> ul{ border:1px black solid; } ul li{ display:inline; } ul a{ display:inline-block; width:100px; position:relative; overflow:hidden; } .qc{ position:absolute; top:0; left:0; width:300px; height:100%; background:red; } Откуда возникает нижний отступ в элементе ul? Я выделил его границей чтобы было понятно. Появляется именно после добавления свойства overflow:hidden;
0 votes0 answers -
Слеши в запросе
Здравствуйте! Заинтересовала одна тема.. на одном сайте в адресной строке увидел нечто подобное Пример: http://www.blabla.ru/manual/sections/171/ неужели для каждой статьи создавалась отдельная папка с вложенным в нее файлом?? а таких статей там перевалило за 180 или же существуют какие-то обработчики, которые переводят это все в sql запрос? объясните, пожалуйста, либо дайте ссылку на описание. у гугла даже и не знаю как "спросить")
0 votes1 answer -
Помогите с оригинальной кнопкой.
Вот надо сделать такую кнопку при наведении. Как не могу понять. Главное условие, чтобы она под ширину кнопки растягивалась. Вот скрин: http://s1.ipicture.ru/uploads/20120418/26V5jz5W.png Помогите, пожалуйста.
0 votes1 answer -
Форма поиска
В общем некая форма поиска HTML <div class="search"> <form method="get" action="/search" target="_blank"> <input name="q" class="search2" id="form-query" value="" placeholder="поиск по сайту"> <input src="img/searc.png" type="image" style="vertical-align: bottom; padding-left: -3;"/></form> CSS .search2 { width: 120px; height: 35px; } Нужно подвинуть картинку влево, чтоб получилось так http://s017.radikal.ru/i439/1204/14/d1e313d30fe5.png
0 votes0 answers -
как обрезать изображение?
В некоторой области экрана (id=field) есть определенное число картинок (40x40). Как можно обрезать какое то одно изображение, припустим при клике на размер 40x20? <div id=field style='position: relative; width:300px; height:300px'><img id='img1' style='position: absolute; width:40px; height:40px; left:0px; top:0px' src='some.png'><img id='img2' style='position: absolute; width:40px; height:40px; left:40px; top:0px' src='some.png'>...<img id='imgN' style='position: absolute; width:40px; height:40px; left:Npx; top:Npx' src='some.png'></div>Есть еще одно условие, что бы та часть которая обрезается не просто скрывалась, а ее вообще чтобы не было(…
0 votes1 answer -
Проблема с адаптивом
Добрый вечер. Не могу понять почему у меня на сайте происходит вот такая белеберда http://prntscr.com/bxe5oc почему то контейнер становится все равно в 1000 px и не становится нормальным резиновым. В чем может быть проблема? Бутстрапом занимаюсь недавно, но принцип работы понимаю. Скорее мой косяк в верстке, но почему не съезжают в один столбик все элементы на телефонах? мой сайт http://angel-loves.com/ . При уменьшении в 360px столбики не смещаются в один ряд.
0 votes1 answer -
Ссылка и сайт
Приветствую всех! Помогите, пожалуйста!: Для начала нужен сайт ("голый", желательно написан в html) c flash-проигрывателем (желательно flowplayer), причем чтобы все файлы этого проигрывателя были именно у меня на сервере. А также нужна помощь в реализации такой схемы: Допустим есть видео-файл находящийся на каком-нибудь сервере, есть сайт (который я описывал ранее) и, к примеру, форум. Надо создать такую ссылку (на видео-файл) на форуме, чтобы она открывала данный видео-файл через мой сайт во flash-проигрывателе. За советы, примеры (а лучше всего готовый вариант) заранее ОГРОМНОЕ СПАСИБО!
0 votes1 answer -
не работает анимация картинки
.start-play { width:544px; margin-left:13px; height:126px; background:url('../images/banner-big.gif') no-repeat; } .start-play:after { content:""; clear:both; display:block; } как исправить?
0 votes1 answer -
jQuery Mobile и css <select>
Не знал в какую тему задать вопрос, поэтому попробую спросить тут. Задача - мобильное веб приложение. Встала проблема, есть <select> при "нажатии" на него его цвет меняется на синий-голубой и открывается "айфоновское" (просто тестируется на айфоне), как я понял он по умолчанию стоит у jQuery Mobile, а вот как его поменять? Темы не спасают, они меняют только отображение изначальное, по нажатию он всеравно меняется на синий, вообще не понимаю смысла этих тем. В общем ступор... Буду рад, если кто-нибудь поможет решить проблему. Спасибо.
0 votes0 answers -
Ответ конкретному клиенту
Здравствуйте, почитал немного про ajax, и немного есть опыт работы с javascript, поэтому вопрос мой новичковый. В javascript есть способы идентификации клиента, ajax позволяет без перезагрузки страниц общаться клиенту с сервером. Так вот, есть ли способ отправить ответ конкретному пользователю, то есть например есть сайт с одной страницей, на которой расположена одна кнопка, . Клиент его загрузил тыкнул по кнопке, и ему отправилось сообщение привет, и сколько бы он ни тыкал одно и то же - привет, другой клиент загрузил сайт, тыкнул, и ему выдалось вдорово. Если клиенты закрыли браузер, то запоминать их не нужно, то есть нужно запомнить их только на время одного соединения…
0 votes1 answer -
xsl:value-of
подскажите что делает xsl:value-of ?Котелок уже не соображает совсем читая книгу.
0 votes0 answers -
Помогите с версткой, пожалуйста.
Здравствуйте, уважаемые друзья! Столкнулся с такой проблемой. Я бы хотел добиться одного эффекта, но у меня никак не получается это сделать. Я бы хотел сделать вот такую шапку, как здесь - http://www.templatemonster.com/demo/56108.html. Мне надо, чтобы картинка растягивалась под экран, при уменьшении масштаба она не изменяла свой размер; чтобы на картинке были надписи и навигация, как там. Пожалуйста, помогите. Заранее вам благодарен!
0 votes1 answer -
несколько input с текстом
Есть 3 input box'a: <input type="text" name="fields_filter[brend]" value="Производитель" onfocus="this.value=(this.value=='Производитель') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Производитель' : this.value;" /> <input type="text" name="fields_filter[naimenovanie]" value="Наименование" onfocus="this.value=(this.value=='Наименование') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Наименование' : this.value;" /> <input type="text" name="fields_filter[nomer_po_katalogu]" value="Номер по каталогу" onfocus="this.value=(this.value=='Номер по каталогу') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Номер по каталогу' :…
0 votes0 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-