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 до 5. Подскажите как сделать это с помощью <input type='checkbox ,при этом чтоб не было галочка а просто ячейка .Заранее спасибо.!
0 votes3 answers -
как сделать меню с фреймом но без фрейма?
как сделать чтоб кусок страницы менялся типа фрейма но без фрейма а через аджакс? например на странице http://westyle.ru/ опрос на аджаксе
0 votes6 answers -
меню по бокам
был такой сайт: фон и на нем посередине текст и прочее. теперь нужно слева и справа от текста добавить меню. как это сделать? /* CSS Document by Dieter Schneider for www.csstemplateheaven.com */ * {margin: 0; padding: 0;} body { background-color: #9bc52b; background-image: url(images/body_bg.jpg); background-repeat: repeat-x; font-size: 62.5%; } #container { margin: auto; width: 685px; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; } #header { margin: auto; background-image: url(images/main_header.jpg); height: 459px; width: 685px; } #menu { background-image: url(images/menu_bg.jpg); height: 20px; padding-top:…
0 votes12 answers -
Верстка и масштабирование / зум браузера
Здравствуйте! Уважаемые,не могли бы дать несколько советов,насчет верстки: имею макет трехколоночный(враппер=1000пх/лево=200пх-флоат лефт/центер=600пх-флоат лефт/право=200пх-флоат райт) в целом все отображается нормально,ничего никуда не вылезает,но,если в браузере применить зум(ctrl -),макет начинает разваливаться,правая колонка съезжает вниз,сам не понимаю от чего это происходит,по-этому обращаюсь к вам за помощью,поделитесь мыслями
0 votes5 answers -
Доработка формы оформления заказа
Здравствуйте! Есть сайт на Wordpress c купленой темой http://new.mega-topas.ru/. Обнаружилась некоторая недоработка при оформлении заказа: на шаге "Детали оплаты" есть форма с данными покупателя. Если какое-то обязательное поле не заполнено, то только на последнем шаге, после нажатия "Оформить заказ", пользователь об этом узнает. Ему выдается окно с незаполненными полями. А самой формы нет. И не понятно, что покупателю делать дальше. Я бы хотела исправить эту ситуацию так, надеюсь, это правильно: показать это окно с предупреждением и одновременно сделать активной форму. Нужно написать небольшой скрипт на jQuery, но я не сильна в программировании. Буду очень благодарна …
0 votes13 answers -
Адаптивные блоки
Здравствуйте, подскажите как решить проблему: хочется сделать адаптивный дизайн, застрял практически в самом начале. вот что имеется: идея такая. Это полный размер: а это мелкий : я набросал кое что, оно работает но я уверен что не правильно: Css #header_line{ width: 100%; height: 500px; background: url(../images/header.png) #333;}#contener{ max-width: 1000px; height: 500px; margin: 0 auto;}#block_contener{ display: inline-block;}#block1{ width: 500px; height: 500px; background: #eee; float:left;}#block2{ width: 500px; height: 500px; background: #000; float: right;}@media screen and (max-width: 350px) {#contener{ max-width: 1000px; height: 500px; margin: …
0 votes2 answers -
Стиль блока при :hover
Здравствуйте! Нужно чтобы при наведении на блок 1 менялось оформления блока 2. Это всё происходит на одной странице, но блоки не вложены друг в друга, они в разных частях документа. Есть ли у кого готовый скрипт? Спасибо!
0 votes9 answers -
Нужно настроить корзину в магазине.
Всем добрый день! Помогите включить сайт - шаблон. В верстке немного разбираюсь, а вот корзину нужно сделать (настроить). Предложите вашу цену. сайт: http://epoxy-polymer.in.ua/ Спасибо!
0 votes16 answers -
Плывёт верстка в FireFox
Всем привет. Есть сайт: http://www.tongat-1.ru/ В Chrome и Opera нормально всё отображается, а вот в FireFox блок с видео с ютуба почему то съезжает вниз ((. Народ, подскажите как CSS мне подправить, какой костыль дописать чтоб в FireFox этот блок тоже нормально отображался?
0 votes3 answers -
Не работает z-index
Народ, всем привет! Есть сайт: http://handmademania.ru/b2b/ Щелкаем пункт верхнего меню "Расчёт заказа". Нас прокручивает вниз к анкете. Так вот, в ячейке "Мастер-классы, которые вы выбрали" я сделал список с мультивыбором. Проблема в том, что список большой,и он пересекается с кнопкой "Отправить". А если надо выбрать элемент списка, который на одном уровне с кнопкой, то кнопка становится на переднем плане, а мне надо, чтобы на переднем плане был выпадающий список. С z-index пробовал - не помогло, Пробовал z-index вместе с position:relative и без, но пока безрезультатно (( Помогите пожалуйста, кто может. Скриншот по ссылке: Скриншот.
0 votes2 answers -
Блоки наезжают друг на друга (FireFox)
Всем привет! Есть страница: http://krls.beta3.ceteralabs.com/ На ней баннер, который под видео, закрывает собой текстовый слайдер (подробнее во вложении) а браузере FireFox. В Chrom'е всё нормально. Подскажите, где тут CSS подправить можно? Ещё к странице подключено app.js , там тоже стили прописаны, но почему то для FireFox они не срабатывают. Помогите пожалуйста
0 votes3 answers -
Выпадающее меню на CSS
Нужно выпадающее меню на Css(в яве не бум-бум) Нашла огромное количество описаний, делаю по http://www.webmascon.com/topics/coding/42a.asp вот мое меню <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Выпад меню</title> <link href="help.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrap"><!--начало оболочки--> <div id="content"><!--начало контента--> <div id="sidebar"> <d…
0 votes2 answers -
Откуда-то взялись 12 лишних пикселей по высоте
http://a-s-ivanov.ru/test/portfolio.html Посмотрите, полоса прокрутки появляется. Внизу, под футером, откуда-то берутся лишние 12 пикселей по высоте. В упор не пойму откуда, Firebug мне не помог прояснить ситуацию
0 votes3 answers -
Вопрос по Usemap
Я начинающий. Хочу сделать карту так, чтобы она отображалась на экране с любым расширением всегда полностью. Использую для этого WIDTH=100%. Картинка сжимается и отображается полностью на экране, но координаты для ссылок, задаваемые при этом в пикселях, пропорционально не уменьшаются. Как сделать так, чтобы картинка всегда занимала полностью экран и происходило пропорциональное изменение заданных координат? Спасибо заранее, если кто знает. <img src="activities1.jpg" WIDTH=100% usemap="#activities"> <map name="activities"> <area shape="rect" coords="45, 32, 545, 382" href="crafts/crafts.html" alt="crafts"> <area shape="rect" coords="568, 32, 1068, 382"…
0 votes5 answers -
Обрезка изображения
Здравствуйте. На моем сайте много изображений (превьюшки). Все они одинаковой длины (например 300px). Но высота бывает разной (158, 188, 200...). И задача такая: эти изображения не должны выходить за определенные рамки, например высота = 188px. Т.е. Картинка в div'е обрезается. Я знаю, как отрезать нижнюю часть <div style="width:300px;height:188px;overflow:hidden"> <img width="300"> </div> Но как обрезать пропорционально, чтобы лишние части изображения скрывались и сверху и снизу? Ни у кого нет никаких мыслей по этому поводу?
0 votes2 answers -
Выравнивание для firefox
Здравствуйте! Столкнулся с проблемой, при вставке в Wordpress кода ротации тизеров. На хроме и сафари сайт отображается нормально. А все остальные браузеры(проверял в сервисе) отображают баннеры вправо, тем самым закрывая сайдбар. Пытался выравнить код через div - эффекта нет. Подскажите, как выравнить блок в нормальное положение?(сразу после поста)
0 votes11 answers -
Как сделать transform:scale поверх соседних элементов?
Привет! http://apriori.leveler.ru/в нижней части страницы есть три баннера, при трансформации они увеличиваются за соседями, что в принципе логично. Но в Firefox например с такой версткой z-index работает и картинка всплывает над соседями. Посоветуйте пожалуйста, как правильно сверстать такое? Чтобы и bootstrap остался (при изменении размеров окна картинки должны выстраиваться вертикально) и над соседями подняться?
0 votes7 answers -
Фон страницы
Добрый день! Скачал шаблон сайта и столкнулся с проблемой замены фона. Когда указываю ссылку на изображение, которое расположено на сайте с картинками, фон подключается без проблем background:#EDEDED url("http://img2.goodfon.ru/original/1920x1200/0/5d/pole-podsolnuhi-priroda.jpg") no-repeat center center fixed; Но если я подключаю фон из папки с картинками, фон подключатся не хочет background:#EDEDED url("img/image.jpg") no-repeat center center fixed; Подскажите, где я допустил ошибку?
0 votes3 answers -
Размещение фоновой картинки, заключенной в div, на всю ширину вьюпорта
Подскажите, пожалуйста, как растянуть фоновую картинку, заключенную в div, на всю ширину вьюпорта? Сейчас она отображается посередине, по ширине макета. Указывала ширину 100%, 1200px, минимальную ширину 1200px - не работает. <div class="banner"> <div class="container background-image"> <div class="banner_text"></div> </div> </div> CSS: .background-image { background-image: url('/img/new_oranges.jpg'); background-size: cover; height: 200px; }
0 votes1 answer -
Проблема с псевдокласами
Добрый день. Возникла проблема следующего рода. При верстке все псевдоклассы работают не корректно. Например задаю всем элементам margin-bottom:30px, соответственно у последнего я его пытаюсь почистить ипользуя last-child и задавая margin-bottom: 0. Но проблема в том что после этого все остальные элементы которым обьявил нижний отступ тоже обнуляются. С first-child та же самая проблема. В чем может быть проблема? Первый раз работаю с bootstrap может ли он повлиять на работу псевдоклассов?
0 votes4 answers -
Шапка сайта...
Я новичёк в этом, так что не пинайте! Объясните мне (Чайнику) как поставить свою картинку в шапку главной страницы(Очень подробно!), я пытался(Даже незная, что изменять) получалась какая-то фигня, не так как надо... Напишите пожалуйста пошаговую инструкцию! P.S И незнаете какой-нибудь сайт, где есть много gif анимации, кнопок (Вобщем всё для своего сайта)? Дайте ссылку плиз! P.S.S Заранее благодарен!!!
0 votes4 answers -
не клеится табличка
Прошу помочь. . Я занимаюсь этим недавно, собираю по тихой сайтик. Не могу понять в чём ошибка. Надеюсь по коду понятно желаемая таблица. Если нет - пишите, я вставлю фото. <tr> <td rowspan="2">1111</td> <td> </td> <td rowspan="2">6666</td> </tr> <tr> <td rowspan="2">4444 </td> </tr> <tr> <td rowspan="2">2222</td> <td rowspan="2">7777</td> </tr> <tr> <td rowspan="2">5555</td> </tr> <tr> <td rowspan="2">3333</td> <td rowspan="2">8888</td> </tr> <tr> <td> </td> </tr>
0 votes8 answers -
Height:100%
Всем привет. Нарисовал макет, решил сверстать для своего блога. И у меня в макете ширина контента (то есть хейдер и так далее) должны находится посередине и сверху не должно быть отступов. Пробовал многое, в том числе в body писал padding:0;margin:0 и тд. Пожалуйста, помогите решить эту проблему. На скриншоте я думаю всё видно: Заранее благодарю.
0 votes8 answers -
Flow elements
Всем привет. Читая спецификацию html5 встретил вот такую запись: 7.1. Flow elements phrasing elements or a or p or hr or pre or ul or ol or dl or div or h1 or h2 or h3 or h4 or h5 or h6 or hgroup or address or blockquote or ins or del or object or map or noscript or section or nav or article or aside or header or footer or video or audio or figure or table or form or fieldset or menu or canvas or details. Есть блочные, строчные, строчные-табличные, строчные-блочные, и еще парочку, однако я никогда не слышал про flow - поточные элементы. В чем их существенное отличие?
0 votes8 answers -
Переворачивание фото с помощью CSS
Здравствуйте. При переворачивание фото через CSS картинка теряет качество, исчезает резкость и становится размытой, это актуально только для 90 и 270 градусов. При этом изображение появляется поверх всего, контейнер в котором она установлена не масштабируется под новую высоту и ширину изображения. Как это можно решить? .r_90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
0 votes2 answers