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
-
Вопрос про вложенность
в css прописано #content td { padding: 10px 20px 10px 10px; } table.table_price tr, td, th { padding: 3px; } В html страницы: <div id="container"> <table class="table_price"> <tbody> <tr> <td> <h2>Текст</h2> </td> </tr> </tbody> </table> </div> При этом на ячейки таблицы устанавливается padding прписанный для идентификатора #content. Почему здесь не работает вложенность? Или работает как то не так как я понимаю. Ведь стиль таблицы должен быть приоритетнее стиля содержащего таблицу блока? Как правильно установить стиль для ячеек таблиц класса "table_…
0 votes2 answers -
Как создать записи на сервере ?
Объясните, кто знает !!! Создаю сайт на движке вордпресс, все темы разбросал на рубрики, темы, даты. Появились страницы, у которых путь типа http://site.ru/2009/04/07/sample-post/ - открываются, но на сервере нет папки 2009 в которой 04 и тд . А яндекс и гугл не хочет индексировать – хочет чтобы на сервере были папки (что-то типа того). Нужно чтобы все записи находились на сервере в своих папках ??? ( чтобы поисковики идя по пути попадали куда надо или вордпресс должен как-то поисковики поправлять и отправлять на страницу) … что делать?
0 votes3 answers -
Div внутри таблицы меняет ширину столбца, а не должен...
Имеется таблица, центральный столбец фиксированный, крайние разъезжаются и делят по 50% оставшейся ширины. Как только добавляю div в крайний столбец - он разъезжается, хотя текст влезает в ту ширину что была, и крайняя колонка становится заметно шире первой, причем, вроде только в Firefox (у меня 3.08). Код: <!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=windows-1251" /> <title>Документ Без Имени</title> <style type="text/css"> <!-- table,td { margin:0px; padding:0px; border-collapse:collapse; border-width…
0 votes7 answers -
как выровнять элемент по центру страницы
например как здесь http://www.ya.ru/
0 votes7 answers -
как правильно?
<td nowrap> или <td nowrap="nowrap">
0 votes2 answers -
Как прибить футер?
Стандартные способы не подходят. Вот такая страника... <div id="container"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> Блоки находятся в контейнере. Если попробовать так: position: absolute; bottom: 0; То футер прижмется. Но возникает другая проблема (с высотой блоков): Хедер наверху, за ним по умолчанию идет блок с контентом, внизу прибит футер (который позиционирован абсолютно - внизу, относительно страницы). Так вот как теперь объяснить блоку content, что нужно растянутся от и до??? Указываю в стилях высоту в 100%, результата нет, реагирует только на px. Может стоит просто по по…
0 votes5 answers -
ЧаВО
Отступ у картинки Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Отступ у картинки</title> </head> <body> <div style="background: #ccc"><img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt=""></div> </body> </html> Решения: 1. img { display: block } 2. img { vertical-align: bottom } 3. div { line-height: 0; } Причина: Картинка выравнивается по базовой линии текста. Это "струна", на которую одеваются буквы. Хвостик буквы "р" опущен ниже буквы "о", а картинка равняется наравне с буквами о, и, а, и т.д. Кусочек фона под картинкой - место для б…
0 votes8 answers -
свои атрибуты в html тэгах... ?
Подскажите, насколько все же плохо или допустимо использовать свои атрибуты в html-тэгах? Драфт HTML5 это допускает, достаточно просто именовать атрибуты с префиксом data- А как в XHTML 4.01? Понимаю что можно запариться с namespace'ами, нарисовать свою dtd-схему и т.д.... но, оно же и так работает во всех браузерах? По идее же, если браузер не знает атрибут - он его пропускает? Пример: <tr data-row-id="345" data-row-state="edit">..... </td> Можно конечно забить, наплодить кучу hidden-полей с данными и т.д. Но блин, уж ОЧЕНЬ удобно работать именно с атрибутами, особенно используя jQuery, или подобные javascript-фреймворки. Так что вопрос: категорически нельзя,…
0 votes1 answer -
Верска дивами (основа)
Объясните пожалуйста популярно, как использовать дивы... А именно интересует позиционирование. Тоесть в чем разница вложенности дивов? Вот 2 примера... <div id="1"> <div id="a1"> <div id="a2"> <div id="a3"> </div> </div> </div> </div> <div id="a1">a1</div> <div id="a1">a2</div> <div id="a1">a3</div> Какая между примерами разница? Как правильно и для чего? И главное относительно чего позиционируются дивы? (относительно окна браузера, несмотря на уровни вложенности или относительно родительского окна, тоесть div относительно другого div-а в которое вложен?) И может есть у кого…
0 votes8 answers -
Растянуть ячейку с контентом, не трогая соседние.
чОрт, ошибся разделом, перенесите в HTML. Хотя здесь и по CSS вопрос, так что я не знаю даже.) Нужно сделать так, чтобы основная ячейка с контентом растягивалась по вертикали, при этом не смещая/дублируя ячейки соседней строки. И чтобы в Опере воспринималось расстояние между элементами меню. Макет: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title><?php $kernel->show_title()?></title> <meta name="description" content="<?php $kernel->show_description()?>"> <meta name="keywords" content="<?php $kernel->show_keywords()?>"> <meta http-equiv="…
0 votes1 answer -
как правильно подобрать доктайп
Прогнал через валидатор на w3.org выдал одно предупреждение: Notes and Potential Issues The following notes and warnings highlight missing or conflicting information which caused the validator to perform some guesswork prior to validation. If the guess or fallback is incorrect, it could make validation results entirely incoherent. It is highly recommended to check these potential issues, and, if necessary, fix them and re-validate the document. 1. Warning Mismatch between Public and System identifiers in the DOCTYPE declaration This document uses an inconsistent DOCTYPE declaration. The Public Identifier -//W3C//DTD XHTML 1.0 Transitional//EN declares the X…
0 votes5 answers -
в файрфоксе все отлично, а в ИЕ - все разламывается
такая проблема - сверстал страничку таблицами в хтмл, ну немного цсс еще в голове добавил. в файрфоксе все смотрится отлично - однако, при открытии в ИЕ этот сраный браузер зачем все нахрен наперекосяк сдвигает - логотип разламывается, вырание по центру сбивается, половина текста куда-то пропадет.. подскажите, пожалуйста, если кто знает, из-за чего это может быть.. вот код страницы: <html> <head> <title>Наружная реклама с расчетами по бартеру</title> <style type="text/css"> body { background: #ffffff; margin: 0; padding: 0; spacing: 0; } a { text-decoration: underline; font-family: Verdana, Tahoma, Arial, sans-serif; } a:hover …
0 votes9 answers -
не работает page-break-before
в FF и Safari создал класс .p { page-break-before: always; } соттветственно прописал его на страницах, где надо разбивать страницы, почему так?
0 votes11 answers -
Навигация по сайту
Вот условный макет сайта Как можно добиться того, чтобы шапка с подвалом оставалась неизменной, а в рабочей области содержание изменялась в зависимости от выбранной ссылки и эта область изменялась по высоте? Я знаю только с помощью фреймов. Ну и include("./footer.inc.php3");. А какие есть еще варианты? Спасибо!
0 votes3 answers -
Отступы и паддинги в <a href>
Народ всем привет , столкнулся при очередной верстке сайта вот с такой проблемой, представляю вашему внимаю 2 скрина Проблема возникает в ИЕ, а именно взгляните на синюю выделенную область (такое впечатление что у ссылок стоит какой то margin-top: ...px), вобчем по идее ее быть не должно, так у ссылок отсутствуют отступы по умолчанию, тем боле что у меня в css * {margin: 0px; padding: 0px;} в лисе и в опере такой проблемы нет, есть у кого нить идеи??? CSS: * {margin: 0px; padding: 0px;} html, body { height: 100%; } body {background: #ffffff;} a {border: 1px solid green;} a:link {color: #b4002d; font: 12px arial;} a:visited {color: #b4002d; font: 12px arial;…
0 votes12 answers -
Вопрос по area
Сколько точек можно задавать в <area shape="poly" .... ? Задал 20 точек. В Файрфокс и Опере всё в поряке, ИЕ7 не видит области, в ИЕ6 посреди области какие-то промежутки. Сократил количество точек до 4, стало хорошо везде.
0 votes2 answers -
Как выровнить текст по вертикали
Нужно выровнить текст по вертикали в кнопке. Простыми словами дело обстоит так, блок кнопки например 50х200px, в левой части иконка, после заголовок. текст выравнивается по верхнему краю. Прописываю vertical-align:bottom для кнопки, но не действует. Можно использовать padding,но мне нужно при уменьшении разрешения монитора второе слова заголовка(кнопка) переходит на новую строчку и padding вот здесь все испортит. <ul> <li><a href="#" class="mNav01">Системы безопастности</a></li> <li><a href="#" class="mNav02">Контроль доступа</a></li> <li><a href="#" class="mNav03">Системы вид…
0 votes10 answers -
Платежные системы на сайте, кто что подключал?
Господа программеры! Поделитесь опытом кто какие платежные системы прикручивал к сайтам. WebMoney, Z-Payment, Interkassa, RoboKassa, RBKMoney, SMSCoin - не в чсет. Тут все ясно и есть готовые решения. Ставил - работает. Интересуют западные мерчанты типа 2checkout.com, moneybookers.com, authorize.net - их кто-нибудь настраивал? Сейчас тестирую 2checkout.com и moneybookers.com moneybookers.com - не пойму как обратные ссылки с нужным результатом вернуть на сайт, чтобы внести именени в биллинг. Возвращает при выписке счета и при оплате положительный результат и отдает тут же товар..... а когда счет тлько выписан (через банк,например) - нужно просто об этом сообщить... Гугл …
0 votes2 answers -
opera tbody bgcolor
Подждскажите пожалуйста, я делаю что то не так или Opera не поддерживает отрисовку фона для TBODY? <table cellpadding=1 cellspacing=1 border=1 bgcolor='red'> <tbody bgcolor='green'> <tr><td>1.1 <td>1.2 <tr><td>2.1 <td>2.2 </tbody> </table> IE, Firefox - фон ячеек зеленый, граница - красный Opera - фон ячеек красный, граница - красный ?
0 votes2 answers -
Подчиненный список
есть два выпадающих списка. один задает параметр "город" второй - "улица" вот второй должен быть подченый первому. чтобы если я выбрал пензу, то улицы только пензенские были в списке, но не псковские. как это сделать. или другой пример: один выпадающий список задает "страну" второй выпадающий список задает "город" если я выбираю "Россия" в первом, то во второй только рос. города. Спасибо.
0 votes4 answers -
textarea
Здравствуйте, подскажите пожалуста, как сделать так что бы при подводе к полю textarea исчезали буквы которые до етого там есть ? <textarea name='tb2c' cols='20' rows='1'>Имя</textarea> Что бы при подводе к етому полю мышкой или другим способом буквы исчезли
0 votes6 answers -
<a> вынести BG-картинку за пределы элемента
Привет всем. Имею UL лист со ссылками такого вида: ul.mm, ul.mm li { list-style:none; } ul.mm a { display:block; background:#4dc4ed url(/images/bg_mm.gif) right top no-repeat; height:25px; color:#FFF; margin-bottom:2px; width:200px; font-size:0.8em; text-decoration:none; line-height:25px; padding-left:1.5em; } ul.mm a:hover { background:#ec584c right bottom url(/images/bg_mm.gif) no-repeat; } Посмотреть можно тут: http://www.zebra-tara.ru (там пустая страница, только лист со ссылками) Что я хочу: чтобы фоновая заливка цветом у ссылки заканчивалась до background-изображения. Либо, как-то вынести изображение правее элемента, но чтобы они составляли единое целое…
0 votes9 answers -
background для тега tr
Здравствуйте. Вот сообественно как то так. Искал в нете, посервфил по форумам не чего не нашел. Думаю тут как всегда найти ответа <table cellspacing="0" id="main"> <tr id="top-bg"> <td id="top"> top </td> </tr> <tr id="footer-bg"> <td id="footer"> footer </td> </tr> </table> td#top { background:url(img/top.jpg) repeat-y left; border-bottom:1px solid #ffdead; vertical-align:top; } tr#top-bg { background:url(img/center.jpg) repeat-x bottom; } td#footer { height:106px; padding:0 0 35px 0; background:url(img/footer.jpg) repeat-x bottom; border-top:1px solid #5a4229; } tr#footer-bg { height:106px; back…
0 votes6 answers -
Условные комментарии в IE
Не получается добавить для IE отдельный стиль, делаю примерно так: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="style.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie.css" /> <![endif]--> </head> IE на него просто не реагирует... Где ошибся?)) Кстати вот так работает: *+html #subtop{ /* 7-й IE */ padding-top:5px; } * html #subtop{ /* 6-й IE */ padding-top:5px; } Однако хотелось просто одно общее свойство для всех IE создать...
0 votes15 answers -
Рамка для картинки
Здравствуйте! Я имею красивую рамку, нарисованную в одном из графических редакторов. Подскажите, пожалуйста, как мне теперь эту рамку наложить на картинку в своём сайте?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-