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
-
Стилизация чекбоксы и радиобаттоны
Всем привет. Подскажите как лучше делать подобные чекбоксы и радиобаттоны ? Скриншот взял чисто для примера, чтоб вы поняли о чем идет речь. http://www.jotform.org/wp-content/uploads/2013/07/jquery-change-checkbox-style.jpg
0 votes3 answers -
Как сделать слайд блока на чистом JS?
Приветствую всех! В общем на html странице есть 2 блока: с приветствием и кнопкой и второй блок с калькулятором. Хотелось бы сделать, чтобы при нажатии на кнопку первый блок плавно сдвигался влево и исчезал(как бы за границу экрана), а второй плавно появлялся на его месте. Все как бы работает, но как я понял display:block ломает всю анимацию, то есть второй блок появляется не плавно. Подскажите как лучше это реализовать. Хотелось бы просто, без jQuery. Вот код <div id="content"> <div id="welcome"> <a href="#" id="try-it"/> </div> <div id="calc-wrapper"> </div> </div> #welcome { transition: all 1s ease-in; } …
0 votes5 answers -
Чтобы подзаголовок не закрывался плавающим меню
У меня на сайте плавающее меню реализовано через скрипт: <script type="text/javascript">var $ = jQuery.noConflict();var h_hght=100;var h_mrg=0;jQuery(function(){jQuery(window).scroll(function(){var top=jQuery(this).scrollTop();var elem=jQuery('#top-menu');if(top+h_mrg<h_hght){elem.css('top',(h_hght-top));elem.removeClass('fix')}else{elem.css('top',h_mrg);elem.addClass('fix')}})});</script> Стала делать в статьях навигационное меню типа: <blockquote><span style="font-weight:bold">Содержание:</span> <a href="#a1"><li>Здесь первый пункт содержания</a> <a href="#a2"><li>Здесь второй пункт …
0 votes2 answers -
Эффект при наведении
Всем привет, подскажите пожалуйста как добиться такого эффекта при наведении как на видео. Заранее всех благодарю. ScreenRecorderProject2.mkv
0 votes4 answers -
Пропад скролбар!
приветству, столкнулся с достаточно странной ситуацией: в какой-то момент на этапе в?рстки пропал вертикальный скролбар. Т.е страница показывается на половину, а вниз прокрутить никак нельзя, что за?????
0 votes3 answers -
100% height в XHTML 1.0 Transitional
Как всё-таки в XHTML 1.0 Transitional сделать для таблицы или другого элемента высоту, равную 100% высоты страницы? Обращаю внимание - стоит не задача сделать отображение любой ценой (читай - изменением DOCTYPE), а реализовать решение именно для XHTML 1.0 Transitional.
0 votes9 answers -
ScrolBar (скрол бар) в css!
А если нет такого свойства то раскажите как поменяять цвет границ и сам цвет скрол бара! Для непонятливых: Скрол бар (ScrolBar) это полоска с права от окна, с помощью ей можно перемещатся ниже или више от окна, если ниже или выше есть инормация которую не видно!
0 votes5 answers -
position: absolute
Есть <div id='script' style='position: absolute; top: 50%; left: 25%; background: #C4F254; border: 1px solid black; visibility: hidden; padding: 10px; width: 700px;' valign='center' align='center'> Теоретически при его отображении он должен отображаться по середине экрана, но фактически он отображается по середине только если страница без прокрутки.. Если же страница длинная и мы вызываем этот див где-то внизу страницы, то он отображается где-то наверху.. Вопрос: как сделать чтобы div отображался по середине экрана, независимо от положения на странице?
0 votes7 answers -
Динамический размер 3 вертикальных div
Есть 3 дива в строчку, возможно ли сделать так, что если мы убираем 1 див, 2 оставшихся растягиваются? По аналогии с таблицей
0 votes5 answers -
Как лучше зарезинить блоки?
Добрый день! Не знаю как лучше зарезинить блоки справа в соответствии со слайдером. Адаптировать медиа запросами не хочется. Вот сайт, отключил все лишнее. http://ofb3752.bget.ru/
0 votes7 answers -
Создать кастомную кнопку
Все привет. Использую bootstrap 3, хотя это наверно и не существенно. Необходимо сделать, чтобы у активных кнопок внизу был указатель, как на картинке. Кнопка любого цвета с любой границей, с иконками и текстом. Но проблема именно с треугольником внизу у активной кнопки. Не знаю, как к этому подступиться. Толкните в нужном направлении, спасибо.
0 votes2 answers -
ошибка с div
Подскажите пожалуйста, где я допустил ошибку. Код: <span id="some_id"> <div class="some_class" style="float:left;"> <ul class="some_class-2"> <li class="some_class-3" style="width:10px;">11111</li> <li><a href="href" title="1" class="class1" onclick="something; return false;">1</a></li> <li><a href="href" title="2" class="class2" onclick="something; return false;">2</a></li> </ul> </div> </span> При проверке валидатор выдает следующую ошибку: P.S. доктайп - xhtml P.S.S. в том случае, когда меняю строку <span id="some_id"> на <span id="some_id"></span&…
0 votes7 answers -
Фрагмент страницы с помощью div - отображается не верно
Уважаемые, помогите пожалуйста со следующей проблемой. Есть страничка (точнее даже кусок страницы). Проблема: в Firefox+Safari+Opera выглядит так, как надо, в IE (ver.6) - нет (расползается). Вот ссылка на страницу: http://85.25.66.242/test/test1.html Также прикрепляю три скриншота. (ниже) Мои мысли (точнее их отсутствие): мне кажется, что это как-то связано с параметром border, потому что если на три пикселя уменьшить внутренний div, что становится в порядке. Хотя пробовал уже выставлять border: 0px; - не помогает. Пробовал переделывать с таблицами - все нормально, но хочу сделать дивами. Подскажите пожалуйста, в какую сторону курить доки? Спасибо. ПыСы. скрины: Firefox…
0 votes1 answer -
Разъезжается таблица в ie - помогите пожалуйста.
Здравствуйте. Делаю свои первые шаги в html и совсем чайник в CSS. В нстоящий момент мне нужно сделать главную страничку на этом сайте интернет магазина продающего аэрогрили Проблема следующая - на главной странице есть таблица с товарами - фотки, названия, цена и описания. Вот эта таблица выглядит нормально в Firefox но разъезжается в ie (ячейки не 3 в ряд стоят а опускаются ниже). Я пробовал увеличивать их длину и ширину - не помогает. Что можно сделать в данной ситуации? Вот изначальный код который отвечает за эту таблицу (движок shop-script): <table align="center" width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <ul class="product_list"&g…
0 votes4 answers -
Затемнение
Можно средствами ксс и хтмл создать затемнение фона http://www.radikal.ru/action.aspx (в рамке)???
0 votes9 answers -
Повтор изображения
Здравствуйте, вроде я не чайник в css но что-то не могу понять, я прописал: html, body { background: url("{T_THEME_PATH}/images/bg_body.gif") repeat-x top #FFFFFF; } и изображение стало не целиком а слоями. пример и изображении, что это может быть?
0 votes17 answers -
Бордеры пропадаю из за флоата ?
Обратите внимание товариши . Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>TesT</title> <style type="text/css"> * { margin:0; padding:0; border:0; } html { background-color: white; width: 1024px; } body { } #center { width: 940px; padding: 0; margin: 0 auto; background: #fafcfb; border-left: 3px solid #b8b9bd; border-right: 3px solid #b8b9bd; } #top { background: url(images/top_bg.gif) top left repeat-x; width: 660px; height: 62px; } #top ul li{ list-style: none; display: inline; margin: 5px; } #top2 { background-image: url(images/top_bg2.gif); background-repe…
0 votes3 answers -
Наложения слоя на флеш анимацию
Помогите. есть проблемма. Анимашка забочиненая на шапке сайта, внизу ряд в 1пиксель белого цвета. Внизу под ней менюшка. Как наложить фон менюшки на эту анимацию что бы прикрыть белую полосу?
0 votes2 answers -
Как мне БЫТЬ?!
Всем Привет! У меня стоит сайт который использует систему smary - т.е. там куча html, каждый из который отвечает за определённый блок, но у меня проблема в том что я не могу её менять (есть и Dreamweaver и FrontPage, но когда я меняю я получаю всякие разные ошибки)... сайт http://www.zpstyle.com/index.php?categoryI...ens-polo-shirts Может кто нибудь сможет сделать то что показано внизу: Заранее спасибо! Благодарен за любую помощь!
0 votes1 answer -
Первый серьезный проект, нужен ХЕЛП!
как пристыковать див к низу окна браузера без использования position:absolute; ???
0 votes1 answer -
Отступы
Привет всем! Люди, помогите, пожалуйста, новичку! Как сделать отступ между окном и блоком рекламы (на скрине). Понимаю, что это где-то аттрибут margin надо менять, но где? Скрин развернутого сообщения блога на блогспоте. На главной странице все нормально, а если открываешь сообщение под катом, то все идет так, как здесь - вплотную.
0 votes12 answers -
Цвет ссылок не меняется
Всем привет. Подскажите в чем может быть дело. Цвет ссылок всегда такой как будто их уже посещали в OPERE SAFARI ie8 В ie6 ie 7 все нормально #str a:link { color:#090; text-decoration:none; } #str a:visited { color:#F00 ; text-decoration:none ; } #str a:hover { color:#000 ; text-decoration:underline ; } Может быть это из-за того что браузеры помнят посещенные ссылки некоторое время? Но почему тогда ie 6 ie 7 Нормально показывают?
0 votes4 answers -
a > div
Можно ли использовать элемент div внутри элемента a, без изменения дисплея? Допускается или такое в спецификации? В линде говорят то что можно, а в ШП говорят нельзя.
0 votes4 answers -
Как скрыть символы на конце?
Поставил форму поиска, там почему-то на конце после названия выводятся () Т.е. <span>Название1 ()</span> <span>Название2 ()</span> Можно ли как-то стилями скрыть все скобки в спанах, либо последние 3 символа? Если нет, то может как-то можно квадратиком фоновым на передний план поместить?
0 votes7 answers -
Автоматическое перелистывание слайдера
Автоматическое создание слайдера Добрый день имею вот такой слайд скажите как сделать, чтобы он перелистывался автоматический!!! Вот мой код
0 votes2 answers