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
-
Как сделать прозрачный слой?
Мне надо было сделать в слое такомто прозрачный цвет, я его сделал с помощью opacity, но если я добавлю цвет или картинку в другой слой, он автоматом становится прозрачным. Как сделать прозрачным только один слой?
0 votes3 answers -
Выложил сайт на хостинг - сменилась кодировка
Сделал страничку, в notepad++ преобразовал в utf-8 без BOM. На странице тоже указал utf-8 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> .... Когда разместил сайт на хостинге все стало кразозябрами, а кодировка сменилась на windows-1251. Почему такое случилось? Виноват хостинг или я что не так сделал?
0 votes7 answers -
Тени для рамки - div
Подскажите пожалуйста, может у кого есть какие варианты: Тень для рамки box-shadow Но много проблем с кроссбраузерностью, особенно с IE.. Видел используют вот такой вариант: накладывают вокруг элемента несколько div'ов <div style="border: 1px solid #ccc"><div style="border: 1px solid black"></div></div> Но уж очень громозкий получается, особенно если нужно сделать мягкий эффект вокруг элемента.. Вопрос: может кто то встречался, или может есть у кого какие варианты (можно и через JS, но это мне кажется на крайняк)
0 votes1 answer -
Картинка - кнопка
Уважаемые форумчане! Заранее прошу меня извинить, почему-то сама сообразить не могу. Есть две картинки к одной кнопке (синего и серого цвета). В "спокойном" не нажатом состоянии кнопки серые, как сделать так, чтобы кнопка становилась синей при нажатии на нее, т.е. когда она становится активной. Именно при нажатии, а не при наведении. Причем глубоко в душе понимаю, что здесь работает .active{} и иже ему подобное, но как реально прописать такое - увы совсем туплю. Буду благодарна за пинок в правильном направлении. P.s. Можно еще конечно (я так думаю) обратиться к onmouseover, onclick, onmouseout - но с ними я как-то общего языка пока не нахожу). Заранее спасибо.
0 votes6 answers -
Текст в линиях
Здравствуйте! Как можно такое реализовать?
0 votes4 answers -
Не могу разобраться...
Всем привет! Верстаю страничку с css. Столкнулся с такой проблемой, не отображается картинка в браузере если вставить через css, вот код .zone_top{ height:94px; position:absolute; top:0px; } .zone_top_left{ width:12px; height: 99px; left:0px; background:url(img/elements-1.png) repeat-x 0px -395px; } Это на странице <div class="zone_top zone_top_left"></div> Если вставлять через <img/> то все работает <div class="zone_top zone_top_left"><img src="img/elements-1.png"></div> Где ошибка???? Заранее благодарю!!!
0 votes5 answers -
Автоматическая установка одиного из атрибутов ALT, TITLE ?
Добрый день. можно ли как то сделать так чтобы при редактировании изображения задавался только один атрибутов ALT, TITLE или подпись под изображением, а остальные автоматически становились равные ему? Спасибо
0 votes3 answers -
Изобрести youtube?
Каким способом можно создать свой видеоплеер, разместить на нем баннер, и чтобы засчитывались клики по нему. И как работает защита авторского права на youtube?Как например блокируется видео эротического характера и т.п.
0 votes8 answers -
Регулярка: Целое положительное число начинающееся не с нуля и исключая сам ноль(и)
Сражу скажу: гугл не помог, а сам не допетриваю. Надо паттерн для проверки целого положительного числа, которое не должно начинаться с нуля(ей) и исключая ноль(и). Т.е.: правильно: 1, 12, 257, 56739859 и т.д. неправильно: -1, -01, 0, 000, 023, 00000345, 1.2 и т.п. Вариант вообще? Заранее благодарен P.S. Извините, если не в ту ветку
0 votes5 answers -
Возможно ли обойтись без скрипта?
Есть сайт. Под меню Расширенный поиск. Задача состоит в том, чтобы у каждого 4 блока со свойствами товара (пол, бренд, возраст, ...) обнулить margin. Я написала такое правило, но оно не работает как надо: .search_gW .widget-meta-data-filter .mdf_input_container:not(.mdf_section_tax_product_cat):nth-of-type(4n){ margin-right:0 !important;}Это правило некорректное? Возможно ли это сделать без js?
0 votes6 answers -
Проблемы с overflow в safari
Пример: https://jsfiddle.net/soltx/1rwygfdw/ Если задать: position:relative то блок не скрывает лишнее, как решить проблему (safari 5.1.7)?
0 votes6 answers -
Фотогалерея
Помогите пожалуйста сделать фотогалерею на html. Фотогалерея: Наводишь на фото справа появляется стрелочка, тюкаеш на стрелочку появляется следующее изображение и при этом появляется стрелочка слева, что-бы вернуться на изображение назад... Заранее спасибо...
0 votes5 answers -
Кроссбраузерный SVG в качестве background
Сделали проект на SVG, но в браузерах Internet Exploer и Safari параметр background-position обрабатывается совершенно иначе нежели в Chrome, что привело к появлению костылей для IE. Первый вопрос: кто нибудь сталкивался с корректными кроссбраузерными решениями вопроса background-position при применении в качестве фона SVG. Может надо графику как-то по другому сохранять? Второй вопрос: а Safari для Windows уже сдохла и больше не обновляется? Если да, то мутор под нее отменяется и достаточно обойтись только подгонкой под Safari для OS X. p.s.: кроме того фон скачет на 1px в IE, если размеры графики оказались в десятых долях пиксела при применении background-size.
0 votes2 answers -
Как перенести текст на новую строку
Как в данном случае сделать так, что бы строки не соединялись, а перепрыгивали на новую с сохранением border-bottom.https://jsfiddle.net/r7yfh1xf/
0 votes1 answer -
Резиновые отступы
Есть в одной строке 4 блока. Первый блок выравнивается по левому краю, последний по правому. Как сделать на css расстояние между всеми блоками одинаковым, причем чтобы оно менялось при изменении разрешения экрана. Все блоки разной ширины.
0 votes2 answers -
Как скрыть div с динамическим id
Есть вот такой кусок кода (как пример) на прикреплённых файлах. Безпорядочный id/class меняется после перезагрузки страницы. Пока примудрил так #leftColumn>div:nth-last-child(2) Но убирается незначительная, но всё-таки нужная (не рекламная) часть блока, потому как при генерации родителю присваивается подобное безобразие (по типу #R67fGHk)
0 votes0 answers -
ID или Class
Когда лучше всего использовать ID а когда классы?
0 votes2 answers -
Блоки в две колонки
Есть ли какая либо возможность забить блоками два "стакана" равных по высоте? Блоки имеют изначально равную ширину, но разную высоту, которая изначально не известна. Количество блоков также может меняться.
0 votes1 answer -
Аккордеон (как на сайте htmlbook.ru)
Доброго времени! Прошу помочь с созданием блока для сайта. Очень заинтересовал аккордеон как здесь: http://htmlbook.ru/css . В левой части, под "Быстрый поиск CSS или тега HTML". Как можно такое реализовать без друпалов (и прочих смс), чтобы запоминался выбранный элемент и после его вывода в правом блоке, переносился бы в первую позицию в списке?
0 votes2 answers -
На могу сделать полосу прокрутки.
Здравствуйте специалисты по верстке! Сабж: http://poligon.webmaster.arvixe.ru/frontpage там у меня внизу картинки прокручиваются. В firefox работает все как надо. В других браузерах ерунда какая-то. Возможно из-за display: -moz-grid-group; Для этих картинок у меня в CSS прописано: #views_slideshow_thumbnailhover_breakout_teasers_vslider-page_1 { display: -moz-grid-group; overflow: auto; height: 150px; }
0 votes6 answers -
Правильное позиционирование
Вопрос,достаточно общий,(не ругайте если что). Возникает сложность при позиционировании элементов, чтобы разместить элементы на страницы приходиться, чуть ли, не для каждого задавать position: relative и координатами его ставить на нужное место. Очевидно, что это неправильно. Как правильно ?
0 votes4 answers -
валидация формы
можно ли к такой форме добавить валидацию полей? или нужно что-то исправлять? не работает ни один плагин для валидации? в чем может быть проблема? <body> <a href="#tab_id" id="hr" class="ss">Please, Click me</a> <form action="..." method="..." name="order-form" "> <div class="tabs" id="tab_id"> <ul class="tabNavigation"> <li><a class="firstTab" href="#first">Вход</a></li> <li><a class="secondTab" href="#second">Регистрация</a></li> </ul> <div id="first"> <a href=""><img src="img/Close.gif" alt="альтернативный текст" / id="close"&…
0 votes4 answers -
Изменение стиля для a title
Здравствуйте! Я пытался сделать скрипт и наткнулся на проблему - не могу изменить стиль текста, отображаемого в a title. Подробнее здесь: http://jsfiddle.net/_nik1_/cQBAt/ Мне надо что бы текст на всплывающей подсказке был белым, а фон черным. Спасибо!
0 votes4 answers -
Как сделать чтобы изображение когда оно :hover?
Сейчас использую такой код: .gallery { max-width: 840px; height: auto; text-align: center; } .gallery-item { background: #000; position: relative; left:-10px; } .gallery img { max-width: 840px; height: auto; transition: all 0.2s ease; } .gallery img:hover { opacity: 0.6; } Суть в том, что картинка находится в диве gallery-item, он черного цвета, по этому когда наводишь на картинку, она становится прозрачней, тем самым темнея. Однако, gallery-item растягивается на все максимальные 840px, и если картинка в ширину меньше этого числа, то по бокам черные полосы, естественно они не нужны, есть ли способ как-то решить это маленькую проблему?
0 votes3 answers -
Вылетает блок в Mozilla
Добрый день, друзья! Помогите решить. Есть "лишка(<li></li>)", в которой находится таблица. Почему-то в файерфоксе эта таблица вылетает вправо, вот скрин http://prntscr.com/5wsn6r . В других браузерах все норм http://prntscr.com/5wsq83 . Вот сама страница с багом - http://root.donkos.esy.es/kabinet-1.html . Заранее благодарю за помощь.
0 votes5 answers