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
-
JSfiddle
Ребят как в JS подключить внешние файлы... я например хочу подключить сброс стилей... в external resources ввожу url прикрепленного файла (залитого на файлобанк) но ничего не выходит...
0 votes9 answers -
Беда с отображением на Android
Сегодня мне прислали скрин странички с Galaxy Tab или что-то такое на Android и... Так (это версия из фотошопа, но не суть) выглядит сайт на всех компьютерах с разным разрешением. Так же он выглядит на планшете под WinRT 8.1, так же он выглядит на моём нетбуке и на двух смартфонах на WinPhone 8: А вот так он выглядит в стандартном и Chrome браузерах на планшете под Android 4... Посмотреть можно здесь: http://melodyn.ru/sysauto/
0 votes15 answers -
Кто сможет объяснить отличие <div> от <p>
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML CSS Example</title> <style> body { width: 50%; margin: 8px auto; font: 1em/100% sans-serif; color: #000; } .ex_01 { line-height: 250%; background-color: #ccc; padding: 20px; text-shadow: 0 1px 0 #fff; } .in_01 { background-color: #999; padding: 20px; text-shadow: 0 1px 0 #ccc; } .in_02 { background-color: #666; padding: 20px; text-shadow: 0 1px 0 #999; } </style> </head> <body> <!-- 1. div.ex_01>lorem20+div.in_$$*2&g…
0 votes4 answers -
помогите с позиционированием div блоков
Привет всем! Ребята, помогите пожалуйста, всю голову сломал с позиционированием блоков. У кого есть какие варианты? Верстка резиновая. Прикладываю картинку.
0 votes3 answers -
ширина и выравнивание блоков
Друзья, такая проблема. вот что нужно сверстаь http://hostingkartinok.com/show-image.php?id=4553b6ca9117d89ab51e00d4eacc71a1 каждый блок шириной 484px, но межу ними есть белый отступ. вот тут и проблема. я конечно могу добавить класс каждому первому блоку в строке и дать отступ. но ведь его будут вешать на cms, а их может быть 5 или 7, 12 как сделать это правильно? http://texteredsa.besaba.com/bondarchuk/
0 votes9 answers -
Точное количество расширений мониторов (и в общем вопрос по адаптивной верстке)
Очень сложно дается одна адаптивная верстка. Знаю, что это не совсем правильно, но скорее всего придется верстать под каждый отдельный монитор персонально. Подскажите имеет ли данный стиль верстки, право на существование? Или же данный вариант патовый? Сколько экранов (расширений) существует в природе (имею ввиду основные, стандартные, которыми пользуются люди, а не космонавты...)? И вообще, кто как верстает адаптивные (и мобильные) сайты? Есть ли какие-нибудь секреты, которые значительно облегчили верстку обычному разработчику, который не проходил каких-либо специфических курсов, конкретно на данную тему (адаптивной верстки), а пользуется лишь поверхностн…
0 votes3 answers -
Всем добрый день.
Всем доброго времени суток. Уважаемые пользователи "Ресурса". Хотел бы по просить Вас помочь мне в овладение знаний по написанию сайтов. Посоветуйте пожалуйста, книги каких авторов приобрести для изучения кода HTML и СSS? Заранее спасибо... P.S. Уровень знаний "0"
0 votes4 answers -
Разница между PSD-HTML и PSD-JOOMLA?
на многих западных сайтах предоставляется инфа по верстке сайтов, типа конвертируем в хтмл за 1 рубль, а в джумлу или в ворпресс за 5 рублей. что-то не могу понять какая разница под что верстать если есть макет который нужно просто конвертировать в хтмл. или....??? спасибо
0 votes1 answer -
фотогалерея
Здравствуйте я установил на сайт фотогалерею jQuery LightBox все нормально кроме одного, фотографии идут списком вниз а мне нужно сделать по строчкам и в каждой строчке должно быть по три фото.Помогите плиз не знаю что делать.Сайт http://tori-jazz.ru/shenki.php вот код <?php include ("blocks/db.php");/*База данных*/ $result = mysql_query ("SELECT title,meta_d,meta_k,text FROM settings WHERE page='shenki'",$db); $myrow = mysql_fetch_array($result); ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> &…
0 votes2 answers -
Проблема с тянущимися блоками
Не получается поместить в один контейнер блоки, чтоб правый блок всплывал справа. Надо, чтоб левый тянулся а правый был фиксированной ширины а получается, что текст вытисняет и правый блок и он оказывается снизу. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title></title> <style type="text/css"> .Block_Top{ width:100%;} .Block_Top_left{ float:left; background:red;} .Block_Top_right{ float:right; background:#00FF00; width:332px;} </style> </head> <body> <div class="Block_T…
0 votes5 answers -
проблема с Opera 10 и list-style-type
Имеется хтмл страница со стилями. После запуска во всех браузерах, кроме оперы 10 - всё хорошо отображает, ставя маркер только на первый пункт меню 1 уровня. В опере 10 - ставится маркер еще и (насколько я понял) на UL от субменю. Таким образом, имеем два маркера, вместо одного. Ломал голову очень долго - выхода так и не нашел. Причем даже оперовский инспектор показывает, что на субменю не должно быть маркера... Вопрос: как в Opera 10 оставить выведенным только маркер у списка первого уровня? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> &…
0 votes0 answers -
как считаете почему font-family в h1 и р2 разные ?
вот сайт http://www.arbitr-hmao.ru/ видите шрифты разные... где-то arial а где-то times а как сделать единообразно в CSS не пойму... ткните пальцем плиз /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; } h1{ margin-top:7px; color:#133766; font-size:14px !important; } h2{ margin-top:7px; color:#133766; font-size:14px !important; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } .main { float : left; width : 100%; margin …
0 votes3 answers -
Слайдер
Привет всем , хочу обратится за помощью народ подскажите пожалуйста как можно сделать вот такой вот слайдер тоесть такая черненькая горизонтальная полоса прокрутки , и во время нажатия на картинку , она увеличивает свой размер. с jquery я не знаком , занимаюсь только внедрением уже готовых javascript в вёрстку. Очень надеюсь на вашу помощь Спасибо заранее.
0 votes10 answers -
Не центруется надпись, что я делаю не так?
Хочу с помощью css поменять позицию надписи на странице. Сделал вот так. Нифига не меняется. Что я делаю не так?
0 votes4 answers -
проблемы с z-index на кнопке
Всем привет! Озадачился с проблемой(подробнее на картинке): Нюанс - Черепашка относится к Layer1 как одна общая картинка. Если Layer1 по z-index выше то я не могу нажать Button1 Если Layer 2 по z-index выше то черепахе голову обрубает)
0 votes4 answers -
type=file стили и значение
Подскажите для поля как можно задать значение, что б при выводе формы там уже был путь к файлу? и еще как использовать стили для этого поля (покрасить: кнопу, background поля input)?
0 votes1 answer -
Проблема С Валидацией
Помогите пожалуйста исправить ошибки http://validator.w3.org/check?uri=http%3A%...lidator%2F1.591
0 votes2 answers -
Вопрос по фреймам
На вашем сайте в описании тега frameset обнаружил вот такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег FRAMESET</title> </head> <frameset rows="80,*" cols="*"> <frame src="top.html" name="topFrame" scrolling="no" noresize> <frameset cols="80,*"> <frame src="left.html" name="leftFrame" scrolling="no" noresize> <frame src="main.html" name="mainFrame"> </frameset> </frameset> </html> У меня вопрос: зач…
0 votes1 answer -
Все "по низу"
Всем привет! Подскажите - как сделать так, чтобы объект (например, текст) расположенный внутри слоя прижимался к его нижнему краю. зы: Только не паддингом...
0 votes2 answers -
Кнопки в IE
В IE почему-то не отображается фон на кнопках, заданный следующим образом: [b]CSS:[/b] #button { background-image:url(img/img_06.png); border:none; width:65px; height:32px [b]HTML:[/b] <input type="submit" name="enter" id="button" value=""> Вместо этого отображается обычная XP кнопка. В других браузерах разумеется все в порядке.
0 votes2 answers -
связать backgroundы в таблице
Такая вот таблица: <tr> <td background="1.gif" rowspan=2 height="30" width="30"></td> </tr> <tr> <td bgcolor="#fafafa" height="10" width="100%"> <td background="2.gif" colspan="2" height="20" width="100%"> </tr> <tr> <td background="3.gif" height="10" width="15"> </tr> бэкграунд 1.gif сливаеться с 2.gif. 2.gif повторяеться по ширине как сделать, чтобы 3.gif сливалось с 2.gif Т.е. как сделать, чтобы бэкграунд начинался не с 1пикселя изображения, а с пикселя X.
0 votes3 answers -
панель навигации и ссылки на iframe
Подскажите ,пожалуйста, понять как сделать следующее (не могу сообразить): Условно говоря в левой колонке- панель навигации. в правой колонке отображается содержимое другой страницы с помощью <iframe src="страница" </iframe> Как мне сделать так,чтобы по ссылке из навигации, загружалась страница в правой колонке (при этом левая колонка остаётся на месте) Это было бы просто сделать на фреймах, а как сделать используя iframe? Можно ли это как-то решить простыми средствами?
0 votes2 answers -
Не видно видео на страничке
Всем привет. Есть у меня сайт http://cyclovac.kiev.ua/ Там есть и тексты и вставленное видео с youtube. Теперь собственно проблема. прошло какое то время и теперь когда я вставляю новое видео, в редакторе его видно, то на сайте место под него есть, а вот самого проигрывателя нет. Не могу понять в чем собственно дело. Вроде делаю все как и раньше но видео перестало отображаться. Вот пример кода с видео в самом начале, на страничке его не видно, почему??? <p style="text-align: center;" mce_style="text-align: center;"><b><span style="color: rgb(128, 0, 0);" mce_style="color: #800000;"><span style="font-size: medium;" mce_style="font-size: medium;">Ж…
0 votes2 answers -
Проверка Данных На Валидность
Есть один маленький вопрос, http://www.htmlbook.ru/content/?id=114 ознакомился со статьей и решил проверить свой сайт на валидность, но столкнулся с двумя проблемами, 1-я языковой барьер и 2-е не понимаю не которых ошибок, что он от меня хочет, возникает вопрос, нет ли какого сайта аналога на русском или же может тут найдутся люди знающие толк в версте и объяснят "начинающему нубу" в чем я не прав. Выложу пару примеров ошибок с описанием (прошу сильно не ругать, понять и помочь): Ну тут, если я правильно понял, он прописит прописать alt Что ему не нравиться тут не понимаю. Или вот, что ему не нравиться? в первой букве названия моего id Спасибо за внимание.
0 votes4 answers -
left:expression((document.body.clientWidth-893)/2); в FF
Всем привет. Подскажите пожалуйста, почему left:expression((document.body.clientWidth-893)/2); везде исполняется правильно кроме FF? Как надо правильно написать expression, чтобы он исполнялся и в файрфоксе?
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-