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
-
Помогите Пожалуйста IE
Пацаны помогите пожалуста встала проблема сайт готов , но вот IE снова подводит .bottom {width:178px; height:41px; position:relative; margin:20px 0 10px 25px} .bottom a {text-decoration:none; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:lighter; font-style: italic} A.rollover { background:url(../img/knopka1.gif) no-repeat; display: block; width: 178px; height: 41px; padding-left:24px; padding-top:5px } вот код цензура кнопок , проблема в том что ИЕ не понимает padding-left:24px предложите альтернативу пожалуста ...
0 votes4 answers -
Картинка списка в IE
почему когда ставинь для списка картинку, в IE не добовляется отступ между картинкой и текстом... кто знает, подскажите пожалуйста как исправить.
0 votes14 answers -
Эффект перекатывания
доброво времени суток, я только недавно стал изучать css и хотел на своем сайте применить эффект перекатывания(с помощью скрипта который я нашел на этом сайте),все работает только у меняпоблема у меня рисунки кнопок в jpeg и когда я первожу их в gif то ухудшается качество,а если ставить jpeg то браузер не отображает картинку Вот скрипт: <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>Эффект перекатывания</title> <style type="text/css"> A.rollover { background: url('1.gif'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 196px; /* Ширина р…
0 votes8 answers -
Непереносимый текст
Как сделать чтобы определенный кусок текста не переносился на новую строчку ни при каких условиях?
0 votes1 answer -
menu
подскажите как зделать такое меню? http://files.etherway.ru/33E20C ссылка на джипег вида меню
0 votes8 answers -
Не стыковка в меню с ИЕ
Попробовал сам с нуля создать меню. Вылаживать много кода будет. Вот как сделал. http://www.sharemania.ru/0162693 Проблема такая, у меня уже есть созданное меню,но нижняя граница каждой строки таблицы меню толстая, это произошло из-за стыковки верхней и нижней границы каждой ячейки,после каждой строки ячейки, не могу убрать, подскажите пож. как. 2)Проблема с расположением меню синего в браузере Ие, в др. нормально толкьо в Ие меню синее идёт как-т овправо и немного длинее чем меню с подпунктами ниже. подскажите как одолеть это? Заранее благодарю.
0 votes15 answers -
Меню на HTML5
Коллеги, здравствуйте. Совсем недавно начал изучать HTML5, сейчас создал меню. Ниже маленький фрагмент кода. Всё красиво, всё по макету, всё работает. Но я сомневаюсь, что моя реализация валидна. Будьте так любезны, дайте советы, как сделать код валидным. <nav> <ul> <li class="nav_img_left"><img src="img/nav_left_background.png"></li> <!-- Закругление фона слева--> <li><a href="/about/">Главная</a></li> <!-- Пункт меню --> <li class="nav_border"><img src="img/nav_border.png"></li> <!-- Перегородка между элементами м…
0 votes11 answers -
Как залить svg-контур?
ребята, научите пожалуйста как залить svg-контур. есть один svg-файлик, в котором всего один элемент path. результат выглядит так мне хотелось бы изменить исходный код файла так чтобы область внутри была залита там же цветом, что и контур. svg-файл прикрепляю к этому посту. filter_fill.svg
0 votes1 answer -
при уменьшении окна браузера форма вылазит за экран .
#header { margin: 0 0 0.2em 0; padding: 1em 1.5em; height:8em; background: #343434 url('header.jpg') no-repeat top left; border:1px solid ##2D5289;; } <div id="header"> <div style="position: relative;width: 100%;"> <div style="width: 100%;position: absolute;left: 0px;top: 0px;"> <div style="margin-left: 85%;"><form name="" action="" method="post"> <table width='200' border='0' cellspacing='0' cellpadding='0' class='3'> <tr> <td align='center' class='3'>Имя: Пароль:</td> <td align='center' class='3'><input style="padding-left:20px" name="Name" type="text" value="" size="15"> <input style="paddi…
0 votes2 answers -
Тройная рамка вокруг содержимого
Добрый вечер. Появилась задача сделать такую кайму по периметру всего содержимого сайта: Это три borderа в трёх вложенных блоках?
0 votes2 answers -
Модуль для редактирования, управления сайтом после опубликования
Доброго всем времени суток в зависимости от региона В?рстка моего сайта подходить к концу и меня начинает волновать вопрос: как же мне править текстовое содержание, прикрепл?нные файлы и т.д. когда сайт уже будет открыт ? Ясно что не в ручную переписывать каждый раз код. Посоветуйте возможно удобные модули либо дайте ссылочку на FAQ по написанию оных. Спасибо. p.s. Поиском по форуму не наш?л.
0 votes8 answers -
как ограничить разрешение при резиновой верстке
Товарищи подскажите Существует резиновый сайт к которому нужен скрипт чтобы его не растягивало более чем 1300 px в ширину
0 votes10 answers -
css верстка, блоки, нужна помощь
Добрый день уважаемые. окажите пожалуйста помощь в решении следующей задачи. Дано четыре блока в две колонки. хочу чтобы при изменении высоты блока 4, высота колонок оставалась одинаковой при этом блок 1 и 3 своих размеров не меняли, а высота левой колонки изменялось за счет высоты блока 2.
0 votes13 answers -
Не меняется ширина объекта
Прописал в CSS ширину, а оно ни в какое не хочет меняться, если вставить в этот блок текст, то оно будет подстраивать ширину под него... что с этим можно сделать, в чем может быть проблема?
0 votes4 answers -
Проблема с формой поиска от Google
Добрый день! Установил поиск от Google (Custom Search Engine). index.html - содержит форму поиска. results.html - список результатов поиска + форма поиска. Суть проблемы: При поиске слов на на английском языке, результаты поиска на стр. results.html - отображаются корректно. При поиске слов на русском языке, результаты поиска не отображаются. Причем, если убрать код формы поиска (search box) на странице results.html, то поиск начинает работать и на русском. Вопрос. Как сделать так, чтобы форма поиска (search box) оставалась на странице результатов поиска? Спасибо за ответы! P.S. Влад, поделитесь опытом, пожалуйста!
0 votes5 answers -
Разметка сайта
Встал вопрос разметки сайта. Честно пытался поискать сам, но плохо понимаю как это называется правильно. Вопрос следующий: как выглядит структура когда для сайта со стандартной шапкой, меню и изменяющимся содержимым. Обновляется весь сайт после перехода по ссылке меню или только рабочая часть? Используются фреймы или что-то другое?
0 votes2 answers -
Поиск по сайту
Подскажите пожалуйста, где можно скачать javaScript поиска по сайту. То есть имеется html документ, в котором очень много текста. Нужно чтобы после вписания поискового слова в поле поиска и нажатии кнопки Найти, на этой же странице или на новой (значения не имеет), выдался список мест в документе, где встречается это слово. Кстати существует ещё такой нюанс, что этот документ находится просто на жёстком диске и его нет в интернете.
0 votes12 answers -
Блок внутри ячейки таблицы.
Как создать блок(div) внутри ячейки таблицы на 100% высоты ячейки при отсутствии задания у последней фиксированных размеров? Заранее спасибо. Пример скрипта: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <LINK rel="stylesheet" type="text/css" media="screen" href="screen.css"> </head> <body> <div id="block"> <table id="tab"> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td> <div id="cont">4</div> </td> </tr> </table> </div> </body> <…
0 votes8 answers -
Как лучше реализовать декоративную рамку?
Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!
0 votes10 answers -
проблема со стилями css
Добрый день, не знаю по теме ли вопрос с PHP include, но может кто нибудь знает и поможет. Сайты разрабатываю на локальном сервере. Суть в том что когда я применяю функции php include, почему то стили не работают, но не всегда, потому что до этого я делал тоже самое с другим файлом и все работало нормально. Я просто понять не могу в чем вообще может быть проблема, браузер обновлял crtl+f5, чистил кэш. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="/css/vsestyle.css"> </head> <body> <header> <div class="box"> </div> <…
0 votes4 answers -
BUTTON - backgroud, фоновое изображени
Привет! Я тут первый раз. Не знал где это спроить, поэтому спрашиваю здесь Народ, вот у меня такой вопрос: наверное все знают что такое кнопки. Я про те кнопки, которая например находится на http://yandex.ru На этой кнопке написан ТЕКСТ "Искать" Чтобы забабахать себе такую же кнопочку с каким-либо текстом, надо прописать вот что: С этим я разобрался. А вот скажите плиз, как сделать так, чтобы заместо ТЕКСТА на кнопке была какая-нибудь КАРТИНКА? Мне именно не код для картинки нужен типа как а код, который поместит КАРТИНКУ на кнопку. Заранее спасибо
0 votes3 answers -
Где находится баг?
Здравствуйте. Показал свой сайт www.iwork.com.ua на форуме, но его моментально перенесли в раздел типа как тут "трэш" .) И в комментариях я прочитал что в сайте есть баги, то есть возможность проникновения злоумышленников. Сайт я делал на php. Кто знающий человек, подскажите пожалуйста где тут может быть этот "БАГ" или баги. Потому что я и примерно не знаю где искать.) И зачем кому-то взламывать этот сайт если я для него даже админ панель не делал?
0 votes6 answers -
Не получается поменять цвет текста?!
Вот такая беда. Вот сайт http://cyclovac.kiev.ua/ В верху с права есть текст "Добавить в избранное" красным цветом. А мне нужно сделать белым. В CSS прописал color: #ffffff но толку никакого. Если пишу беграунт колор то цвет фона меняется. В чем проблема разобраться не могу. Может кто что посоветует??? класс кода css "baner" второй по счету. Код CSS: /* begin Page */ body { margin: 0 auto; padding: 0; background-color: #34040D; color: #ffffff; } .baner { position: relative; left: 740px; bottom: none; z-index: auto; color: #ffffff; } .Main { position: relative; width: 100%; overflow:hidden; left: 0; top: 0; } .PageBackgroundSimpleGradient { positio…
0 votes5 answers -
Карта на основе Google Maps
Утро доброе форумчане. Такой вопрос - при малых знаниях в JS , стоит ли браться за создания карты на основе Google Maps? нашел интересную статью (http://vremenno.net/js/google-maps/) в принципе довольно подробно все описано, но некоторые моменты все равно не понятны. Реально ли сделать что-то на подобии (http://www.mvideo.ru/shops/) или более сложное? спасибо за ответы и мнения.
0 votes6 answers -
Проблема с позиционированием картинок или дивов внутри дива.
Здравствуйте, помогите разобраться с позиционированием картинок (или дивов) внутри дива. Вот так должен выглядеть сайт Так он выглядит без картинок Код на этом этапе <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title>Страница</title> <style> body{background-image:url('background.jpg');} div.container{margin:0 auto;width:1117px;height:100%;} div.header{height:250px;background-color:#F2F9FE;;} div.nav{height:40px;border-left:1px solid #F2F9FE;;} div.content{min-height:730px;background-color:#F2F9FE;;} div.footer{height:20px;text-align:center;color:#000000;font-size:10px;} div.menu-item{ background-color: #008…
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-