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
-
Помогите усовершенствовать скрипт!
Хотите верьте, хотите нет, этот скрипт я придумал сам (знаю, может где-то такой и есть), но мой моск умудрился слепить 2 скрипта в одном Собственно сделал так, чтобы при клике на эскиз фото оно открывалось в оригинале. Вобщем дальше моск вскипел и перестал работать, собственно надо еще сделать так, чтобы при клике на этом открывшимся фото оно возвращалось в прежний эскизный вид. Помогите пожалуйста усовершенствовать код, хочу написать галлерею. <a href=images/mbike.jpg><img width="300" src="images/mbike.jpg"></a>
0 votes10 answers -
Фон на весь екран.
Нужно создать фон http://img406.imageshack.us/img406/5307/98721749.png Вставляю в ксс но в большом разшерение ,он не розтягивается на все 100% http://img687.imageshack.us/img687/2043/65894222.png
0 votes10 answers -
Стилизация <textarea>
Здравствуйте! Имеется textarea - https://jsfiddle.net/f7xx5ewb/ По умолчанию у нее есть ресайз и при более чем двух строках текста (это прописано в атрибуте) появляется скролл. Подскажите, пожалуйста, как сделать так, что бы ничего не появлялось, а просто с каждой строкой опускался бордер textarea - так, как на картинке. Заранее благодарю за помощь!
0 votes5 answers -
стиль для кнопки
есть кнопка в виде текста , текст должен менять цвет при наведение мышкой. в Ie6 не работает hover для кнопки. Подскажите как быть. чтобы hover воспринимался
0 votes6 answers -
Ширина DIV'а
Суть проблемы: есть div-контейнер, внутри него расположен другой div, ширина которого может превышать ширину окна браузера. Ширина div-контейнера при этом остается равной ширине окна браузера. В результате, когда крутишь горизонтальный скроллинг, div-контейнер обрывается и получается некрасиво. Заранее спасибо. Пример: <html> <body> <div style="background: red;"> test <div style="background: green; width: 2000px;"> test </div> </div> </body> </html>
0 votes8 answers -
Проблема со спрайтами в IE6
Вообще смысла кидать тьму кода не вижу опишу в двух словах. .nav-menu li a{ display:block; background:url(../images/bg-menu-sprites.gif) no-repeat; text-indent:-9999px; overflow:hidden; float:left; } .nav-menu .home{ width:75px; height:37px; background-position:0 0; } .nav-menu .home:hover, .nav-menu li.active .home{ background-position:0 -37px; } Собственно дальше по такому же сценарию. Во всех браузерах ховера переходят нормально а вот в IE6 когда с одной кнопки на другую предыдущая пропадает на пол сек потом появляется. Имхо непонятно вроде спрайт загрузился и задержек не должно быть. Отключил все ховера-при навдеении кнопка исчезает и появляется на мгновение …
0 votes18 answers -
Мета тег со значением MSSmartTagsPreventParsing
Обьясните пожалуйста, какую функцию выполняет мета-тег <meta name="MSSmartTagsPreventParsing" content="true" />
0 votes3 answers -
Медиа-запросы не работают без !important
Добрый день. При вёрстке шаблона столкнулся с такой проблемой: используя медиа-запросы без указания !important к нужному селектору, медиа-запросы не работают. Например: @media screen and (max-width: 640px){ .wrapper{ width: 600px !important; }}Если удалить !important ширина блока останется одинаковой, для любого разрешения экрана.
0 votes1 answer -
как сверстать блок
Помоги нужно сверстать вот такой блок резина, что бы тянулся по ширине ума не приложу как зделать
0 votes7 answers -
Перенос Ссылки На Следующую Строку
Какой-то текст<a href="" style="">Ссылка</a>Подскажите, пожалуйста, какие стили прописать у ссылки, чтобы она была на следующей строке после "Какой-то текст". Я пробовал display:block но он не подходит, потому что в этом случае ссылка реагирует на нажатие по всей ширине браузера. Важно: <br> не подходит Нужно чтобы способ работал в IE6 и Firefox последних версий. Не использовать IE expression
0 votes6 answers -
Как принудительно заставить IE работать в стандартном режиме?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> и страница в любом IE разваливается. Если поменять на <!DOCTYPE HTML>, то начинает работать правильно. Но у меня есть возможность править только то, что внутри <body>. Как можно в таких условиях переключить IE в стандартный режим?
0 votes12 answers -
Блок Обратная связь
на сайте есть готовое решение http://htmlbook.ru/practical/obratnaya-svyaz все работает но как сделать что бы выезжала не слева, а справа??
0 votes8 answers -
Градиент по списку
Объясните как сделать градиент в списке. Наприме, ситуация: имеем ul-спискок из 4 элементов. Надо, чтобы от первого до последнего, цвет плавно менялся с красного на зелёный.
0 votes13 answers -
Как при XHTML1.1 растянуть таблицу в высоту
Как при XHTML1.1 растянуть таблицу в высоту на 100%?
0 votes6 answers -
рисунок + текст на одной строке как выровнять
Задачи: Текст и рисунок находятся в одной строке как выровнять текс, так чтобы он был посередине рисунка? Текст и рисунок находятся в одной ячейке таблицы как выровнять текст, так чтобы он был посередине рисунка? кто может помочь?
0 votes2 answers -
Размеры iframe
Мне нужно в ячейку таблицы вставить iframe. Но нужно это сделать в виде: width=100%, а heigth должна соответствовать размеру вставляемой в iframe странички (не нужны скролл-бары, равно как и пустое место после странички). Подскажите, как сделать?
0 votes11 answers -
Координаты в теге AREA и масштабирование картинки-карты
Задумал для одного сайта сделать картинку-карту, по кликам на которую пользователь может увидеть разные разделы информации. Стал делать примерно так: <img src="menu1.png" usemap="#mymap" style="width: 100%"/> <map id="mymap" name="mymap"> <area shape="rect" coords="32,245,142,265" href="#page1"> <area shape="rect" coords="32,275,142,295" href="#page2"> .... И при этом наткнулся на неприятность: координаты активных областей карты в тегах area задаются абсолютно, а размер картинки-карты может меняться в зависимости от разрешения экрана и размеров окна броузера. Т.е. по какой-то фиксированный размер картинки я координаты подобрать мог…
0 votes4 answers -
frD-Помогите с версткой 2-х колонок (без absolute)
Встала задача сверстать на первый взгляд простенький шаблон: - Справа блок фиксированной ширины 200px, остальное тянется - Красным меню, котороне не должно переноситься - черными линиями - основной текст, который обтекает блок
0 votes5 answers -
Использование нескольких классов без кавычек
Здравствуйте, меня зовут Игнат, и я люблю писать код без кавычек. Собственно: https://jsfiddle.net/066hbnxf/ - на Хром и Опера без кавычек срабатывает только первый класс. Может, с HTML5 пришёл новый метод перечисления классов, или это "недопилили"?
0 votes3 answers -
А давайте таки добьем мою галерею!
Ребят, помогите, проблемма с позиционированием Div'ов. Основным содержаним моего сайта является фото (http://dnepr-city.com/). В качестве бесплатного хостинга я свои фото загружаю на http://photoshare.ru/, оттуда беру html-код и вставляю на мою страницу. Но для красоты добавил css, чтобы сделать страницу хоть отчасти похожей на галерею. CSS: div.box {border:1px solid #000000;font-size:14px;text-align:center;float:left;margin:10px} div.box:hover {border:1px solid #ff0000;} div.box img {border:10px solid #ffffff;} HTML: <div class=box> <a href="http://www.photoshare.ru/original/photoshare.ru-1437003.jpg" target="_blank"><img src="http://www.photoshare.ru/da…
0 votes17 answers -
Осел не дает выронять по правому краю спан
Привет всем! Делаю свою тему для друпал. Есть блок (div class="node") шириной 100%, в нем статья. Под статьей span (class="submitted") с подписью. Хочу выровнять его по правому краю. Так вот в Мозилах и прочих операх достаточно выставить text-align:right, а Интернет Эксплорер 7 не выравнивает. Код: .node span.submitted { position:relative; font-size:0.8em; text-align:right; margin:3px; padding:2px; width:200px; border:1px solid red } .node .submitted a { color:#c21606; font-weight:bold; text-align:right; } Как видите, уже попробовал повторять свойства - не пашет! Подскажите, пожалуйста, в чем ошибка? На всякий случай код всего этого чуда: <div id="node-120" class="…
0 votes38 answers -
Изменение фона в строке таблицы
Добрый день. Может кто сталкивался со следующей задачей? Не могу придумать решение( Необходимо, чтобы на экране пользователь видел таблицу, каждая строка которой целиком меняла бы цвет при наведении на нее курсора. Проблема в том, как добиться этого в IE средствами html и css. Может кто подаст идею...
0 votes3 answers -
Попиксельная верстка и Arial regular в фотошоп и браузере
Я верстаю макет номер 5 с этого сайта http://divhack.com/. Пытаюсь сделать "попиксельную" верстку, так как настоящий профессионал должен уметь верстать попиксельно. Выбираю основной шрифт, который указан в макете, а именно Arial 12px и мой основной текст, который идет после "Why choose WebOnDemand?" выходит на одну строку больше, чем в шаблоне! В итоге ни о какой попиксельной верстке не может идти и речи. Делаю свой макет прозрачным и накладываю на шаблон psd и получается все вразнобой, ничего не сходится. Вы там же можете открыть сделанный сайт в html и сравнить с шаблоном - у автора сайта тоже не сходится и текст вылазит на следующую строку. Допустим мой заказчик скаже…
0 votes8 answers -
Ширина в safari и chrome
столкнулся с такой проблемой, мает сайта построен на таблицах, ширина центрального блока 100% левый и праывй фиксированны, во всех браузерах кроме safaari и нового chrome отбражается нормально, а в них не растягивается на весь экран, как можно решить эту проблему, подскажите)
0 votes4 answers -
оформление ссылок - бордюр?
Не раз встречался с рекомендациями оформлять ссылки не с помощью text-decoration:underlineа посредством border-bottom: 1px solid #некий_цветпри этом, однако, неаккуратно смотрятся картинки, являющиеся ссылками - у них внизу появляется "подчеркивание". насколько я знаю, средствами CSS невозможно исключить свойство нижнего бордюра для ссылок, содержащих тег IMG. Остается только использовать JS (находить все теги A с вложенными IMG и прописывать им border:0), однако при этом процесс загрузки документа выглядит не слишком эстетично (JS запускается после окончания формирования DOM). Что думаете по этому поводу? Есть ли приемлемые способы решения проблемы?
0 votes7 answers