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
-
Позиционирование плавающего flash-объекта
Народ! Столкнулся с такой задачей. Есть на сайте модуль flash. Он плавает (перемещается вверх-вниз), когда прокручиваешь страницу. Однако, если смотреть на широкоформатном мониторе, то этот блок (плавающий flash-объект) уходит слишком низко и перекрывает нижнюю часть сайта. Это выглядит очень некрасиво. Кто подскажет - какие правила применить можно сюда, чтобы этот модуль ниже определённого значения не опускался? Вот как он наезжает А вот на сайте можно посмотреть как он перемещается Сайт
0 votes0 answers -
Проблема с положением дива position:absolute в IE
Такая беда: в ИЕ див с position:absolute отображается справа от текста, а в остальных браузерах - под текстом. Подскажите пожалуйста, как сделать, чтобы див в ИЕ был под текстом (а еще лучше, чтобы див вообще не зависил от текста). Вот код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>111</title> </head> <body> <div style="position:relative; width:500px; height:200px; background:#CCC"> Text <div style="position:absolute; width:200px; height:300px; background:#666"></div> </div> </body> </html> Вот пример: http://goodtime.com.ua/max/wtf2…
0 votes3 answers -
Отличаются ли записи...
Отличаются ли записи: ul#menu li и #menu ul li друг от друга?
0 votes6 answers -
совместное изучение html
Когда то давно изучал хтмл вместе с ксс _ все шло гладко но вскоре одному сталоо скучно, не интересно.Так например нескем обсудить ново изученную тему, свои идеи и так мое изучение прекратилось. на данный момент планирую начать сначала изучение html . Кто хочет приступить к совместному обучению просьба обратиться по следующим адресам gentius@mail.ru или в скайп kreker151 Всем удачного дня и новых успехов !
0 votes0 answers -
Несколько бакграундов в IE
Возможно ли отрисовать с помощью DXImageTransform реализовать в IE поддержку нескольких бакграундов по аналогии с CSS3: #element { background: url('img.png') 20px 0 no-repeat, url('img.png') 40px 0 no-repeat, url('img.png') 80px 0 no-repeat; } Пробовал сделать вот так: var Element = document.getElementBuId('element'); Element.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop'), progid:DXImageTransform.Microsoft.Matrix(Dx = 40)" + ", progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop'), progid:DXImageTransform.Microsoft.Matrix(Dx = 20)"+ ", progid:DXImageTransform.Microsoft.Al…
0 votes0 answers -
Убрать текст у формы
Есть стандартная форма поиска: <form id="search"> <input class="s_inputtext" type="text" name="q"/> <input class="s_button" type="submit"/> </form> как у кнопки поиска убрать текст "отправить запрос"?
0 votes2 answers -
ПОМОГИТЕ!Как выровнять в таблице изображение!
Люди добрые, плиззз!!!Мне нужно что бы изображение было в низу таблицы, а текст писался с верху. Пробовал в td valign="bottom", все выравнивается по низу. Пробовал img привязать css vertical-align:bottom ноль эмоций!!! Пож. помогите!!! :(
0 votes1 answer -
Позиционирование фонового изображения
При задании позиции фонового изображения оно просто исчезает. Какую ошибку я допустил?
0 votes3 answers -
Помогите сделать три DIV блока
Здравствуйте. Хочу решить задачу, решение которой вижу в табличном варианте: таблица из трёх колонок (первая 540px, вторая 200px, третья 200px) Как реализовать через DIV блочную вёрстку? Заранее очень благодарен.
0 votes1 answer -
javascript
Скажите пожалуйста,что я делаю нетак. Я хочу создать 2 слайдшоу на одной странице,вот код <table height='15'><tr><td></td></tr></table> <table border="1" cellspacing="0" cellpadding="0" frame="hsides" width='1068'> <tr><td> <table border="0" cellspacing="0" cellpadding="0" frame="hsides" width='1068'> <tr> <td> <table border='0'> <tr> <td> <table border='0'> <tr> <td> <img src='world/1.jpg' name='a' width='160' height='80' onClick='f("world/1.jpg");'> </td> </tr> <tr> <td> <img src='world/2.jpg' name='b' width='160' height='80'on…
0 votes0 answers -
Как избавится от тормозов?
Сделал работу http://www.webapps.itsblog.org/ - презентация на HTML5 и CSS3. По мере наполнения слайдами столкнулся с проблемой тормозов - слайды дергано сменяются. Можно ли избавится от них? Вот здесь http://slides.html5rocks.com/ тоже много слайдов напичканных спецэффектами, но работает шустро. Нужны советы по оптимизации скорости отображения в браузере без потери оформления.
0 votes15 answers -
Как убрать разрывы между глобальных блоков сайта
Здравствуйте. Подскажите пожалуйста как на сайте http://www.stmclimat.com/ Убрать разрывы между шапкой сайта и центральной частью и между центральной частью и подвалом, т.е. чтобы между ними не было видно фона, а сайт выглядел как единое целое. Где искать устранение данной проблемы или какие коды надо выложить???
0 votes1 answer -
Вертикально-резиновый сайт
Приветствую. Уже давно верстаю сайты используя табличную верстку, но на данный момент стоит острая задача сверстать блоками, а в этом у меня опыта практически нет. Полазая по всяким сайтам и прочитав гайды по блочной верстке, вроде как все сделал, но есть одна неприятная штука - контентная часть не растягивается как нужно. Дабы не писать много слов, я сверстал две простенькие схемы сайта - лучше покажу что я имею и что нужно в итоге: Имею Нужно Т.е. нужно чтобы все элементы оставались в "обертке", а обертка всегда была в высоту 100%. P.S. Пробовал на обертку ставить "overflow: hidden", но в этом случае, он просто "обрезает" область к height, т.е. видим только 100% окна, а…
0 votes4 answers -
Отображение изображений с удаленного фтп
Здравствуйте. Даже не представляю как решить такую задачку. Есть доступ к фтп серверу по логину, паролю. В корне сервера лежат файлы изображений. Количество постоянно пополняется. Есть веб-страничка на другом сервере. Как отобразить на страничке изображения с фтп, при условии, что ни количество ни имена файлов заранее не известны. Может есть какое готовое решение на jquery, например.
0 votes3 answers -
align=middle в хром
Делаю выравнивание текста по картинке - <img src="/upload/medialibrary/1a2/clock.png" align="middle"> текст. В браузерах Opera и IE отображается как надо, текст по середине картинки справа, а вот в хроме текст справа вверху от картинки. Причём, если вместо align, написать valign="middle" в хроме как надо отображается, а в остальных браузерах не так.. Как сделать, чтобы в хроме отображалось как положено align="middle"?
0 votes2 answers -
Переделать структуру сайта без последствий с поисковиками
Здравствуйте! Всех с прошедшими праздниками! Вопрос вот в чем: Необходимо изменить структуру сайта. Тобиш статьи которые сейчас на третьем уровне перевести на второй. Как переводить сами статьи понятно, а как сделать чтоб они из индекса не выпали? url сменится только на -1 вложение. Как бы понятно, что редирект нужен, только какой лучше? (статей не много всего около сотни) но все равно жалко если выпадут! Заранее благодарен.
0 votes2 answers -
Что нужно прописать при верстке в css чтобы не растягивался сайт
Добрался наконец до практики верстки, и тут сразу же возник вопрос. В общем сделал пока только верхнюю часть сайта, прописал в css значения, но вот при проверке в др браузер все растягивается и получается ерунда. Как запретить это и где в css файлике это нужно прописать?
0 votes3 answers -
Движки
Объясните пожалуйста, для чего нужны движки, какие виды существуют и кто какими и для чего пользуется? Как они пишутся? Спасибо)
0 votes3 answers -
Всплывающая ссылка в списке
Господа ученые , подскажите пожалуйста как мне сделать чтобы при наведении мышкой на ссылку, открывалась "подссылка"? В инете порылся, не получается воспользоваться той информацией, которую нашел... <ul> <li><a href="#">Наружная реклама</a></li> <ul class="submenu_sidebar"> <li><a href="#">Вывески</a></li> <li><a href="#">Билборды</a></li> <li><a href="#">Баннеры</a></li> <li><a href="#">Светодиодный экран</a></li> <li><a href="#">Реклама на/в транспорте</a></li> <li><a href="#"&g…
0 votes4 answers -
Вертикальное меню
Здравствуйте, я бы хотел узнать ваше мнение. Была задача сделать верстку вертикального меню, уже с готовой структурой, как показано здесь Появилась проблема что при переключении пунктов, меню смещалось (вниз вверх), из-за того что выделенный пункт имел большую высоту, для этого я сделал одинаковую высоту как выделенным и невыделенным пунктам. Появилась следующия проблема, расстояние между пунктами было слишком большое. Вопрос возможно ли уменьшить расстояния и при этом что б пункты не смещались? (Основная проблема в картинке которая обозначает выделенный пункт) Ссылка на сайт: http://aca.computers.net.ua/ru/cus_env/ Структура меню: <div class="vert-menu-box"> &l…
0 votes2 answers -
phpstorm
Привет, долго думал куда же выложить вопрос, решил в этот раздел. Суть вопроса вот в чем. Использую PHPStorm, хочу изменить такую вещь - к примеру пишем ксс #div{m+ teb;o+tab} - получаем #div{ margin:; outline:;} как можно сделать чтобы он не переносил на новую строку а продолжал текющуу.. что то уже несколько часов копаюсь, не могу найти( Подскажите плз.
0 votes0 answers -
Неравные ячейки таблицы
Есть сайт http://zav.ucoz.net/. Скрин http://zav.ucoz.net/bezymjannyj.png Нужно чтобы граница слева и справа были одинаковыми, т.е. центр не залазил на правые блоки. Хэлп!!!
0 votes0 answers -
Не правильное отображение css
#sddm div a:hover { background: #49A3FF; color: #FFF} .ib, .ib2 {height: inherit;z-index: 1;} .ibt, .ibtl, .ibtr {background: url('/images/ibt.png') top left repeat-x;height: 34px;overflow: hidden;} .ibtl {background-position: bottom left;float: left; width: 14px;} .ibtc {float: left;margin-left: 4px;line-height: 34px;padding-top: 2px;width: 86%;overflow: hidden;} .ibtr {background-position: bottom right;float: right; width: 15px;} .ibtc a.bl, .ibtc a.bl:visited, .ibtc span.bl {border-left: 3px solid #fcbc26;color: #09364c;font-size: 11pt;font-weight:bold;padding-left: 7px;} .ibb, .ibbl, .ibbr {background: url('/images/ibb.png') top left repeat-x;height: 20px;overflo…
0 votes10 answers -
Проблема с формой заказа
Спасайте дорогие граждане! Решил сделать форму заказа и освоить PHP, посмотрел пример, добавил что нужно, теперь полная Ж , Помогите исправить, или просто дайте ссылку где можно взять нормальную. Ссылка на сайт -ССЫЛКА>>>>> Заранее всем спасибо! Жду с нетерпением! ДА и вот файл обработчика сам PHPи <? $headers .= "Content-type: text/html; charset=Windows-1251\r\n"; if(!isset($pryamoygol)){$pryamoygol="нет";} if(!isset($yglovoi)){$yglovoi="нет";} if(!isset($panoram)){$panoram="нет";} if(!isset($mnogogrannik)){$mnogogrannik="нет";} if(!isset($panoram)){$panoram="нет";} if(!isset($steklo_optiwhite)){$steklo_optiwhite="нет";} if(!isset($steklo_m1)){$ste…
0 votes10 answers -
Объясните на пальцах про позиционирование
Здравствуйте. Зачитал до дыр про позиционирование, но все-равно туплю. Вот у меня код: <div id = "found"> <div id = "Left"> <div> <div id = "Right"> <div id = "Right_l"> <div> <div id = "Right_r"> <div> <div> <div> CSS: #found { height:600px; width:800px; } #Left{ width:250px; display:block; position:relative; } #Right{ width:550px; display:block; position:relative; float:left; } Надо, чтобы было так : [блок Left] [блок Right_l] [блок Right_r] То есть блок Right содержит в себе еще два блока, которые позиционируются В НЕМ. Не могу понять как это сделать... Получается сейчас…
0 votes2 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-