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
-
Вывод содержимого файла в div
Прошу сильно не пинать, искал но ответа не нашёл, может быть не верно формулировал... Для наглядности возьмём пример кода с вашего сайта <body> <div class="block1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div> <div class="block2">Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div> </body> Как вынести содержимое div-ов в отдельные файлы средствами HTML В описании слоёв(на Вашем сайте) есть упоминание о том что это возможно... Спаси…
0 votes7 answers -
Прозрачный фон
Здраствуйте! Моя проблема вот в ч?м: у меня есть общий большой фон и маленький фон уровнем выше, который необходимо сделать прозрачным. Как здесь: http://customize.ru/screens/templates/1003...o_Portfolio.jpg. Прич?м, он(маленький фон) должен просвечивать, независимо от того, какой фон ниже. Т.е. я не могу просто наложить его в Фотошопе вручную и увеличить прозрачность. Общий фон будет указываться пользователем. Это возможно? Спасибо!
0 votes18 answers -
Изменить цвет списка ol
Здравствуйте. Подскажите пожалуйста как реализовать следующее. У меня есть список <ol> <li>строка1</li> <li>строка2</li> <li>строка3</li> </ol> Результат 1. строка1 2. строка2 3. строка3 Как сделать чтобы цвет маркеры мог быть другого цвета? возможно ли
0 votes12 answers -
<table> VS <div>
Все говорят, что верстать таблицами не модно, т.к. они предназначены для табличных данных, а вот дивами - можно и нужно. Но вот в чем таки дело никто толком не может сказать. Попробуем разобраться. Преимущества таблицы: - Таблица верстать сложное просто (возьмем, например, футер прижатый к низу или резиновый дизайн или одинаковою высоту ячеек) - Таблица верстать удобней, т.к. они более одинаково отображаются в разных браузерах - Немного меньше букв будет использоваться при верстке Недостатки таблицы -Не модно. Так сказали: не модно. Три огромных плюса и один маленький минус. Но назовите мне еще минусы. Пользователь? Да ему все равно, лишь отображалось нормально. Поисков…
0 votes44 answers -
Народ, подскажите чайнику как рамку сделать просто цветной
По этому тегу открывается окно с картинкой. Мне нужно, во-первых, чтобы окно автоматически подстраивалось под размер картинки, а во-вторых, чтобы рамка была нужного мне цвета. Помогите...
0 votes24 answers -
Дефолтное отображение тегов в разных броузерах
Собственно - браузеры по разному отображают теги по умолчанию. Это всем известно. Интересует - есть ли конкретная информация, в чём отличия? Что-то типо таблицы со всеми HTML 4 тегами и их стилями по умолчанию для каждого из браузеров? P.S. В гугле был. (если кто знает, какой конкретно задать запрос - буду рад) Искал не один раз - не нашёл ничего стоящего. P.P.S. Не нужно посылать меня в справочники и спецификации =). Если кто видел такие сравнения - поделитесь, плиз. Вдогонку: тоже самое нужно и для CSS. (по моему даже где-то видел, но не смог найти.) Буду рад любой информации. Спасибо.
0 votes37 answers -
Как пользоваться тегом <main>
Хочу применять в сёрстке тег <main> и не могу понять как его применять правильно. Из описания я понял, что это тег для основного и уникального контента для данной страницы. Но как тогда его использовать с тегом <article>, ведь в нём данные контент должен также находиться? Что-то на подобии: <main> <article> <h1></h1> <time></time> </article> </main> Так? И должен ли тег <h1> быть внутри <article>?
0 votes33 answers -
Очистка поля input
Когда кликаешь в поле то Поиск там не исчезает, как это побороть? Чтобы при клике в поле, предварительная подпись исчезала? <input type="text" name="search5" value="Поиск"><input type="hidden" name="in" value="search5">
0 votes11 answers -
Ширина сайта при разрешении экрана 1024х768
Здравствуйте! Какая ширина сайта должна быть при разрешении экрана 1024х768? Может быть, есть таблица, в которой можно посмотреть оптимальную ширину сайта при разных разрешениях экрана?
0 votes7 answers -
HTML и PHP. Передача данных
Есть несколько страниц с расширением HTML, в каждой из них содержится текстовое поле с цифровым значением value. Т.е. в одной странице , в другой и т.д.. Также есть файл с расширением PHP, который выводит данные из БД согласно запрошенного значения. Вопрос в следующем: При переходе на запрашиваемую HTML страницу, необходимо именно вызываемую HTML страницу заставить обратиться к файлу PHP. А точнее передать из HTML в PHP значение value и полученный от файла PHP результат вывести в вызываемой HTML странице. Пробовал реализовать при помощи SSI, внедряя файл PHP в HTML, но этот метод не подходит, так как значения value на страницах разные. Может кто подскажет как это реали…
0 votes10 answers -
Как сделать так, чтобы слой-футер был всегда был внизу страницы
Всем привет! Такая возникла проблемка. Есть три блока: хидер, тело, футер: __________________ | хидер | |__________________| | | | | | боди | |__________________| | футер | |__________________| Надо чтобы футер был всегда в самом низу страницы, вне зависимости от того, сколько контента в боди. Эту ссылку, изучил, но решение предложенное там мне не помогло. У меня два файла: Index.html и main.css вот их код: index.html: <html> <head> <title>сайт.ру</title> <link rel=stylesheet href=main.css type=text/css> </head…
0 votes3 answers -
Разметка страницы для печати на принтере
Здравствуйте. Вопрос о полях принтера. Образец того что хочу достигруть разметкой html Взял пример кода из ваших примеров, как его сдвинуть поля, по примеру предосмотра в ексель? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>padding</title> <style type="text/css"> .layer { background: #fc3; /* Цвет фона */ border: 2px solid black; /* Параметры рамки */ padding: 20px; /* Поля вокруг текста */ } </style> </head> <body> <div class="layer"> Lorem ip…
0 votes6 answers -
Как текст выше поднять а картинку оставить?
Добрый день, подскажите как поднять текст выше, а картинку оставить? <p><a href="http://ya.ru" class="proba1"><img src="/icons/16round/133.gif" alt="альтернативный текст"> Семинар Meritor</a></p> http://itmages.ru/image/view/801815/7473635a Заранее спасибо
0 votes2 answers -
HTML-редактор
Добрый день! Обращаюсь за помощью: какой редактор html выбрать для профессиональной верстки сайтов? В интернете пишут, что неплохой редактор notepad++. Сейчас практикуюсь в нем. Но есть большой минус: программируя в Delphi, я привык к вложенной структуре, когда вложенные элементы отображаются с некоторым отступом от внешних. По-моему это удобно. Здесь в практикуме решение задач также приводится с учетом вложенности. Расскажите, какой редактор Вы используете? Подскажите, есть ли такая возможность в HomeSite 4.0?
0 votes35 answers -
CSS/JS код для Создания нового окна/слоя
Ниже небольшой кодик Очень понравилась реализация просмотра изображений нас сайте Вконтакте Решил выдернуть код от туда, получился не совсем как я ожидал. Очень длинный код Может кто знает как реализовать эту функцию в "несколько строк" <style type="text/css" /> body { background: #fff; text-align: left; margin: 0px; padding: 0px; font-family: tahoma, verdana, arial, sans-serif; font-size: 11px; } p { font-family: tahoma, verdana, arial, sans-serif; font-size: 11px; text-align: left; padding:0px; margin:15px 0px; } a { color: #2B587A; text-decoration: none; } img { border: 0px; } .captchaImg{ width:130px; height:50px; background:url(/im…
0 votes16 answers -
Как исправить эти ошибки?
Подскажите как исправить # Error Line 112, Column 66: Attribute "target" exists, but can not be used for this element. …e.ua/ru/currency/converter/" target="_blank"> Валютный конвертер</a> <a ✉ You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect inst…
0 votes6 answers -
Прошу помощи. Я - чайник!
Господа! Прошу помощи, я полный чайник. Создаю свой сайт на UCOZ.RU всего несколько дней. Поэтому вопрос, наверное глупый, но как решить не знаю. Объясните, плиз, как блондинке (натуральной) Адрес сайта: http://murmanskclub.ucoz.ru/ В браузере Mozilla Firefox все надписи и кнопки информеров отображаются корректно, а если открывать в Internet explorer, то вместо некоторых информеров абра-кадабра (анекдоты) или съезжают(радио) или невидны (погода, новости). Как решить проблему? Чтобы во всех браузерах страничка была корректна... и Как избежать проблемы впредь, подстраховаться? Может где метки ставить? Или еще как-то перекодировать информеры? Заранее спасибо за помощ…
0 votes26 answers -
Запрет входа через IE
Возникла такая ситуация, что необходимо запретить вход на сайт через браузеры IE (сайт работает на DataLife Engine) c выводом сообщения о запрете. Как это реализовать?
0 votes8 answers -
float и распорка на псевдоэлементе.
Существует классический уже метод сбрасывания обтекания, дабы избежать схлопывание по высоте родителя. Речь о: .clearfix:after{ content:''; display:table; clear:both;}Нуу, это в случае без оглядки на IE7. Собственно, два вопроса к знатокам: Почему display:table; ? Логичнее привычное display:block; - так же работает. И глазу милее и не увеличивает Мировую Энтропию. Или я что-то не знаю и display:table; тут не просто так? Почему часто в коде вижу двойное "сбрасывание обтекания" ДО и ПОСЛЕ .clearfix:before, .clearfix:after {...}. Опять я что-то не знаю, или это обычная паранойя (лучше перебздеть, чем недобздеть)? И если была бы возможность использовать и ВМЕСТО, …
0 votes5 answers -
Почему придирается валидатор
Проверила сайт валидатором. Нашел 4 ошибки. Я не пойму в чем он видит эти ошибки. Пожалуйста, помогите понять, что же он гад от меня хочет. Ошибки я выделила красным, чтобы понятней было к чему валидатор придирается. Вот сам код, который валидатору не понравился: <meta name="keywords" content="здесь перечень ключевиков /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> &l…
0 votes9 answers -
Автоматическая высота блока при float объектах внутри
Есть слой, внутри которого объекты, примерно так: <div id="wrapper"> <div></div> <div></div> <div></div> </div> <style type="text/css"> div#wrapper { border:1px solid #000; border-radius: 5px; } div#wrapper div { height:50px; width:80px; float:left; } </style> При этом, поскольку float:left элементы как бы немного выходят из общего потока, div#wrapper по высоте их не обёртывает, а нужно, чтобы обёртывал, показывая границу и тупо задать ему height нельзя, т.к. количество элементов внутренних может быть разное. Подскажите, пожалуйста, как такое делать. Может внутренние элементы сделать display:inline-block?
0 votes5 answers -
необьяснимый z-index
Здравствуйте. Разъясните пожалуйста свойства z-index. Как то не логично он себя ведет в комплекте с :before и :after http://codepen.io/mikhail09/pen/WrYvdb Почему желтые квадраты сверху вопреки z-index? если убрать з-индекс у дива и прописать в after z-indez: -1; все отображается как надо? http://codepen.io/mikhail09/pen/KVrpez
0 votes20 answers -
TABLE выходит за DIV в FireFox
Приветствую! Проблема такая: В FireFox таблица с 100% шириной мнит себя королевой, и выходит за все рамки (справа). При увеличении масштаба (в FF), контент не растягивает а опять-таки тупо выходит справа. В идеале - должен быть всегда в центре, независимо от масштаба FF и содержать весь контент внутри. этот код в IE работает. Если делать чтобы работал в FF - точно та же проблема выходит в FF. И наоборот. Бьюсь уже 2 дня. :/ Заранее благодарен за помощь профессионалов. КОД: <html> <head> <title>WTF?</title> <style> body{ font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 62.5%; margin:0; padding:0; width:100%; height:100%;…
0 votes8 answers -
подсветка текущего пункта меню
Здравствуйте. Вопрос такой. Как на html сайте организовать подсветку текущего пункта меню? Не ручками прописывать, а что бы сам изменял цвет. Плюс ко всему не все пункты меню, а только пункты разделов. Заранее, спасибо за помощь. Очень надеюсь, что есть готовое решение, которое можно просто изменить под свой сайт.
0 votes11 answers -
height в IE
Подскажите пожалуйста! Есть блок, контента в нем мало, но надо чтобы он растягивался на определенное расстояние вниз, в FF и Opera работает min-height, IE это естественно не понимает. Я еще совсем новичек, не могу никак справится с этим вопросом.
0 votes20 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-