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
-
кнопка отображается выше других элементов
<!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=iso-8859-1" /> <title></title> </head> <style> input { height: 33px; padding: 0; margin: 0; } </style> <body> <form><input type="text" name="login" value="login" /><input type="password" name="password" value="pass" /><input type="submit" value="login" /></form> </body> </html> Кнопка отображается в firefox выше чем поля login и password. …
0 votes1 answer -
Ссылки в теге li
Подскажите, плз, есть горизонтальное меню, созданное при помощие ul li ,и в нем не работают ссылки, отображаются как обычный текст (во всех браузерах кроме ИЕ,в ИЕ все норм). Пытался вынести код в отдельный файл - все работает,из-за чего такое вообще может происходить?
0 votes2 answers -
Страница в UTF-8, а хидеру шлются в windows-1251.
Господа, дамы, нужна ваша помощь. Сделал страничку в юникоде. В самом html прописано <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> в файле .htaccess прописано: DirectoryIndex index.php index.html index.htm RemoveHandler .html .htm AddType application/x-httpd-php .html .htm CharsetDefault UTF-8 AddDefaultCharset utf-8 AddCharset UTF-8 .html AddCharset UTF-8 .php а все-равно отдается страничка с сопутствующими хидерами: HTTP/1.x 200 OK Date: Tue, 08 Apr 2008 10:38:58 GMT Server: Apache/1.3.37 (Unix) mod_layout/3.4 mod_tsunami/3.0 PHP/4.4.4 rus/PL30.22 mod_…
0 votes1 answer -
ссылка блок с вложенными элементами
есть такая конструкция <a href="" style="display:block; width:100%; backround:url('back.gif')"><img src="" style="float:left" /><img src="" style="float:right" /></a> доктайп XHTML 1.0 Transitional если ширина блока больше чем сумма длин картинок, то между картинками образуется пустое пространство с фоном. мне нужно чтоб весь блок был ссылкой, но в данной ситуации ссылками являются только картинки,а пространствно между ними нет! как сделать правильно?
0 votes2 answers -
Ширина ячеек
Здравствуйте, меня интересует как изменить ширину ячеек в пикселях, если ширина таблицы установлена в процентах: <table border="0" cellspacing="0" cellpadding="2" width="100%"> <tr> <td align="center" colspan="2"> <p>NAME</p> </td> </tr> <tr> <td rowspan="3" width="100"> <img border="0" src="img.jpg" width="100" height="100"> </td> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> страница и при этом ширина ячеек делится как 50% Прошу помощи \\
0 votes2 answers -
Использование positions
Расскажите мне плз, или поделитесь ссылочкой на тему применение position в css коде. Хитрости и секреты, возможно хаки... Просто я именно этим свойством плохо владею, не понимаю зачем надо, только стандартные функции, и то не все))) На htmlbook.ru был но там только стандартные термины и краткие описания, а мне бы пораскрытие тему... Заранее спасибо)
0 votes2 answers -
Отсутствует фоновый рисунок при открытие сайта в Интернете
Переделывал шапку сайта. Сделал небольшой рисунок, который уместился в шапке 8 раз. Отправил по ФТП. открываю сайт в Инете - нет фонового рисунка. А ведь при создании в Фронтпейдже был. И при просмотре во встроенном в него обозревателе был. Так куда же он делся? Можете посмотреть по ссылке на эту беду и код там же увидеть http://www.po-miry.ru/POHOD/SPORT_TURIZM.htm Заранее благодарен за ваши полезные советы
0 votes4 answers -
id=menu
В свойствах CSS/hover/пример №2 есть такой фрагмент кода id="menu" для чего это, ведь код работает и без этого ?
0 votes2 answers -
Помогите проблема с позиционированием
Вот станичка http://palitra-oil.narod.ru/stoimost.html вот код из slideshow.js Object.extend(this.props, props || {}); a = $('aro-' + this.props.n + 'a'); a.style.position = 'absolute'; a.style.border = 'double 5px saddlebrown '; a.style.left = '1280px'; a.style.top = '-680px'; img = a.cloneNode(true); img.id = 'aro-' + this.props.n + 'b'; img.style.zindex = '100'; div = a.parentNode; div.style.display = 'block'; div.style.position = 'absolute'; div.style.border = 'solid 1px black'; div.style.left = '-800px'; div.style.top = '800px'; div.style.width = a.width + 'px'; div.style.height = a.height + 'px'; div.appendChi…
0 votes1 answer -
Табличное меню
Добрый день. Собственно такой вопрос Макет меню предусматривает "табличный" вид меню (ниже на картинке). сайт мейкаю друпалом, код меню таков <?php if (isset($primary_links)) : ?> <?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?> <?php endif; ?> заранее спасибо.
0 votes1 answer -
стиль таблицы
решил сверстать страницу полностью по правилам. написал сверху <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> все теги в документе закрываются, даже незакрывающиеся, все стили решил прописать в цсс: body { background: #ffffff; margin: 0; padding: 0; } table { border-collapse: collapse; margin: 0; padding: 0; spacing: 0; } #centerLayer { width: 829px; margin: 0 auto; background: #ffffff; padding: 0; text-align: center; } всю страницу сверстал жестко в таблице, а таблицу всю ставил в центральный див: <body> <div id="centerLayer"> <table id="Table_01" bo…
0 votes5 answers -
очередная проблема с футером=)
Вот пробую сверстать сайт дивами. Футер прижать к низу удалось, пользовался вот этим способом. Пример моего сайта можете посмотреть здесь, так же приведу примеры html и css. Сама проблема заключается в следующем: не тянется блок с белым бэкграундом (#main), в котором и находится весь контент, т.е. нужно убрать пробел между контентом и футером. буду благодарен за помощь=)
0 votes5 answers -
как сделать google maps карту позади блока?
В общем, надо сделать ,чтобы над картой при нажатии на кнопку открывался блок div. Но он всегда открывается позади карты, даже делая я-index этого блока равным 15000 , я не смог сделать то что мне нужно. Хотя на некоторых сайтах с картой гугла я видел открывающиеся над картой блоки . В общем, как это сделать, чтобы блок открывался поверх карты?
0 votes3 answers -
"alt" у <input type="submit" />
Часто для кнопки используют картинку (в основном из-за сложных градиентных надписей). Как лучше сделать так, чтобы для пользователей с отключенными картинками отображался на месте картинки текст. Эдакий alt для button. Можно конечно img засунуть и ему указать alt, но не люблю такие извращения. Есть другой способ?
0 votes2 answers -
Иероглифы в мозиле
Здравствуйте! Я столкнулся с проблемой, нужно было создать простую хтмл страницу на английском и русском языках, но залив её на фтп заметил что в мозиле кириллица отображается непонятными символами, во всех других браузерах всё отображается корректно! Мета прописал: <meta charset="utf-8" > и сохранил через notepad++ тоже в utf-8, перепробывал уже множество кодировок. <html lang="en"> <head> <title>Friseursalon am Pl?rrer</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css"> <link rel="stylesheet" type="text/css…
0 votes1 answer -
Hover
Подскажите пожалуйста, есть меню: т.е ссылка + слева иконка я сделал это так: .menu li.faq{ background: url(../img/faq.png) no-repeat 20px center;}.menu li.news{ background: url(../img/news.png) no-repeat 20px center;}Но, при наведении должен меняться цвет + добавляется еше 1 иконка вот так: .menu li a:hover { background: #d9d9d9 url(../img/menu-active.png) no-repeat 90% 50%;}сделал я это вот так и в итоге у меня иконка слева пропадает при наведении, как исправить можно?
0 votes11 answers -
<form> сделать в центре страницы
как сделать форму в центре страницы. щас она выровнена слева от края. попытался положить её внутрь - <p align="center"> </p>. но не помогло....
0 votes3 answers -
ломается позиция фона при использовании iepngfix
Решение проблем с прозрачностью png в IE6 найдено здесь: http://www.twinhelix.com/css/iepngfix/ однако, если применить соответствующий behavior к элементу, которому задан background-position, к примеру right bottom, то прозрачность, конечно, появляется, но позиция фонового изображения становится left top независимо от того, какая указана в стилях. Вот как тут быть?
0 votes7 answers -
Форма отправки на проверку в css-validator
Это форма отправки на проверку в http://jigsaw.w3.org/css-validator/ из Notepad++ <form action="http://jigsaw.w3.org/css-validator/valid..." method="put"> <textarea name="text" rows="12" cols="75">%s</textarea> <input type="submit" value="Check" /> </form> Как сделать что бы отправка была автоматом при загрузке страницы. Без нажатия кнопки "Check"!
0 votes5 answers -
yandex опять пустое место показывает! как починить?
Приветствую, Вроде получалось победить яндекс, не было пустого места слева, причём мне этот способ подсказали в техподдержке яндекса. но на днях способ просто перестал работать. а техподдержка молчит. css для яндекса у меня: первые две команды - убрать привязку строки поиска - работает и сейчас, но третья строка раньше убирала пустое место слева. сейчас она ничего не делает. .b-head-floater_fixed_yes{display: none;} .b-scroll{display: none;} .b-page-layout__column-proxy {margin-left: 0 !important} я пробовал найти, что отвечает за появление прорехи и нашёл - смотреть вложенный рисунок. но - не получается переопределить. как мне переопределить для яндекса .b-serp-item { …
0 votes5 answers -
Посоветуйте бесплатный редактор
Сейчас пишу в блокноте(обычном, который изначально в виндовс), но коды стали громоздкие, хотя бы подсветка синтаксиса нужна,подскажите какой хороший редактор, главное - бесплатный и русский
0 votes7 answers -
border-bottom и padding
Всем привет! Сегодня столкнулся с проблемой небольшой, а именно отображение border-bottom. На прикрепленной картинке видно, что линия идет ЗА пунктами меню, а не под ними. В чем может быть дело? (если убрать padding 3px 10px у ссылок), то всё хорошо.. но мне нужно с padding. Интересно, что в IE8 бордюр отображается ровно под меню, а в хроме все время позади.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="css/main.css" rel="stylesheet" type="text/css" /> <t…
0 votes3 answers -
гуляющие элементы
Добрый день! Подскажите пожалуйста Делаю простенький шаблончик на вордпресс. Будет выглядеть примерно так но у меня фигня происходит с менюхами при уменьшении размера окна браузера, они съезжают как и див.entry код хедера: и цсс: я нуб во всех этих делах и не понимаю почему так происходит, два дня сидел пробовал менять все что мог. думал дело в position да нифига. Чет понять не могу в чем проблема. Подскажите пожалста, где искать корень проблемы? Как поправить?
0 votes7 answers -
SVG многоугольник
Читаю книгу и в ней есть код <svg width="300px" height="360px"> <polygon points="20,10 200,20 180,90 120,150 50,100" fill="#00FFFF" stroke="blue" stroke-width="5" /></svg>http://jsfiddle.net/vad7wgz9/ Но в ней не написано, как вычислять эти цифры. Как вычислять? Наугад писать? Я так понял то что 20,10 20 это x, а 10 это y? или как? 20,10 200,20 180,90 120,150 50,100 это наверно сокращённая запись?
0 votes10 answers -
Помогите решить как сделать чтобы один chekbox был включен а второй выключался?
<div class="checkbox_button"> <div class="fiz_face"> <input type="checkbox" id="box_1" > <label for="box_1" class="checkbox-label unchecked-label"></label > <span class="fz_uz_1">Физическое лицо</span> </div> <div class="ur_face"> <input type="checkbox" id="box_2" checked /> <label for="box_2" class="checkbox-label checked-label"></label> <span class="fz_uz_2">Юридические лица</span> </div> </div> .checkbox_button #box_1{ float:left; min-width: 10px; max-height:10px; background: none; } .checkbox_button #box_2{ float:left; min-width: 10px; max-height:10px; background: none; …
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-