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
29,542 questions in this forum
-
Можно ли посавить метку <label> на изображение?
Всем доброго времени суток! Подскажите, может кто знает, каким образом можно поставить метку <label> на изображение в форме? Задача такова: есть форма, в ней необходимо выбрать одно из нескольких изображений, выбор организован при помощи элементов radio. Возможно ли сделать так, чтобы при наведении и кликании на изображении выделялся сам элемент формы (кружок radio)? У меня пока сделать такое не получается (((
0 votes59 answers -
html страница из нескольких страниц
Подскажите пожалуйста, как можно создать страницу состоящую из нескольких независимых документов. Я пробовал использовать тег "IFRAME", но он позволяет загружать любые другие независимые документы в область ТОЛЬКО ЗАДАННЫХ РАЗМЕРОВ. Мне же нужно чтобы размеры этой области определялись содержимым "подгружаемого" в эту область документа.
0 votes25 answers -
Помогите сделать body на весь экран
Ребят делаю сайт, попросил друг, 3 года как не занимался этим, забросил, и очень многое забыл, сложно делать по старой памяти, но приходиться. Я делаю сайт на подобии того что делал раньше, но у меня видимо очень много ошибок, одна из их не могу понять почему body только закрывает часть сайта, а не на весь, уже больше 2 часов промучился переискал кучу инфы в интернете ничего не помогает, если вы не поможете прийдёться забросить это дело. я всё проверял все галочки всё закрыто, не должно быть ошибок, но боди хоть убей закрывает часть только сайта из за этого едит весь блок вот код в css body{margin:0;background:url(image/3.png)no-repeat;background…
0 votes3 answers -
Подключение шрифта helvetica neue cyr roman
Добрый день, верстаю один дизайн, а тут вот такой шрифт, как его подключить в css? для нестандартных шрифтов я использовал google fonts, а там его нету, как его подключить?
0 votes2 answers -
Не работает @font-family
Попробовала использовать подключение нестандартных шрифтов через @font-family, но ничего не получилось. Экспериментировала с разными вариантами шрифтов. Несколько качала с fontov.net и еще один взяла из встроенных по умолчанию в Photoshop. Вопрос заключается в следующем, какие могут причины нерабочести? Ни в одном браузере (Opera, Firefox, Google Chrome) изменения не отображаются. Текст, к которому применяю @font-family, вообще не отображается либо отобржается стандартным (кажется, это Arial). Кто-нибудь сталкивался с подобным? Может дать совет какой-нибудь или объяснить, в чем может быть проблема? Да, кстати, вес шрифта не более 70КБ был, формат ttf, кириллицу поддержив…
0 votes10 answers -
Как сделать выпадающее меню при нажатии (не при наведении)
Как сделать выпадающее меню при нажатии, а не при наведении? То есть, вот пример, меню: http://cssor.ru/examples/cssmenu/cssmenu.htm здесь меню выпадает при наведении. А мне нужно, чтобы нажав на пункт меню отобразились подпункты и так и оставались.При наведении не надо. Ставила свойство active, но оно при нажатии появляется и тут же исчезает.
0 votes9 answers -
два слоя одной высоты
подскажите пожалуйста как это можно сделать: два div'a(делят экран на два столбца), надо чтоб растягивались на одинаковую высоту(heigt), допустим в первом больше текста, второй подганяется под его высоту, и наоборот. есть возможность оба div'а воместить в третий и задать им height:100%, но этот вариант работает только если для третего div'а явно указать height, а я его зарание не знаю.
0 votes15 answers -
Чем удалить лишние пробелы?
Здравствуйте! Прошу прощения, если обсуждалось, но не нашел. Посоветуйте, пожалуйста, инструмент, который удаляет лишние проблемы. Пишу код зачастую в блокноте, а он как известно оставляет лишние пробелы.
0 votes7 answers -
TABLE
Вопрос к Модератору и остальным участникам форума; на одном сайте я захотел скопировать код таблицы, если то можно так назвать а вот и адрес сайта; ( http://www.rusbible.ru/ ), но код "TABLE" не дается, почему? И как создать такую вот "TABLE" с узорами?
0 votes14 answers -
Прошу помощи по кросс-броузерной верстке
Привет всем. Делаю сайт на заказ. Движок - Джумла 2.5, дизайн - заказной от стороннего разработчика, преобразование дизайна в шаблон джумлы - от меня. При просмотре готовых страниц в разных броузерах обнаружились проблемы. Некоторые страницы выглядят очень по-разному. Для примера - страница http://test.psy-actual.ru/team/persons Файрфокс версии 23.0.1 - все выглядит идеально. В точности как задумано. (Что не удивительно - это мой основной рабочий инструмент) Хром версии 29.0.1547.76 - почти все хорошо, только последняя фотография почему-то съехала на следующий ряд. Это странно, поскольку для ее вывода используется тот же класс, что и в других рядах из 3 фотографий. Единс…
0 votes15 answers -
Установил Денвер, хочу локально установить форум - такой как здесь
К сожалению PHP совсем не знаю, установил Денвер, хочу локально установить бесплатный форум ( не знаю - такой как здесь подойдет или нет ) и не зню что дальше делать, подскажите пожалуйста
0 votes12 answers -
Форматирование текста в textarea
Привет всем! У меня есть текст с форматированием в HTML. Его нужно вывести в textarea, но сохранить при этом форматирование(например что-то зажирнено, что-то другим цветом выделено). Это реально, если да, то как? Как вообще в textarea выделить болдом текст или скажем поменять цвет? В гугле ничего толкового не нашёл(htmlentities - пробовал, может быть руки не оттуда, но не помогло) Заранее спасибо!
0 votes8 answers -
Опустить картинку чуть ниже текста
у меня несколько таких блоков, где есть иконка и текст заголовка, но как сделать так, чтобы иконка была ровно по середине, т.е. она сейчас и так вроде бы по середине, а мне надо иконку чуть опустить вниз при этом чтобы текст оставалс на своем месте, или наоборот чуток поднять текст. КСС код для иконки простой, просто отступ и тексто тоже просто по центру #write-story .container .box h1 img{margin-right: 4px;} #write-story .container .box h1{color:#994f2e; font-size: 16px; font-family: Georgia; text-align: center; font-weight: normal;} Помогите пожалуйста правильно отцентрировать. И еще вопрос, как сделать всю область ДИВ контейнера ссылкой? Так чтобы при наводе на обл…
0 votes3 answers -
Подскажите по list-style-image ?
Добрый день. Подскажите плиз - сделал в качестве маркера списка картинку 32х32. Стиль: list-style-image (...url к файлу); list-style-position:outside; display:list-item; Собственно вопрос в том, как можно этот маркер выровнять по центру относительно текста ( типа align="middle" ), а то текст начинается по базовой линии.
0 votes20 answers -
div как ссылка
имею .number1 {background:url('wrapper_tr.jpg') 100% 0 no-repeat; } нужно добавить чтобы данный класс явился ссылкой на постоянный адрес, и имел размер ну допустим 100 на 150 рx. что нужно дописать? linkblock - не работает.
0 votes13 answers -
Меню на всех страницах сайта
Задача: Гипотетическому верстальщику нужно сделать меню многостраничного сайта. Чтобы header (и, возможно, footer) были на каждой странице сайта. Варианты решения: 1) Дублировать код на каждую страницу, что есть онанизм и увеличение размера файла. 2) Решить задачу с помощью фреймов.(усложним работу поисковым машинам.) 3) Прописать каким-то образом через JavaScript. 4) Другое. Вопрос: Каким образом можно сделать элемент одной страницы общим для всех страниц сайта, не в ущерб производительности?
0 votes7 answers -
PHP и JavaScript, В чем их задача и в чем отличие?
Немного погуглив, я нашел, что php это серверный язык, а java клиентский, но в чем их общая задача? Например, сделать надо регистрацию на сайте или cms систему, на каком языке это будет сделать легче, безопасней и удобней?
0 votes20 answers -
Подрисуночная подпись - как сделать для нескольких картинок рядом?
Прочел на это сайте статью про сабж: http://htmlbook.ru/content/?id=112 Проверил все у себя на машине. Все работает классно, но... Меня интересует одна штука: можно ли как-то сделать, чтобы картинки с подписямим располагались не только по вертикали, а и по горизонтали тоже? Теги p и div предполагают непременный переход на новую строку, т.е в результате кода: Винни-Пух в гостях у Кролика Винни-Пух в гостях у Кролика Винни-Пух в гостях у Кролика я вижу три картинки одна под другой - всегда. А я хочу, чтобы при широком окне они стояли рядом, а при уменьшении размера окна - выстраивались одна под другой. Можно так сделать или нет? Пока я знаю два варианта размещения …
0 votes9 answers -
Кликабельная иконка возле ссылки
Хотелось бы узнать как ПРАВИЛЬНО делать это. Т.е. нужно чтобы конечный пользователь просто писал ссылку, а в документе она появлялась с иконкой, причем на иконку также можно было бы нажимать, подчеркивание было бы только у текста ссылки. Как делать? Методом тыка добрался до вот такого, не ругайте сильно) <a class="savelink" href="#"><div class="save_xl">ССЫЛКА</div></a> .savelink { display: inline; height: 20px; line-height: 20px; font-size: 12px; margin-left: 20px; text-decoration: underline; } .save_xl { background: url("icon_excel.jpg") no-repeat; } .save_word { background: url("icon_word.jpg") no-repeat; } .save_file { background…
0 votes4 answers -
Обрезать строку в ячейке таблицы
Добрый вечер. Подскажите, пожалуйста, как обрезать строку в ячейке таблицы? Пробовал делать с помощью text-overflow: clip и overflow: hidden, но таблица растягивается и никакого обрезания, конечно же, не происходит. Вот код таблицы (прошу не пинать за указание ширины прямо в HTML): <table class="logs_list"> <tr> <td style="width: 20%">IP</td> <td style="width: 10%">Время</td> <td style="width: 5%">Запрос</td> <td style="width: 60%;">Страница</td> <td style="width: 5%">Ответ</td> </tr> <tr> <td>140.206.155.127</td> <td>00:54:00</td> <td>GET<…
0 votes4 answers -
загадочное поведение @media screen (max/min width/height)
Дамы и господа, добрый, последний мартовский день! Столкнулся с следующей траблемой: в <meta /> HTML index: <link rel="stylesheet" type="text/css" media="screen and (max-width: 800px) and (max-height: 600px)" href="css/800x600.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-width: 1024px) and (max-height: 768px)" href="css/1024x768.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1152px) and (max-height: 864px)" href="css/1152x864.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-width: 1280px) and (max-height: 600px)" href="css/1280x600.css" /> <link rel="stylesheet" t…
0 votes9 answers -
Как убрать пунктирную обводку input'ов в firefox?
Помогите решить проблему с кнопками в Firefox. При нажатии у кнопки появляется пунктирная обводка. Похожая проблема есть со ссылками, но она решается с помощью: outline:none; Но проблема с кнопками вышеуказанным способом не решить. Подскажите есть ли способ решить проблему пунктирной обводки кнопок в Firefox. З.Ы. Кстати проблема пунктирной обводки у ссылок есть и в IE6, и она тоже не решается с помощью outline:none.
0 votes10 answers -
Как сделан сайт vk.com
Извините за вопрос, но как был сделан сайт vk.com. Создавали ли они свой движок? Я не думаю, что они создавали в social engine. Если знаете, посоветуйте, какие языки программирования и верстки надо выучить( знаю html css, php и js немного), чтобы сделать такой же сайт как у Дурова. Буду очень благодарен за ответ.
0 votes17 answers -
перенос строки в <option>
Добрый день. Возможно ли делать перенос строки в тегах <option> select'a? Вариант <option value="">my_text<br />my_text</option> не работает В выпадающем списке появляется вся строка с <br /> \n\r тоже не работает ( заранее спасибо.
0 votes2 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