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
-
Как вписать объект в div блок?
Здравствуйте! Возникла необходимость вписать объект (допустим картинку) в блок div таким образом, чтобы картинка ужималась (растягивалась) до размера div блока. Для примера: на сайте есть большая картинка по центру, и эта картинка при открытии сайта в браузере автоматом масштабируется до размера окна браузера. Конкретно интересует два аспекта: 1). Как вписать картинку с сохранением пропорций. 2). Как растянуть картинку по всему блоку без сохранения пропорций. Спасибо.
0 votes10 answers -
Подсветка колонок таблицы при наведении мыши
Прошу совета. Общеизвестно, как подсветить строку таблицы при наведении мыши. Например: tr:hover {background-color: #FF0000} Но вот можно ли подобным способом подсвечивать колонки? Только умоляю - без скриптов. Я в них мало разбираюсь и вникать некогда. Если без них никак - то и ладно. В идеале нужна табличка, где при наведении мыши на ячейку подсвечивались бы одновременно и строка и столбец, крестом.
0 votes9 answers -
таблица, фиксированная ширина колонки
Товарищи.. просьба не пинать сильно, но реально решения пока не нашёл, хотя поиск и различные манулы перелистал... в кратце ситуация... есть таблица. в ней две строчки... вторая строчка слипляется в одну колонку (<td colspan = "2">) в первую колонку (первой строки) попадет информация, которая является длинной и не разделимой. как сделать так, чтобы появился скрол горизонатльный и тем самым колонка эта была фиксированной "толщины"... подобный эффект полается с обычным текстом если поставить свойство запрета переноса текста. (с высотой всё нормально... а вот с шириной не получается..) вот кусок кода: <table width = "100%" height = "100%"> <tr> <td wid…
0 votes20 answers -
"регулятор громкости"
Собственно началось все отсюда http://forum.htmlbook.ru/index.php?showtopic=4887 Создал препреальфу подобного на одном CSS, просто чтобы показать такую возможность <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } a { display: block; left: 0; top: 0; position: absolute; text-decoration: none; border: 1px solid #000; height: 25px; font-size: 1px; line-height: 0; } #a1 { z-index: 4; width: 25px; } #a2 { z-index: 3; width: 50px; } #a3 { z-index: 2; width: 75px; } #a4 { z-index: 1; width: 100px…
0 votes26 answers -
Помогите сделать body на весь экран
Ребят делаю сайт, попросил друг, 3 года как не занимался этим, забросил, и очень многое забыл, сложно делать по старой памяти, но приходиться. Я делаю сайт на подобии того что делал раньше, но у меня видимо очень много ошибок, одна из их не могу понять почему body только закрывает часть сайта, а не на весь, уже больше 2 часов промучился переискал кучу инфы в интернете ничего не помогает, если вы не поможете прийдёться забросить это дело. я всё проверял все галочки всё закрыто, не должно быть ошибок, но боди хоть убей закрывает часть только сайта из за этого едит весь блок вот код в css body{margin:0;background:url(image/3.png)no-repeat;background…
0 votes3 answers -
Чем удалить лишние пробелы?
Здравствуйте! Прошу прощения, если обсуждалось, но не нашел. Посоветуйте, пожалуйста, инструмент, который удаляет лишние проблемы. Пишу код зачастую в блокноте, а он как известно оставляет лишние пробелы.
0 votes7 answers -
Подскажите по list-style-image ?
Добрый день. Подскажите плиз - сделал в качестве маркера списка картинку 32х32. Стиль: list-style-image (...url к файлу); list-style-position:outside; display:list-item; Собственно вопрос в том, как можно этот маркер выровнять по центру относительно текста ( типа align="middle" ), а то текст начинается по базовой линии.
0 votes20 answers -
Форматирование текста в textarea
Привет всем! У меня есть текст с форматированием в HTML. Его нужно вывести в textarea, но сохранить при этом форматирование(например что-то зажирнено, что-то другим цветом выделено). Это реально, если да, то как? Как вообще в textarea выделить болдом текст или скажем поменять цвет? В гугле ничего толкового не нашёл(htmlentities - пробовал, может быть руки не оттуда, но не помогло) Заранее спасибо!
0 votes8 answers -
подсветка input style=image
Доброго времени. <input type="image" src="i/file0.gif" / class="over"> как применить :hover ? как поменять file0.gif на file1.gif?
0 votes57 answers -
Меню на всех страницах сайта
Задача: Гипотетическому верстальщику нужно сделать меню многостраничного сайта. Чтобы header (и, возможно, footer) были на каждой странице сайта. Варианты решения: 1) Дублировать код на каждую страницу, что есть онанизм и увеличение размера файла. 2) Решить задачу с помощью фреймов.(усложним работу поисковым машинам.) 3) Прописать каким-то образом через JavaScript. 4) Другое. Вопрос: Каким образом можно сделать элемент одной страницы общим для всех страниц сайта, не в ущерб производительности?
0 votes7 answers -
div в правом нижнем углу
Надо разместить див в правом нижнем углу другого дива. Если писать position:absolute; right:0; bottom:0. Он размещается, где надо, но текст внешнего дива прячется под этот див, а нужно, чтоб он обтекался. Если написать margin-top:-250px; float:right; — аналогично: блок размещается, где надо, но не обтекается текстом.
0 votes11 answers -
Как сверстать меню?
Дорогие Камрады, у меня возник вопрос, а точнее мне интересно услышать варианты и идеи по-поводу того, как бы Вы сверстали вот такое меню: , дело в том, что Оно полностью Пнг-формата, и сам каркас с фоном, ссылки и текущая страница тоже, как видите выделяется(в данном случае это страница "Авторизация").. А проблема в том, что: 1) Нужно, что-бы это меню прекрасно отображалось в ИЕ6, один в один, как и везде 2) Почему то ссылки не кликабельны после того, как я назначаю даже фон этому меню в ИЕ6, почему так происходит, я не могу понять? 3) Хотелось-бы узнать у Вас, как-бы кто сверстали такое меню, какими бы свойствами и действиями оперировали?
0 votes56 answers -
Вопрос знатокам
Здравствуйте! подскажите,как решить проблему. фон - картинка, текст контента не имеет своего фона, менюшка тоже не имеет фона (общий фон картинка). меню имеет выпадающее подменю на текст. Вопрос: как сделать прозрачный текст под меню или чтобы фон в подменю повторял в точности основной фон? Заранее благодарен!
0 votes114 answers -
Как сделан сайт vk.com
Извините за вопрос, но как был сделан сайт vk.com. Создавали ли они свой движок? Я не думаю, что они создавали в social engine. Если знаете, посоветуйте, какие языки программирования и верстки надо выучить( знаю html css, php и js немного), чтобы сделать такой же сайт как у Дурова. Буду очень благодарен за ответ.
0 votes17 answers -
Изменить положение кнопки в форме...
Всем добрый день. Проблема: не удается изменить местоположение кнопки в форме, по отношению к "textarea". В хроме и сафари отображается нормально, но в остальных браузерах кнопка прилипает к "textarea". Каким образом кнопку можно двигать в внутри формы, помимо использования "float" Проясните, кто сталкивался с подобным, код прилагаю. <div id="obratka"> <form action="" method="post"> <p class="f">Ваше имя<sup>*</sup></p> <input type="text" name="t1" maxlength="40" size="30" class="text"> <p class="f">Ваш E-mail<sup>*</sup></p> <input type="text" name="t2" maxlengt…
0 votes2 answers -
Атрибут role
Вот они все. http://www.w3.org/1999/xhtml/vocab/#XHTMLRoleVocabulary Стал замечать их использование в верстках современных сайтов. Только вот, все равно не понимаю до конца ихнего смысла. Зачем они? Чисто для сео? Если только для семантики, то разве новых HTML5 тегов и просто правильного названия классов и айдишников не достаточно? В общем, пользуетесь ли вы этим атрибутом? И аргументируйте пожалуйста свой ответ.
0 votes4 answers -
два слоя одной высоты
подскажите пожалуйста как это можно сделать: два div'a(делят экран на два столбца), надо чтоб растягивались на одинаковую высоту(heigt), допустим в первом больше текста, второй подганяется под его высоту, и наоборот. есть возможность оба div'а воместить в третий и задать им height:100%, но этот вариант работает только если для третего div'а явно указать height, а я его зарание не знаю.
0 votes15 answers -
Как сделать Градиент-Фон ?
Как мне сделать вот такой бекграунд-фон на сайте,но тока чтобы он растягивался при расширении экрана? http://narod.yandex.ru/filemanager/sp.xhtml?f=22222.jpg
0 votes16 answers -
Курсор (мигающая вертикальная линия) на элементе
Здравствуйте! Подскажите, пожалуйста как называется вертикальная мигающая линия (на картинке) и как её убрать Появляется, когда элемент(div) в фокусе, после клика по элементу Лучше сделать элемент не div-ом, a кнопкой?
0 votes3 answers -
footer внизу страницы
когда на станице мало информации, footer не остается в самом низу страницы, а располагается в том месте, где закончилась таблица, даже если таблица в середине странички заканчивается.. можно ли "привязать footer" к низу страницы, зафиксировать его там?? и ещ? вопрос по теме: как фон разместить вплотную к нижней части страницы??
0 votes1 answer -
Как выдрать с сайта потоковое видео?
Приветствую всех Можно ли вытащить потоковое видео отсюда ? Если да то каким должен быть код, что бы вставить себе на сайт?
0 votes6 answers -
Подрисуночная подпись - как сделать для нескольких картинок рядом?
Прочел на это сайте статью про сабж: http://htmlbook.ru/content/?id=112 Проверил все у себя на машине. Все работает классно, но... Меня интересует одна штука: можно ли как-то сделать, чтобы картинки с подписямим располагались не только по вертикали, а и по горизонтали тоже? Теги p и div предполагают непременный переход на новую строку, т.е в результате кода: Винни-Пух в гостях у Кролика Винни-Пух в гостях у Кролика Винни-Пух в гостях у Кролика я вижу три картинки одна под другой - всегда. А я хочу, чтобы при широком окне они стояли рядом, а при уменьшении размера окна - выстраивались одна под другой. Можно так сделать или нет? Пока я знаю два варианта размещения …
0 votes9 answers -
checkbox ссылка
Добрый день форумчане! Столкнулся с такой вот проблемой. Делаю кустарный фильтр по категориям товара. Т.е. есть список (скажем 5 брендов), на против каждого бренда имеем квадратик клацнув по которому появляется галочка в квадратике (стандартный checkbox). Задача стоит в следующем, хочу сделать так, что бы при клике по квадратику появлялась галочка и в то же время происходил переход по ссылке на другую страничку с нужным брендом. Отображение квадратиков в которые вставляется галочка я сделал, но не понимаю и не могу найти в инете как сделать ее активной что ли, что бы сразу происходил переход по указанной ссылке. <form action="http://www.tepliydom.org.ua/nagrevatelny…
0 votes18 answers -
Не работает @font-family
Попробовала использовать подключение нестандартных шрифтов через @font-family, но ничего не получилось. Экспериментировала с разными вариантами шрифтов. Несколько качала с fontov.net и еще один взяла из встроенных по умолчанию в Photoshop. Вопрос заключается в следующем, какие могут причины нерабочести? Ни в одном браузере (Opera, Firefox, Google Chrome) изменения не отображаются. Текст, к которому применяю @font-family, вообще не отображается либо отобржается стандартным (кажется, это Arial). Кто-нибудь сталкивался с подобным? Может дать совет какой-нибудь или объяснить, в чем может быть проблема? Да, кстати, вес шрифта не более 70КБ был, формат ttf, кириллицу поддержив…
0 votes10 answers -
Как убрать пунктирную обводку input'ов в firefox?
Помогите решить проблему с кнопками в Firefox. При нажатии у кнопки появляется пунктирная обводка. Похожая проблема есть со ссылками, но она решается с помощью: outline:none; Но проблема с кнопками вышеуказанным способом не решить. Подскажите есть ли способ решить проблему пунктирной обводки кнопок в Firefox. З.Ы. Кстати проблема пунктирной обводки у ссылок есть и в IE6, и она тоже не решается с помощью outline:none.
0 votes10 answers