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
-
Как зафиксировать элемент относительно окна браузера
Здравствуйте, есть такой код: <html> <head> <style type="text/css"> body { margin: 0; padding: 0; width: 100%; color: WindowText; } #header { width: 100%; padding: 0.5em 0; background-color: ButtonFace; color: ButtonText; position: fixed; bottom: 0; left: 0; //position: absolute; bottom: expression( document.getElementsByTagName( 'body' )[0].scrollBottom + "px" ); } #content { background: Window url('grid-10.gif'); padding: 2.2em 0; width: 100%; height: 3000px; } </style> </head> <body> <div id="header">Top Frame Content</div> <div id="content"> …
0 votes3 answers -
Не стандартный маркер списка
Как применить к стандартному маркеру списка такой символ с этим кодом ? И как этот список прижать к левому краю ячейки таблицы? <ul> <li>Текст</li> </ul>
0 votes11 answers -
Несколько классов у тэга?
По субжу, можно ли IE6 обучить такой магией? p/s: у меня шо то не хотит понимать!
0 votes15 answers -
Неизвестная ширина position: fixed
Добрый вечер. Возникла одна проблема: нужно реализовать фиксированное меню, у которого ширина зависит от ширины контента. Контент имеет минимальную и максимальную ширину, в случае последнего - выравнивается по центру экрана. Так же сам блок контента унаследовал отступы элемента body в размере 62px; Т.е как это все должно быть на изображении: -- Прописал блоку с position: fixed следующие: box-sizing: border-box;position: fixed;width: 100%;max-width: 1600px; // блок контентаheight: 100px;И все бы ничего, только если ширина экрана меньше 1600рх, то получается вот это: -- Помогите, пожалуйста, исправить p.s играл с положительным и отрицательным margin-ом и padding-ом, но в…
0 votes2 answers -
ширина столбцов в таблице в % и в px
Есть таблица из 21ого столбца, которые разбиты на повторяющиеся тройки ширина 1ого = 10px ширина 2ого= x..? ширина 3его = 43px и так семь раз Вопрос: Надо сделать так, чтобы все x были одинаковые я пробловал делать так: <td width=10px backgorund="blabla2.gif"> </td> <td width="14%" backgorund="blabla2.gif">текстик </td> <td width=43px backgorund="blabla3.gif > </td> Т.е. я планирую, что браузер повычитает из ширины экрана семь раз 10 пикселей, затем 7 раз 43 пикселя, оставшееся число разделит на 7 и задаст их вторым колонкам. Но, видимо, он делает вс? совсем не так. Ширина вторых колонок равняется по их содержимому.
0 votes12 answers -
Валидатор
Решил почекать свою визитку валидатором. Ужаснулся. You have used the element named above in your document, but the document type you are using does not define an element of that name. 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 "Frameset" document type to get the "<frameset>" element), * by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead). * by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case). В основном все ошибки ( …
0 votes10 answers -
Как поместить картинку по верх Flash объекта.
Впринцепи сабж это и есть вопрос. Пробывал через "z-index" вс?равно flash вверху. Задача: разместить картинку по верх flash игры.
0 votes4 answers -
Проблема: Флеш на задний фон в ИЕ6 и 7 не уходит
Есть флеш, находится по центру сайта, получается она задевает все блоки на странице В Мозиле и Опере нормально В ИЕ 6 и 7 флеш перекрывает эти блоки У всех блоков что могут перекрытся флешом прописано position: relative; display: block; z-index: 7; у блока с флеш z-index: 0; display: block; position: relative; Как можно это исправить?
0 votes9 answers -
Буквы поменялись местами
Здравствуйте! Есть сайт kronwood.ru, там использованы не стандартные шрифты, которые закачены на тот же хостинг где и сайт и подгружаются через css. Некоторые люди жалуются на 1 шрифт, все буквы перепутаны. Причем видно что шрифт тот самый. Ни как не могу найти причину такого поведения. Все что я смог понять, дело не в кодировке. Т.к. другие шрифты, отображаются верно. И тот текст который отображается не стал нормальным ни в одном другом коде. В приложении скрин который мне прислали, это яндекс браузер под виндовс. У меня тоже есть яндекс браузер под винду, но отображается все верно. Буду рад советам и предположениям.
0 votes9 answers -
internet explorer + <button> + смещение при клике
Кто нибудь боролся с тегом <button> под IE? Дело в том что при нажатии содержимое тега сдвигается влево и вниз на 1 пк. Знает ли кто-то как это предотвратить?
0 votes8 answers -
Закругление букв
Скажите, если кто знает, а реaльно на css сделать слово, закругляющееся по кругу? Но скорее это не в эту тему
0 votes16 answers -
footer к низу во всех браузерах.
Ребята, привет! Предмет разговора: www.w3u.ru Короче проблема с версткой. Я только начинаю, поэтому не плюйтесь за код. В общем проблема глобальная. Нужно, чтобы в ie6,7,8,opera9,ff3 footer всегда был прибит к низу не зависимо от объема текста. Вторая проблема в том, что по бокам начиная с области контента у меня идут border'ы. Идея в том, что они должны доходить до конца экрана и врезаться в footer. Опять же не зависимо от объема текста. psywalker мне очень помог в предыдущей теме, но эта тема уже выходит за рамки данного вопроса. Я изучил, что пишут люди, все говорят, что надо сразу было думать, но я вначале не знал, что так потребуется. Не подумал. Теперь на выходе…
0 votes14 answers -
как сделать ссылку-изображение на php
Как сделать изображение-ссылку на php. Так не работает: echo "<a href='index.php?id=main'><img src="main.jpg"/></a>";.
0 votes6 answers -
Сложный фон для Wrapper
Есть такой фон, специально нарисовал на нем блоки с обозначением где и что будет с учетом размеров на макете.. Может есть у кого в запасе хитрые способы как правильно такое сверстать? У меня есть только мысль банально разбить на три картинки центральную вырезать таким образом, чтобы она могла повторятся не портя дизайн (- хотя, это тоже хз как сделать... в нижней части контента начинается затемнение, которое при повторе будет портить всю картину). Также это все дело не по детски весить обещает: необходимо сохранить прозрачность по краям (png-24).. одна такая картинка занимает от 900кб до 1,5 мб
0 votes13 answers -
Вёрстка: Зависимый выпадающий список
Здравствуйте. В макете попалась форма поиска в виде зависимого выпадающего списка, где сначала нужно выбрать "Brend" и в зависимости от выбранного бренда, выбрать "Product" , потом уже нажимать Submit. Вопрос заключается в том, как правильно верстать такие формы поиска, чтобы можно было дальше передать программистам ?
0 votes5 answers -
Что такое build:css в html?
Здравствуйте! Столкнулся с доработкой чужой верстки и увидел такой момент в html: <!-- CSS Theme --> <!-- build:css assets/css/main.css --> <link rel="stylesheet" type="text/css" href="assets/css/main.css" /> <!--<link rel="stylesheet/less" type="text/css" href="assets/css/main.less" /> <script src="assets/js/less.min.js"></script>--> <!-- endbuild --> Подскажите пожалуйста что это за конструкция и что она делает? Поиск по интернету мне ничего не дал, мои догадки, что она сразу формирует css файл из less. Но как это тогда работает и что для этого нужно, было бы полезно знать с…
0 votes6 answers -
А можно собрать информацию с разных страниц?
Вот скажите пожалуйста, если у меня разные страницы, а с них надо собрать воедино информацию, введенную пользователем, возможно ли это сделать? Я так понимаю только при помощи php, при помощи глобальной переменной. Как же? Или я ничего не понимаю:/
0 votes8 answers -
div bg problem
Скрин с разрезкой сайта, собственно, вопрос телезрителей: как бэкграунд сделать цельненьким? т.е. чтобы не было серых областей под второй и третьей слева колонок. http://img260.imageshack.us/img260/1663/bg1j.jpg Засунул все дивы в див, назовем его box, для него прописал бекграунд, но толку ноль, как будто его вообще нет. В чем теор. может быть ошибка. На всякий прикреплю еще текст. <body> <div id="page"> <div id="header"> пэхэпэшечка </div> <div id="123"> <div id="content"> пэхэпэшечка </div> <div id="sidebar2"> пэхэпэ </div> <div id="sidebar"> пэхэпэ </div> &…
0 votes17 answers -
как отобразить картинки одинакового размера?
страница выводит превьюшки, они изначального разного размера, а как сделать (для эстетики), чтоб он отображал их одинакового размера, без искажений? т.е. отображал строками в каждой из них по 3 картинки, ширина блока 240px, выравнивание по верху и середине блока, а что не помещается не отображается.
0 votes25 answers -
Сдвигается сожержимое блока
Подскажите, почему при наведении на блок, когда появляется рамка, все сдвигается? Как сделать, чтобы содержимое блока оставалось неподвижным при наведении ? http://jsfiddle.net/qnr9Y/2/
0 votes6 answers -
Переход по ссылке через тип "radio"
Через тег "input" как можно сделать, чтобы через активный объект (<input type="radio".......>) по нажатию на кнопку был переход на какой-либо сайт?
0 votes3 answers -
не работает border
Хочу установить следующие границы для блока #header с помощью свойств. Но данные свойства не работают и не создают границы. В чем может быть проблема? border-top: 3px solid 1c1211; border-bottom: 1px solid 1c1211; Весь HTML и CSS код: #wrap { width: 1000px; margin: auto; margin-top: 20px; } #header { border-top: 3px solid 1c1211; border-bottom: 1px solid 1c1211; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> …
0 votes2 answers -
Появляющийся поверх всего слой
Форумчане, правильно ли я понимаю технологию создания появляющегося слоя в центре странички (например как на этом форуме, когда кликаешь ссылку Регистрация или когда кликаешь на иконки BB кодов при оформлении новой темы ): Шаг1: Где-нибудь в теле HTML странички (в любом месте по сути?) создаем отцентрированный слой по принципу описанному например в http://htmlbook.ru/l...u-veb-stranitsy со свойством display:none и с нужным содержанием Шаг 2: на JS пишем коротенкую функцию, которая при клике на ссылку, по которой нужно открыть этот слой, меняет свойство слоя display:visible и ставит z-index 100000, чтобы слой был поверх всего. Так правильно? или весь слой надо формирова…
0 votes10 answers -
не получается сделать двойной hover
надо сделать вот так: а получается вот так: доп материалы с кодом:
0 votes3 answers -
Не работает форма - действие
Есть форма: <form action="modules.php?name=Mymodule" method="post"> <td class="main44"></td> <td valign="middle"> <input class="searh_bottom" type="image" title=" Искать " src="images/button_search.jpg"></td> </form> Почему при нажатии кнопки (она картинкой) - не происходит Поиска, а когда нажимаешь Enter все гуд!? Где я ошибся?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-