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
-
бордюр не на всю высоту элемента
свойство border делает бордюр элементу от начала и до конца, как сделать, чтоб получились отступу с каждого края?
0 votes5 answers -
Просмотр кода страницы и CSS в мобильном браузере
Во всех десктопных браузерах есть функция просмотра кода страницы и CSS определенного элемента. Как это посмотреть в мобильном браузере ?
0 votes1 answer -
нестандартная карусель
помогите пожалуйста советом никому не попадалась карусель, которая работает следующим образом? если попадалась, то поделитесь ссылочкой или названием START: в центре экрана появляется(с любым эффектом) изображение, затем по бокам от него появляются ещё 4 изображения. пользователь жмёт кнопку и центральное изображение исчезает, затем исчезают изображения по бокам go to START
0 votes18 answers -
Верстка сложных элементов
Всем привет! Есть задание, сверстать фигуру представленную ниже на картинке, так как предусмотрен hover эффект тени по всему контуру фигуры. Возникла сложно с версткой элементов обрамленных красным квадратом... Так же стоит учесть что это часть пазла представленного из четырёх элементов, и на каждом должен быть hover эффект... Как можно сверстать эти элементы? Заранее большое спасибо за помощь!
0 votes4 answers -
Как расположить radio input вертикально?
Подскажите, пожалуйста, radio input с кнопкой выстроились горизонтально, нужно вертикально. Подскажите, пожалуйста, как преобразовать? Спасибо! <div class="voiting"> <span>How long have you...</span> <form method="post" action="#"> <label class="form__input"> <span>Youtube</span> <input type="radio" name="radio" value="youtube"> </label> <label class="form__input"> <span>instagram</span> <input type="radio" name="radio" value="instagram"> </label&g…
0 votes8 answers -
Создание горизонтальной галереи
Хочу сделать горизонтальную, "резиновую" фотогалерею. Но загвоздка в том, что все браузеры молодцом, а ИЕ под номером 6 так и норовит слой с параметром { overflow: hidden; } раздвинуть по всей ширине списка в котором содержатся фотографии. Вопрос: возможно-ли что-то добавить, убавить, чтобы ИЕ6 прекратил раздвигать окно или есть какие-то альтернативные пути? HTML: <div id="gallery"> <a class="left_arrow png_bg" onclick="return(false)" href="#"></a> <div id="clip"> <ul> <li><a href="#" class="img" style="background:url(files/gallery/1.jpg) top left no-repeat"><div class="pinta_zoom"></div></a></li&…
0 votes9 answers -
НУжна помощь в создании сайта
Добрый день. Нужна помощь в создании сайта для профтехучилища. Своими силами сделал вот что http://www.bplsp.com.ua или так http://www.bplsp.com.ua/index123.html , но руководству не очень нравится, если кто может помогите создать шаблон сайта.
0 votes9 answers -
click fallthrough
Собственно проблема в том, что если один див закрывает собой другой, то даже если у него нет фона, то click мыши не проходит в тот див, что ниже, хотя body.onclick срабатывает. Код иллюстрирует проблему: <html> <head> <style type="text/css"> .reddiv { position: absolute; left: 200px; top: 200px; background-color: red; width: 150px; height: 150px; z-index: 1; } .bdiv { position: absolute; left: 150px; top: 150px; width: 250px; height: 250px; border: 1px dotted orange; z-index: 2; text-align: center; color: white; } .bdiv .holdplace { height: 50%; } </style> …
0 votes7 answers -
Перемещение по странице
Доброе время суток, пытаюсь разобраться с перемещением по странице. Когда пользователь прокручивает страницу вниз(на определенный уровень), то появляется окошко вверх и при нажатие его перемещает на верх страницы. У меня получилось сделать, чтобы при нажатие перемещался вверх, но данная кнопка "Вверх" горит постоянно. Как сделать, чтобы появлялось на определенном уровне? Если будет полезно, то использовал: jquery.scroll.pack.js и jquery-1.4.2.min.js <!-- Прокрутка --> <script type="text/javascript"> $(function() { $("#toTop").scrollToTop(); }); </script> <!-- /Прокрутка --> ну и сам код отображения.
0 votes5 answers -
Подскажите где менять
Друзья, сижу верстаю квитанцию на оплату полностью дивами. Каждая клеточка - отдельный слой. Вот что получилось В хроме: В Опере: В ИЕ 2 вопроса 1) Как в опере добиться, чтобы она видела величину шрифта установленную для конкретного слоя, а не родителя 2) Какого хрена ИЕ сожрал 3 слоя?
0 votes23 answers -
отправка почты методом post
Здравствуйте о виликие гуру помогите навичку существуют такая форма отправки: <div class="contact-form-wrapper"> <form action="contact/mail.php" method="post" id="contact-form"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <input type="text" id="contact-name" name="contact-name" placeholder="Имя*" required /> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input type="email" id="contact-email" name="contact-email" placeholder="Email*" required /> </div…
0 votes5 answers -
Проблемы с отображением
В общем верстаю на таблицах, есть шапка, три колонки, и подвал, проблема что когда захожу на страницу, у меня некоторая часть фона tr который я задал для трех колонок, не отображается, т.е. какой-то белый фон, когда обновляю страницу, все становится нормально, вот пример до обновления страницы http://i049.radikal.ru/1008/2e/8713755674fa.jpg после http://s002.radikal.ru/i200/1008/31/19c79fd79ad2.jpg все остальное нормльно, только этот фон. Фон задан в tr, в нем же три ячейки. body {background:#fff;font-family:Times New Roman, serif;font-size:15px;color:#000;} table {width:1300px;height:1300px;margin:0 auto 0 auto;} tr#shapkazone {height:420px;} td#shapkaobl {width:1300px;…
0 votes8 answers -
Пространство между двумя картинками
Добрый день! Вопрос скорее всего элементарный, но меня на нём заклинило. Почему между двумя картинками появляется пустое пространство: пример?
0 votes11 answers -
Якорь
Здраствуйте. Интересует реализация не совсем стандартного якоря. Использую joomla re 1.0 (куча раз хакнута и куда глюков имеется) Тематика и структура страницы: страница турфирмы, на странице расположены туры по категориям (экскурсионные, комбинированные и т.д.), разделены тегами <h2> Требуется: сделать навигацию внутри сайта (поставить вверху ссылки "Экскурсионные тур", "Комбинированные туры" и т.д. которые ведут к нужным турам) Решение: Ипользовать якоря. <a href="#ex-tours">Экскурсионные туры</a> ... <a name="ex-tours"></a> <h2>Экскурсионные туры</h2> Результат: при нажатии на ссылку страница пролистывается вниз до соответсвую…
0 votes5 answers -
Как сделать ползунок на сайте
Всем привет Нужно сделать вот такой ползунок на сайте https://docs.google.com/file/d/0ByJy2ByWP9QIX0ZPb3k2SXpGYWc/edit?usp=sharing Нужно сделать чтоб его внешний вид был такой как на картинке, и чтоб все значения работали и менялись
0 votes1 answer -
Уголок у кнопки
Что я делаю не так? http://jsfiddle.net/npofopr/quLwy/ Или это нормальное отображение уголка, лесенкой? :-)
0 votes17 answers -
Фон изображение с диагональными полосами, адаптивный
Собственно давно уже бьюсь с этой проблемой и прошу о помощи, т/к решения не нашел. Есть картинка (во вложении), нужно сделать также. Варианты с просто взять и такую же картинку (с полосами) вставить как фон не подходят, т/к потом нужно будет сделать параллакс эффект + некоторые расстояния получаются не точными до верхних/нижних границ от картинки. Уже пробовал и поворачивать изображение и треугольники, но ничего не получается, либо слишком не устойчивое. Прошу помощи, наверняка кто-то сталкивался с такой задачей раньше.
0 votes4 answers -
Select
Возникла небольшая проблема. Есть формочка, в ней селект шириной 100% на всю ширину таблицы. Проблема в том, что если в списке элемент шириной больше чем ширина таблицы - в опере выпадающий список отображается на всю ширину. В IE обрезается. Как можно сделать чтобы список расширялся на всю ширину максимального элемента, не меняя ширину самого select'а?
0 votes1 answer -
как сделать запрос
доброго всем дня у меня такой вопрос: например есть поля. Например выбрать город, выбрать улицу, выбрать дом, нажать выполнить и выводится результат поиска. Так вот, вопрос, с помощью чего это делается. Хотелось бы сделать такое же, может MySQL?
0 votes2 answers -
html-коды
Привет всем. Ребят не знаю даже и с чего начать... не давно начал изучать html ....из-за работы был вынужден не могу понять некоторые коды, и инфу о них найти не могу... вот выдрал часть из сайта на который мне дали права админа.... и сказано было устранять проблемы .... но сейчас не об этом... вот: <?if(IsModuleInstalled('sale')):?> <table width="100%" cellspacing="1" cellpadding="1" border="0" style="border-collapse: collapse;"> <tbody> <tr><td> <br /> </td><td valign="top" align="right"> <p align="right"><?$APPLICATION->IncludeComponent( "bitrix:sale.basket.basket.line", ".…
0 votes2 answers -
Картинка которая прячется
Доброго времени суток форумчане. Есть задачка, помогите решить. Есть картинка, нужно её частично спрятать в левом углу, да так, что бы при растягивании окна она от туда полностью появлялась. Заранее спасибо.
0 votes16 answers -
не коррeктно работает clear:both
всем привет. Сделал шаблон сайта из 2-х колонок ( 1 статическая, вторая резиновая) на первой колонке float: left; width: 300px; вторая margin-left: 400px; но если во второй колонке появляется контент со свойством clear:both, то блок кидает вниз на уровень окончания перовой колонки. Как сделать так что бы clear:both работал только на уровне второй колонки (то есть на содержимое не влияли плавающие элементы вне блока)
0 votes23 answers -
Таблица или блоками
Здравствуйте. Нужен совет как лучше сделать, таблицей или блоками -- Думаю сделать таблицей...
0 votes9 answers -
Макеты с исходным кодом
Здравствуйте! Подскажите пожалуйста, где можно скачать psd макет сайта и его исходный код чтобы видеть как в том или другом месте сверстано и сравнивать свое. Заранее благодарен!
0 votes4 answers -
Помогите сделать выпадающее меню на сайте
Здравствуйте форумчане.Помогите преобразовать обычное горизонтальное меню сайта в Выпадающее меню с 2 уровнями(Пример на фото) Вот код уже имеющегося горизонтального меню: <div class="default" id="menu"><div class="container"><a href="#999">Бытовые</a> <a href="#502">Промышленные</a> <a href="#503">Терморегуляторы</a> <a href="#504">Акции %</a> <a href="#505">Монтаж</a> <a href="#506">Отзывы (Видео)</a> <a href="#507">Контакты</a></div></div> Вот его стили: #menu { height: 42px; margin-top: -23px; background: #027bb5; /* Old browsers */ background: -moz-…
0 votes10 answers