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
-
Вопросы по валидности
Здравствуйте. Вот хочу разобраться с валидностью, но не могу местами понять что именно не так. Ну для начала вот - Line 345, column > 80: XML Parsing Error: Unescaped '<' not allowed in attributes values …script:showDialog('Лучшие блоги месяца!','<strong>Статистика обновляется три р… Line 345, column > 80: XML Parsing Error: attributes construct error …script:showDialog('Лучшие блоги месяца!','<strong>Статистика обновляется три р… Line 345, column > 80: XML Parsing Error: Couldn't find end of Start Tag a line 345 …script:showDialog('Лучшие блоги месяца!','<strong>Статистика обновляется три р… в коде <div id="content"><h2>То…
0 votes6 answers -
Проблема с отображением страницы
Доброго времени суток. В первый раз решил сверстать сайт div'ами и +резиновый. Сделал пока только шаблон одной страницы, проверил на валидность xhtml 1.0 и css...результат оказался положительным, ошибок не обнаружено Но вот решил проверит как страница стягиваеться, тут то и появилась проблема. При уменьшении окна браузера все блоки начинают рассыпаться кто куда. HTML: <!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" lang="en"> <head> <title>Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=windows…
0 votes6 answers -
Якорь в option value
Возникла такая нужда, что нужно в списке к каждому option value прикрепить якорь или чтото подобное. Чтобы при переходе по адресу site.ru/tag.html#1 открывалась первая строка, а при site.ru/tag.html#5 пятая. Пример кода: <select name="select1" id="select1"> <option>Выберите товар</option> <option value="Товар 1">Товар 1</option> <option value="Товар 2">Товар 2</option> <option value="Товар 3">Товар 3</option> <option value="Товар 4">Товар 4</option> <option value="Товар 5">Товар 5</option> </select> Представляю это так: <select name="select1" id="select1"> <option>Выберите т…
0 votes6 answers -
Вложенный список
Подскажите как создать вложенный список с тремя уровнями с помощью ul и li? 1. Категория 1.1. Раздел 1.1.1 Подраздел 1.1.2 Подраздел 1.1.3 Подраздел 1.2. Раздел и т.д.
0 votes6 answers -
Вопрос по дримвиверу.
Допустим, у меня есть style.css и пять страниц, где он используется. Можно ли в дримвивере как-то указать, что данный style.css связан с перечисленными пятью страницами, а затем при изменении имени класса он должен автоматически меняться на этих пяти страницах без их обязательного открытия в программе. Например, есть класс menu, я его меняю на menu01, после чего программа автоматом меняет название этого класса в связанных файлах. Конечно, она их будет как-то открывать для замены, но суть в том, чтобы их не надо было открывать сразу при правке css. Файлов-то может быть 100 или 1000. А так поменял название класса, нажал кнопку заменить во всех связанных и пошло. Такая возмо…
0 votes6 answers -
В IE не видно пунктирное подчеркивание ссылок
Есть вот такой стиль ссылок. Но в IE подчеркивание не видно Это вывод событий в афише. Что интересно: одна из ссылок все-таки отображается нормально, хотя ее код в точности такой-же как и остальных. <style> a.event_list_link {color:#a1caf4; font-family: Tahoma, Verdana, Arial, Arial Narrow, sans-serif; font-style:normal; font-weight:normal; font-size:11px; text-decoration:none; border-bottom: 1px dashed #a1caf4;} a.event_list_link:hover {color:#fff; text-decoration:none; border-bottom: 0px;} </style> <div class='event_list_link'> <a class='event_list_link' target='_self' href='index.php?option=1&a=1&id=2' title='Подробнее о событии'>под…
0 votes6 answers -
Проблема с checkbox
Приветсвую ! Подскажите, пожалуйста, как выровнять текст возле checkbox'а ровно посерединке флажка ? А то в Хроме почему-то текст слегка смещён вниз.
0 votes6 answers -
Как сделать статистику ?
Доброй ночи уважаемые Гуру!Подскажите как сделать возле каждой кнопки "скачать" свою мини статистику,например: Кнопка "Скачать" возле неё на против сколько раз файл просмотрен и сколько раз этот файл скачали. Возможно ли так сделать?если да,то как??? - Это не на форум,а на каждую страничку сайта где есть кнопка скачать. Вот пример как тут: http://www.twirpx.com/file/41594/ Заранее БОЛЬШОЕ СПАСИБО.
0 votes6 answers -
Проблема с отображением PNG в IE
Здравствуйте ! Для моего проэкта мне необходимо горизонтальное меню, чтоб при наведении на нее курсора, элемент меню подсвечивался, текст не изменялся в цвете, изменялась стрелочка-индекатор, которая указывает на то что это выпадающее меню. Вот фрагмент ,того как это выглядит у меня в Opera : Собственно на браузере Opera задача выполнена так, как надо! А на IE тот же фрагмент меню выглядит вот так : Заметьте, что по краям моих png'шек в IE обрисовалась странная рамка. Вот собственно вопрос, как от нее избавиться? CSS #nav li.hover img {background-image:url(img/active.png); border:none;} .bullet { background-image:url(img/inactive.png); border:none; width:10px…
0 votes6 answers -
Отображается криво( помогите!)
Привет, моя проблема, на сайте сменили дизайн и он почему то отображается не у всех одинаково, точнее главная страница. вот сайт http://mojmirok.ucoz.ru/ и вот то что не так на скринах все коды перепроверила, я код шапки сайта уже скоро наизусть буду знать, помогите пожалуйста возможно так только у меня на компе, может с ним что то нужно сделать, потому что дизайн главной страницы мне пришлось менять вручную....
0 votes6 answers -
Окно авторизации при вставке IMG
У пользователей есть возможность вставлять в свои сообщения определенные теги (актуально для форумов, комментариев и т.д.). Злоумышленники вставляют картинки, которые находятся в закрытой зоне (сервер возвращает 401 Unauthorized); браузер запрашивает у пользователя пароль; неопытный пользователь вводит свои данные; злоумышленники получают логины и пароли. Можно ли как-то от этого защититься? Да, попадаются единицы, но все равно очень критично (не говоря уже о том, что всех остальных всплывающие окна авторизации сильно раздражают). Реально что-нибудь сделать? Или единственное решение - отключение тега img?
0 votes6 answers -
Как реализуется такое меню?
http://rospotrebnadzor.ru/ Подменю раскрывается как таблица.
0 votes6 answers -
Рамка банера
Рамка не облегает картинку, а растягивается по длине, не получается делать так, чтоб она облегала чисто картинку. Вот исходник style.css #baner{border-color:orange; text-align:center; border-style:ridge; border-width:15px; } HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <head><title>Банер</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <div id="baner"><img src="baner.jpg" alt="Фото "></div> <body> </body> </HTML> Вот результат фото нижу. http://slim.filesurf.ru/20100320/00000010/...ip_image002.jpg
0 votes6 answers -
как зафиксировать сайт
подскажите плиз как сделать так, чтобы на странице был виден только сайт в пределах разрешения 1440на 900, тоесть что нужно сделать чтобы при приближении и отдалении ничего не менялось и гость сайта если захотел приблизить или отдалить сайт при прокручивании скрола и нажатой кнопки Ctrl на екране ничего не менялось и все оставалось в статичном положении так как изначально видно страницу, без ростягиваний
0 votes6 answers -
несколько вопроов
Для наглядности привожу пример и код: html, css Итак, наверно уже пора задавать вопросы=) 1) Подскажите пожалуйста на сколько по фен шую центровать блоки с помощью div.centered и нет ли более минималистичного способа? 2) Почему бэкграунд от div#main_bg не применяется к вложенному div#content? я так понимаю это как-то связано с свойством float у div#content? 3) Почему бэкграунд заданный для div#header_bg применяется ко всей странице, игнорируя бэкграунд у body? Вопросы возникли в связи с тем, что до этого момента версткой как таковой не занимался, а когда верстать все таки приходилось спасали таблицы=)
0 votes6 answers -
FORM
Нужно проверить введен ли в адрес строки число?(!) По-моему нужно использовать isNan, хотя может parseFloat... не знаю, помогите <html> <title>Формы</title> <form name="formname"> <input type="text" name="text1"> <input type="button" name="buttonName" onClick="test()" value="OK"> </form> <script> function test() { isNaN(text1) if (formname.text1.value.isNan) // вот в этом месте что-то нужно сделать... { ok1=false alert("Введите число!") } else ok1=true if (ok1) alert ("Форма заполнена") } </script> </html>
0 votes6 answers -
шрифт и IE
когда задаешь стиль font-size: bold почему-то в IE он отбражается мельче, чем в других броузерах, как это исправить?
0 votes6 answers -
Сложный бекграунд!
Здравствуйте! Дизайнер прислал шаблон со сложным бекграундом. История такая: В стайлах укажу css директивы которые относятся к теме. html: <body> <div style="height: 300px; z-index: 1;">Этот блок я сделал для того чтобы залить в него бекграунд, основной блок сайта должен наехать на него</div> <div style="z-index: 2; top: -300px;">этот блок содержит сам сайт, блок выровнен по середине</div> </body> Проблема в том что внизу страницы появляется пробел в 300px от этих махинаций и как его убрать я не знаю( Проблема решается если указать высоту body в пикселях но как ее узаешь то... высота блока с контентом меняется постоянно. Вообще для спра…
0 votes6 answers -
Таблицы в DIV
На странице используется двухколонная верстка: #center { margin-right:230px; } #right { float:right; width:220px; } Нужно вставить таблицу, чтобы она растягивалась по ширине на всю центральную колонку. Если я задаю у таблицы свойство - width='100%', то во всех браузерах отображается как надо, а в IE верстка ползет, и таблица растягивается на весь экран закрывая и правую колонку. Как пофиксить?
0 votes6 answers -
Формы+Шрифт в разных браузерах
Обычная форма: <html> <style type="text/css"> body { color:#a2a4a3; font:12px/18px Arial, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: normal; } </style> <body> Тут текст<input type="text" name="login" size="11" maxlength="20"> тут идет тоже текст<input type="password" name="password" size="12"> <br><br> <textarea name="textarea" cols="43" rows="20">111111111111111111111111111</textarea> </body> </html> Но у меня возникает две проблемы: 1. Разный шрифт в Opera и Firefox. Хотя как мне кажется я все верно указал. Из-за этого расстояние меняется. Как его верно установить что бы он был…
0 votes6 answers -
неправильное отображение в IE 6
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> .authorcomment { display:inline; } .comment-time { float: right; } </style> </head> <body> <div> <div> <div class="authorcomment"><span>Nik</span> fool</div> <div class="comment-time">12.03.1685 в 12.51</div> </div> <div">lahlahlah</div…
0 votes6 answers -
Кодировка
Подскажите что сделать, чтобы применить кодировку отдельно к фрагменту страницы? А то у меня новости выводит иероглифами и всё тут. А меняю кодировку- сайт весь в них, зато новости нормально... Блин, не могу понять как исправить...
0 votes6 answers -
Как изменить соотношение (font-size-adjust) высоты шрифта к ширине
Помогите кто может! Нужно изменить высоту шрифта сохранив его ширину и семейство (желательно), перерыл интернет там все говорят "это легко", есть свойство font-size-adjust, пробовал это свойство у меня не хочет работать ни на одном браузере. Если у кого была такая проблема киньте пример пожалуйста, и с какими браузерами и font-family это свойство работает. Заранеее спасибо
0 votes6 answers -
Как бы вы сверстали каркас?
сайдбары фиксированные. левый сайдбар и контент-блок завёрнуты в один блок. структура колонок <div id="content"> <div id="in"> </div> <div id="sidebar-left"> </div> </div> <div id="sidebar-right"> </div>
0 votes6 answers -
Рамка для формы поиска
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> .searchform { background: #b91715 bottom left no-repeat; float: right; padding: 1px; top: 25px; right: 0px; } .searchform .s { border: none; background: #FFF; color: #666; font-family: Times New Roman, Georgia, Serif; padding: 2px; width: 157px; } </style> </head> <body> <form method="get" id="searc…
0 votes6 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-