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
-
Проблема выпадающего меню
Здравствуйте! Подскажите, пожалуйста! Делаю сейчас сайт на платформе wordpress. Выбрала тему которая нравится, но там возникла такая проблема. Когда открываешь видео, выпадающее меню находится ЗА видео, а мне надо чтобы находилась ПЕРЕД видео. Можно ли это как то исправить?
0 votes10 answers -
Красивый checkbox
Решила выпендриться и украсить форму, а в частности checkbox и кнопки. Взяла плагин (http://www.ruseller.com/lessons.php?rub=28&id=339) и прикрутила. Вот что получилось http://linker.nichost.ru/ Все отлично, вот только в FF checkbox нажимается только когда щелкаешь в верхней части, на нижнюю часть checkbox'a он даже не реагирует. В Chrom такой проблемы нет, например. Значит это заморочка FF, вот только что ему не нравится - я понять не могу И как отловить ошибку, тоже. Помогите, пожалуйста! Хоть намекните где копать.
0 votes3 answers -
Картинки с фоном на весь div
На некоторых сайтах видел такую штуку! Есть див с контентом, в контенте текст и картинки. Та квот картинки размеров самых разных, но идут все столбиком. и чтобы было красиво у каждой есть рамки по бокам, при чем эти рамки идут ровно до краев div`а с контентом. Соответственно выглядят картинки при таком подходе аккуратнее. Вопрос как сделать такие рамки? Есть один очевидный способ. каждую картинку в див с width 100% и картинки в этих дивах выравнивать по центру. Но хотелось бы конкретно поработать со стилями самих картинок, так как они добавляются через админку. Спасибо!
0 votes1 answer -
Размещение флэш в html верстке
Надо разместить флэшку как элемент html-дизайна сайта. Сделал так: <body> <div id="contanier" <div id="contanier" style="position:absolute;"> <div style="position: absolute; z-index:10; left:205px; top:100px"> <object width="250" height="84"> <param name="wmode" value="opaque"> <embed wmode="transparent" src="http://as-billiard.ucoz.ru/Flash/Ban1.swf" width="500" height="300"> </embed> </object> </div> <div style="position: relative; z-index:9; left:0px; top:0px"></div> Но при этом дизайн перестал центроваться. Как правильно разместить флэш в html дизайне чтобы не сбить центровку? Спасибо.
0 votes12 answers -
Разреженный текст - как быть?
Есть русско-японский текст (конкретно - перевод японской Википедии с помощью Google Translate). Вот такой код <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8;charset=utf-8" /> </head> <body> Справка </body> </html> даёт разреженные русские буквы в Opera и FireFox. В IE нормально (хотя он наверное опять что-то игнорирует). Стоит убрать lang="ja", всё нормально. Как быть?
0 votes8 answers -
ТЕг select
Всем привет. Поставил тег селект в нем OPTION . Нужно чтобы первый OPTION выводился еще до открытия списка и чтобы его нельзя было выбрать(т.е. чтоб он был в роли заглавия) как этого добиться? ( я просто ставил DISABLE но FireFox не выводит его первым )
0 votes6 answers -
Кривое меню (CSS)
Здравствуйте! Скачал готовый CSS layout с двумя столбцами. Уже второй день не могу приспособить туда свое меню. Не могу заставить его отображаться так же, как и в menu.html (c правильными отступами, без повторов и без li-точек). list-style: none; в menu.css почему-то не работает... Помогите, пожалуйстаста, разобраться со всем этим. http://files.mail.ru/NC1NLA
0 votes2 answers -
В ie страница прыгает
После прокрутки делаю рефреш (в ie8). Затем при наведении на ссылку мышкой страничка прыгает, занимая положение до рефреша. Подскажите, пожалуйста, как бороться с этим неприятным эффектом. <HTML> <BODY> <style type="text/css"> a:hover{ color: #ffffff; background-color: #003399; } </style> <TABLE><TR><TD><a href=''>link</a></TD></TR></TABLE> <TABLE><TR><TD height=1000></TD></TR></TABLE> </BODY> </HTML>
0 votes8 answers -
Если вылазят строки
В общем проблема следующего рода - есть div с заданной шириной, и ограниченой высотой, содержание заранее не известно. Иногда бывает, что при обрезании текста, видна часть строки, что есть некрасиво. Хотелось бы удалить не полностью отображаемые строки, ни где не могу найти решения , вот код: <!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="en"> <head> <title>Test</title> <style type="text/css"> .content{max-width:200px; max-height:200px; overflow:hidden} </style> </head> <body> <div class="content">…
0 votes5 answers -
Зазоры в Internet Explorer 6
Здравствуйте. Обнаружил при верстке одну неприятность, наблюдается в IE 6, в других не замечал. Google Chrome, Opera, Mozilla Firefox, Internet Explorer 8. Internet Explorer 6. По бокам у оранжевого блока видны небольшие зазоры. CSS. body { font-family: Arial, Helvetica, sans-serif; color: #333; background: #fe6; } * { margin: 0; padding: 0; } p { padding: 10px 30px; } #container, #left-col, #right-col { height: 300px; } #container { background: #F63; margin: 0 100px 0; } #left-col { float: left; width: 100px; background: #ffe; } #right-col { float: right; width: 100px; background: #aa5; } В чем причина?
0 votes6 answers -
как приатачить outlook
Подскажите пожалуйста, как приатачить outlook к ссылке?
0 votes4 answers -
a:hover в h1
Добрый день. Помогите реализовать следующее. Есть код <a href="{U_VIEW_FORUM}">{FORUM_NAME}</a> К тегу а применяется свойство: a:hover { color: #D31141; } Я хочу сделать вот так: <a href="{U_VIEW_FORUM}"><h1 class = "title">{FORUM_NAME}</h1></a> И все вроде бы хорошо, но в таком случаи по понятным причинам не работает a:hover { color: #D31141; } Как сделать что б работало?
0 votes3 answers -
Div не хочет растягиваться по высоте
Код примерно такой: <div class="wrapper"> <div class="content"> <div class="post-1"> </div> <div class="post-2"> </div> <div class="post-3"> </div> </div><!-- END content --> <div class="sidebar"> </div> </div><!-- END wrapper --> .wrapper никак не хочет растягиваться по высоте. Пробовал прописывать height:100%; min-height:100%; height: auto; но ничего не помогает. Что делать?
0 votes12 answers -
Проблема с выпадающим меню
Доброго времени суток! Сделал выпадающее меню, все работает! Если бы не проблема с любимым ИЕ7!!! там оно выглядит вроде нормально, да только получились промежуточки между пунктами подменю, да и в основном меню полосочки. И все бы ничего да только когда ведешь мышкой по подменю, проходя этот промежуточек - меню сворачивается! Подскажите пожалуйста как поправить эту беду! Сайт: http://ipplaneta.ru
0 votes17 answers -
Обойти "http://www.w3.org/TR/html4/loose.dtd"
Как обойти это "http://www.w3.org/TR/html4/loose.dtd" правило? Так как из за этой строки у меня ярлычок на картах при под грузке на мой сайт яндекс карт распадается на части. Проблема решена: http://rodlex.narod2.ru/css-problems.html
0 votes5 answers -
Помощь. 100% высота
Добрый день. Перед тем как писать - я гуглил, но мне ничего не помогло. Проблема в том что не получается прижать футер к низу. Вот страница где нужно исправить http://club-mobile.info/test/ т.е. нужно, когда мало контента, чтоб футер всё равно прижимался. Вот скрин: Стрелочками указано что куда сместить. Заранее благодарен.
0 votes4 answers -
Выравнивание в TD
Привет всем Вопрос в следующем, есть конструкция типа такой <td style='text-align: center;'> <a></a> <span>ttt</span> </td> так вот, хочется чтоб ссылка выравнивалась по центру, а спан по правому краю. Можно как-нибудь это сделать? Спасибо
0 votes9 answers -
Как div блок растянуть по высоте между двумя другими?
Здравствуйте! Есть два див блока: хедер и футер. Между ними блок контент. Футер прижат к низу окна браузера, и из-за этого между блоками контент и футер образовалась пустота. Вопрос: как блок контент растянуть между блоками хедер и футер, чтобы между ними не было зазоров? Цель данной манипулации: сделать внутри дивов бэкграунд чтобы образовался цельный лист. Спасибо. Код: <body> <div id="wrapper"> <div id="header"> </div><!-- #header--> <div id="content"> </div><!-- #content--> </div><!-- #wrapper --> <div id="footer"> </div><!-- #footer --> </body> css: * { margin: 0; …
0 votes7 answers -
Свойства тегов <ul> и <li>
В стандарте даны свойства list-style-type, list-style-image, list-style-position и list-style: http://www.w3.org/TR/CSS2/generate.html#list-style В разметке может быть два тега: <ul> и <li>. К каким из этих тегов применять данные стили корректно? Есть ли какие-то особенности в стилях для тега <ul> и отдельно для тега <li>? Объясните, как надо для этих тегов правильно задавать свойства.
0 votes2 answers -
отступы от элементов сайта.. центрирование
Здравствуйте! У меня собсно, такая проблема: верстаю сайт(так, для отработки навыков) и не получается убрать отступы (выделено красным на картинке) и еще вопрос? как сделать так, чтобы сайт отцентрировался в опере, осле и мозиле? сколько делал.. что-то в голову не прихолит решения... Помогите пожалуйста... По возможности объясните технологию..))) КОД: 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"…
0 votes8 answers -
Структура сайта
Как создать каркас страницы не используя теги table и frame.
0 votes2 answers -
Картинка по центру
На гугле не забанен, но то что мне надо я так и не нашёл. В общем у меня в контенте идёт текст, потом картинка, потом опять текст, потом опять картинка. Мне надо сделать так, чтобы картинки были по центру выравненны в контенте с помощью css. Как это сделать? Вроде есть что то типо padding-left: 0 50%. Но у меня это что то не работает.
0 votes8 answers -
автоматическая ширина
Предположим есть 3 колонки в контентной части макета не важно какие, но для примера код html <div id="middle"> <div id="container"> <div id="content"> Content: </div> </div> <div class="sidebar" id="sideLeft"> Left Sidebar: </div> <div class="sidebar" id="sideRight"> Right Sidebar: </div> </div> css #middle { width: 100%; height: 1%; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0 270px 0 320px; } #sideLeft { float: left; width: 300px; margin-left: -100…
0 votes15 answers -
Верстка вертиального меню
Собственно, не велика проблема. Какие свойства в css нужно задать, чтобы при наведении курсора слева от пункта меню появлялась иконка? P.S иконки одинаковые
0 votes3 answers -
Вопрос про закругленные края
На сайте нашел форму логина с закругленными краями, но не могу понять как это реализовали, там простой input с повторяющимся фоном ( у них это градиент). Но не могу понять как сделали скругления по краям. https://eu.battle.net/login/ru/ P.S. При масштабировании текста форма не искажается, значит она составная скорей всего
0 votes14 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-