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
-
как сделать 4 уголка у слоя
Подскажите, как можно сделать 4 скоса у прямоугольного текстового блока наиболее эффективным способом. (т.е. добавить картинки в каждый из углов). получается примерно следующее, только слишком громоздко: <td style="vertical-align: top; padding-bottom: 30px; background: #f7eedc;"> <div style="background: #f9e8d4 url(/images/center_top_fon.jpg) repeat-x top; height: 36px;"><img src="/images/center_top_left.jpg" align="left" alt="" /><img src="/images/center_top_right.jpg" align="right" alt="" /></div> <div style="background: #f9e8d4 url(/images/center_left_fon.jpg) repeat-y;"> <div style="background: transparent url(/images/cent…
0 votes14 answers -
горизонтальное меню на CSS
Здравствуйте! У меня проблема с горизонтальным меню, а именно ничего не получается.... по задумке должно всё выглядеть так: а получилось у мну так: я в отчаянии... HTML </p><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test page</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" type="text/css" rel="stylesheet"> </head> <body> <div class="wrapper"> <!-- место для меню --> <div class="menu"> <ol> <li><a href="r…
0 votes19 answers -
Как сделать рамку вокруг строки таблицы?
Столкнулся с такой проблемой -- хочу сделать чтобы строки в таблице имели рамки снизу и сверху но не между ячеек. т.е. что-то типа такого: _________________________________ 232312 имя фамилия _________________________________ 342423 имя фамилия _________________________________ казалось бы что прощее -- указать в стилях для Но почему-то это не приводит ни к чему. Цвет строки можно изменить, а вот рамку именно вокруг строки, а не каждой ячейки в строке, не удается.... Что я делаю не так?
0 votes4 answers -
Кнопка Reset
Вопрос такой имеется два элемента Чекбокс и Селект(по умолчанию disabled) при помощи java скрипта при выборе чекбокса, селект переходит в состояние enabled и вот в чем проблемка, при нажатии на кнопку reset сбрасывается все, и выбраное значение в select и снимается галочка с чекбокса, но сам select не переходит в состояние disabled вот код скрипта: function agreeForm3(f) { if (f.Check3.checked) f.select1.disabled = 0 else f.select1.disabled = 1 код чекбокса: <input type="checkbox" name="Check3" disabled onclick="agreeForm3(this.form)" /> код селекта: <select name="select1" disabled="disabled" > я так понял что не происходит сброса скрипта, помогите с проблем…
0 votes17 answers -
sass+compass, проблема с кодировкой
Доброго времени суток! Установил sass и compass на windows, ввел команду compass watch, начал изменять style.scss и возникает ошибка совместимости кодировки. [Listen warning]: Change block raise an execption: incompatible character encodings: Windows-1251 and UTF-8Backtrace: C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesystem.rb:87:in `index' C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesystem.rb:87:in `remove_root' C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesy Очень долго ищу решение, может кто знает как решить проблему?
0 votes4 answers -
Изменение стиля ссылок
Собственно в чем вопрос. Знаю как изменить стиль ссылок при наведение на е? и т.д. эти стандартные моменты на css. Но ситуация такая есть движок на php - в блоке ссылки на разделы сайта, которые автоматически выводятчя из БД при добавлении материала через админку, вот, и нужно сделать, что когда кликнешь по ссылке и передешь на данную старницу эта ссылка изменила стиль (цвет, шрифт и т.д.)? Подскажите пример кода, и реализации, плиз?
0 votes9 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 -
Убрать OnClick
Здравствуйте. Подсобите, пожалуйста, в следующем: как убрать onclick $r .= '<input type="button" class="enhanced_search_options_advanced_button" value="Search" onclick="esf_div=document.getElementById(\'' . $dom_id . '\');if(esf_div.style.display==\'none\') esf_div.style.display=\'block\';else esf_div.style.display=\'none\';document.getElementById(\'' . $dom_id . '_cat\').disabled=!document.getElementById(\'' . $dom_id . '_cat\').disabled;document.getElementById(\'' . $dom_id . '_m\').disabled=!document.getElementById(\'' . $dom_id . '_m\').disabled;esf_tag=document.getElementById(\'' . $dom_id . '_tag\');if(esf_tag) esf_tag.disabled=!esf_tag.disabled;return false;" …
0 votes7 answers -
Изменение стиля
Ребята, подскажите код css, может кто сталкивался, для оформления всех элементов в overflow, ну чтобы и в ИЕ, Мозиле и Опере работало. Вот есть что: #scrolldiv1 { overflow: auto; height: 140px; width: 949px; } вот собственно, понятно что выводится: Я хочу сделать что-то подобное:
0 votes7 answers -
Вот не знаю с чего начать..
Добрый день. Появилась задачка служебный сайт написать, не для зарабатывания, без особого графического дизайна, просто сайт с минимумом функциональности: - вход по логину и паролю; - ввод информации (текстовой); - получение введеной информации из 1С Что то буфера обмена. Можно ли это реализовать на HTML? Если нет то как реализовать это? Если кто знает может подскажите?
0 votes9 answers -
Максимальная обфускация CSS кода
Всем привет. На данный момент в проекте столкнулся с таким требованием заказчика: "по возможности обфусцировать СSS код в местах где идет наименование классов и тегов " что бы было что то наподобие: span#span_1 = a; и потом бы это "a" указывалось везде где это необходимо(в html и CSS) вопрос: 1) это реально? (если да - буду благодарен за ссылки на подобные обфускаторы) 2) какие вообще на сегодняшний день самые лучшие обфускаторы HTML + CSS? (или же игра не стоит свечь и не стоит над этим заморачиваться особо?) P.S. Буду благодарен за любые конструктивные советы.
0 votes1 answer -
Проблемы с вставкой изабражения.
Нарисовал меню в фотошопе, разрезал его. Верхнюю и нижнюю часть задал как вставка рисунка над и под кнопками меню, а середину задал как фон, но изображения не состыкуются, в чем проблема? Фон смещен в право. Так же при вставки изображения слево и снизу образуется какой то зазор, как его убрать?
0 votes12 answers -
_height:expression
Привет!! Что за _height:expression(document.body.clientHeight+'px'); и где его использовать?? Это растягивание на высоту родителя дочернего блока или нет?? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> .za{position:relative; top:100px; left:100px; width:200px; height:400px; background:url(d.jpg) no-repeat; z-index:1} .moo{position:absolute; background-color:red; top:10px;bott…
0 votes6 answers -
Легенький макет поверстать для "зеленого" новичка
Подскажите где найти или скиньке кто-то легенькие макеты для "зеленого" новичка поверстать. Я только начал изучать верстку и еще не чего толкового не верстал. Очень уж хочется все это осилить)))
0 votes25 answers -
Поменять текст на кнопке выбора файла
Как поменять текст на кнопке <input type="file"> с Обзор на другой какой-нибудь?
0 votes13 answers -
Проблема с подключением шрифтов в FireFox
Здравствуйте, столкнулся со следующей проблемой. Есть проект веб-сайта, есть две роли, своего рода два интерфейса взаимодействия, пока готовится проект для презентации заказчику, понадобилось разделить весь перечень страниц в соответствии с этими ролями. Проще говоря, есть корневой каталог, в нем: css, js, sass, images, fonts, role-1, role-2. Последние два каталога - каталоги с HTML страницами в зависимости от роли. Допустим, существует файл со стилями site/css/role-1/home-page.css в файле подключаются фонты, например: @font-face { font-family: 'Roboto'; src: local('Roboto Thin'), local('Roboto-Thin'), url('../../fonts/roboto/robotothin.woff2') forma…
0 votes5 answers -
Управление сайтом без cms, возможно?
Возможно ли управление сайтом без кмс? И как это реализовать?
0 votes7 answers -
Верстка под IE7 & IE8 - на что обратить внимание
Нужно верстать под и IE7 и IE8. Подскажите на что нужно обратить внимание? Или дайте ссылку на инфу - почитать. В гугле мало чего нашел (может плохо искал)
0 votes4 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 -
Изменение кнопки после нажатия
более подходящего места для вопроса не нашел, так как не могу однозначно сказать, за счет какой технологии это делается. Итак, увидел вот в этом магазинчике http://www.defitsita.net/nabor/sportivnomu-bolelshhiku/ гениальную вещь. После нажатия кнопки "положить в авоську" кнопка меняется на "перейти в корзину". Интересно попробовать такое для своего сайта, но не знаю с чего подступиться, рецептов подобных не находил, в поиске тишина, в их коде не разобрался. Это средствами JS делается или как-то можно на CSS?
0 votes3 answers -
В ИЕ цвет gif'a отличается от других
В ИЕ цвет gif'a отличается от других. С png я знаю как решать проблему, а вот с гифом нет. У кого какие соображения.
0 votes9 answers -
Прижать элемент к низу блока
Здравствуйте. Такой вопрос у меня появился..есть блок контейнер с 3 колонками. Высота его определяется высотой самого большого первого блока. Как можно прижать последний элемент крайней правой колонки к низу контейнера? Как вариант, конечно, сделать с помощью отступов , но мне кажется этот вариант будет не самым правильным=\
0 votes2 answers -
Несколько background'ов для одного элемента
Стоит задача создать блок с 4-мя закругл?нными уголками и чтобы каждая сторона блока отбрасывала тень. Фактически, если сделать это как я умею, то понадобится минимум 8 вложенных сло?в (по одному для каждого background'а). Может быть есть меннее затратный способ такое реализовать, может быть как-то можно использовать для одного несколько background'ов?
0 votes3 answers -
Не работает выпадающее css-меню в google chrome
Всем привет! Пару дней назад задумал менять дизайн сайта, посвященному теме общепита и банкетного зала! Менять нужно было, так сказать, на лету(без сливания на тестовый хостинг), то есть основная html-верстка осталась практически нетронутой, всю работу планировал свести к правке css и замене изображений! Ну...ещё слайдер в шапке поменял! Все шло и идет как задумано, но сегодня заметил что-то необъяснимое: во всех браузерах верхнее горизонтальное меню сайта отрабатывает как положено - при наведении мышки появляется выпадающее меню, а вот в хроме - ни фига! Я уже и так, и так - всё мимо! Уважаемый специалисты, быть может, вы сможете разобраться в этом? Я проверял с …
0 votes1 answer -
ЕСЛИ НА САЙТЕ БУДУТ ШРИФТЫ НЕСТАНДАРТНЫЕ,ТИПА ВСЯКИХ ФОТОШОПОВСКИХ
Так будут ли корректо отбражаться они на сайте?и как поставить в хтмл чтобы весь текст был в это шрифте?
0 votes13 answers