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
-
Выравнивание div внутри td
Здравствуйте! Проблема в том, что не смотря на text-align: center у TD, div, который внутри, не хочет выравниваться по центру. В чем проблема? Вот кодик: <!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> <title>Man</title> <style> .fighter {width: 200px; border-collapse: collapse;} .fighter td {border: 1px solid #000; vertical-align: top;} .head {text-align: center;} .head div {width: 50px; height: 50px; border: 1px solid #777; text-align: center;} .left_hand {text-align: right;} .left_hand div {wi…
0 votes4 answers -
Прозрачный фон
Здраствуйте! Моя проблема вот в ч?м: у меня есть общий большой фон и маленький фон уровнем выше, который необходимо сделать прозрачным. Как здесь: http://customize.ru/screens/templates/1003...o_Portfolio.jpg. Прич?м, он(маленький фон) должен просвечивать, независимо от того, какой фон ниже. Т.е. я не могу просто наложить его в Фотошопе вручную и увеличить прозрачность. Общий фон будет указываться пользователем. Это возможно? Спасибо!
0 votes18 answers -
отменить margin
К сайту подключен reset.css Для одного из элементов (например img) я хочу отменить margin, словно его и не было. Как это можно сделать? margin: none margin: auto Не работает
0 votes2 answers -
Верстка под iPad
Добрый вечер. столкнулся со следующей проблемой: валидная верстка, вроде как все ок, отображение корректное как на нормальных, так и на мобильных устройствах (для мобильных писался отдельный css), НО на iPad при повороте из горизонтального в вертикальное положение "теряется" масштаб. проверка показала, что это не из-за JS, значит дело в css. Может кто-нибудь сталкивался ? *проблема усугубляется тем, что нет ipad_а под рукой для тестирования, а эмуляторы слишком далеки от реальности. UPD всем спасибо. Проблему решил сам. Необходимо было указать мета тег: <meta name="viewport" content="width=1000" /> где в качестве ширины указать желаемую ширину блока отображения. …
0 votes8 answers -
Вертикальный отступ перед div в FireFox отображается неправильно (
<div style="width:840;background:white;margin-bottom:45px;margin-top:0px" id="ht5"> Если выставляется margin-top:0px, то в IE отображается нормально, а FireFox содержимое div наползает на находящееся сверху. Если выставить отступ в margin-top:150px, то в FF отображение нормальное а в IE - между предыдущим содержимым большой отступ. Как это можно разрешить?
0 votes6 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 -
Валидатор ругается на P
Вот есть такой кусочек из области контента: <p>Плавно-мобильное голосовое поле, согласно традиционным представлениям, потенциально. Кластерное вибрато иллюстрирует полиряд, не говоря уже о том, что рок-н-ролл мертв. Рефрен неустойчив. Канал, так или иначе, неизменяем. Действительно, звукоряд сложен.<img src="images/3.jpg" alt="" style="float: left; margin: 10px 10px 10px 10px;"><div style="clear: both;"></div></p> При валидации, валидатор пишет следующее: Когда я убираю тег </p>, т.е. закрывающий тег, то пишет следующее: Что такое? Что ему не нравится в закрывающем теге p?
0 votes5 answers -
<table> VS <div>
Все говорят, что верстать таблицами не модно, т.к. они предназначены для табличных данных, а вот дивами - можно и нужно. Но вот в чем таки дело никто толком не может сказать. Попробуем разобраться. Преимущества таблицы: - Таблица верстать сложное просто (возьмем, например, футер прижатый к низу или резиновый дизайн или одинаковою высоту ячеек) - Таблица верстать удобней, т.к. они более одинаково отображаются в разных браузерах - Немного меньше букв будет использоваться при верстке Недостатки таблицы -Не модно. Так сказали: не модно. Три огромных плюса и один маленький минус. Но назовите мне еще минусы. Пользователь? Да ему все равно, лишь отображалось нормально. Поисков…
0 votes44 answers -
Isocpeur или чертежный шрифт
Есть ли аналог в ксс этому шрифту, или только картинками можно вставлять или флешем ?
0 votes2 answers -
Переключение между стилями CSS одной кнопкой
Камрады, встала вот такая задачка передо мной, прошу совета или ссылки на примерное решение: На странице сайта ТЗ предусматривается некая кнопка, по нажатию на которую должна смениться таблица стилей без перезагрузки страницы (это НЕ многократно здесь обсужденная ранее "версия для печати" - в моем случае меняется все форматирование страницы). Соответственно есть две таблицы стилей - style1 и style2. Проблема в том, что одна и та же кнопка должна при каждом следующем нажатии переключать эти две таблицы туда-сюда. Я погуглил на эту тему - есть куча решений для случая с выбором стиля из списка (да я и сам так могу сделать), есть решения для включения/выключения CSS вообще, а…
0 votes2 answers -
как сделать две таблицы одинаковой высоты
Есть таблца в которой располагаются еще две таблицы. Обе заполнены текстом, но так как количество текста не одинаково, таблицы имеют разный размер по вертикали. Высота правой таблицы равна высоте большой таблицы, а высота левой нет. ————————- | ——- ——-- | | |текст| |текст| | | |текст| |текст| | | |текст| |текст| | | |текст| ——- | | |текст| | | ——- | ————————- Как сделать по средствам HTML или на худой конец CSS, чтобы нижняя граница обоих таблиц упиралась в нижнюю границу большой таблицы? Вот так: ————————- | ——- ——-- | | |текст| |текст| | | |текст| |текст| | | |текст| |т…
0 votes5 answers -
CSS/JS код для Создания нового окна/слоя
Ниже небольшой кодик Очень понравилась реализация просмотра изображений нас сайте Вконтакте Решил выдернуть код от туда, получился не совсем как я ожидал. Очень длинный код Может кто знает как реализовать эту функцию в "несколько строк" <style type="text/css" /> body { background: #fff; text-align: left; margin: 0px; padding: 0px; font-family: tahoma, verdana, arial, sans-serif; font-size: 11px; } p { font-family: tahoma, verdana, arial, sans-serif; font-size: 11px; text-align: left; padding:0px; margin:15px 0px; } a { color: #2B587A; text-decoration: none; } img { border: 0px; } .captchaImg{ width:130px; height:50px; background:url(/im…
0 votes16 answers -
Разметка страницы для печати на принтере
Здравствуйте. Вопрос о полях принтера. Образец того что хочу достигруть разметкой html Взял пример кода из ваших примеров, как его сдвинуть поля, по примеру предосмотра в ексель? <!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=utf-8"> <title>padding</title> <style type="text/css"> .layer { background: #fc3; /* Цвет фона */ border: 2px solid black; /* Параметры рамки */ padding: 20px; /* Поля вокруг текста */ } </style> </head> <body> <div class="layer"> Lorem ip…
0 votes6 answers -
Вывод содержимого файла в div
Прошу сильно не пинать, искал но ответа не нашёл, может быть не верно формулировал... Для наглядности возьмём пример кода с вашего сайта <body> <div class="block1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div> <div class="block2">Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div> </body> Как вынести содержимое div-ов в отдельные файлы средствами HTML В описании слоёв(на Вашем сайте) есть упоминание о том что это возможно... Спаси…
0 votes7 answers -
Как сверстать такое меню?
Необходимо сверстать следующее меню: Меню динамическое для cms, т.е. статично его не сверстать. На картинке просто пример. Необходимо, если следующий пункт меню уже не влезает в заданную ширину, то он должен переехать на следующую строку ( как на картинке). Притом все пункты на одной строке должны быть выровнены по центру. Как такое реализовать? Я каждый пункт меню положил в div и приписал float: left. Они переносятся как надо, но не знаю как выровнять строку с пунктами по центру.
0 votes40 answers -
Прошу помощи. Я - чайник!
Господа! Прошу помощи, я полный чайник. Создаю свой сайт на UCOZ.RU всего несколько дней. Поэтому вопрос, наверное глупый, но как решить не знаю. Объясните, плиз, как блондинке (натуральной) Адрес сайта: http://murmanskclub.ucoz.ru/ В браузере Mozilla Firefox все надписи и кнопки информеров отображаются корректно, а если открывать в Internet explorer, то вместо некоторых информеров абра-кадабра (анекдоты) или съезжают(радио) или невидны (погода, новости). Как решить проблему? Чтобы во всех браузерах страничка была корректна... и Как избежать проблемы впредь, подстраховаться? Может где метки ставить? Или еще как-то перекодировать информеры? Заранее спасибо за помощ…
0 votes26 answers -
HTML и PHP. Передача данных
Есть несколько страниц с расширением HTML, в каждой из них содержится текстовое поле с цифровым значением value. Т.е. в одной странице , в другой и т.д.. Также есть файл с расширением PHP, который выводит данные из БД согласно запрошенного значения. Вопрос в следующем: При переходе на запрашиваемую HTML страницу, необходимо именно вызываемую HTML страницу заставить обратиться к файлу PHP. А точнее передать из HTML в PHP значение value и полученный от файла PHP результат вывести в вызываемой HTML странице. Пробовал реализовать при помощи SSI, внедряя файл PHP в HTML, но этот метод не подходит, так как значения value на страницах разные. Может кто подскажет как это реали…
0 votes10 answers -
Ширина сайта при разрешении экрана 1024х768
Здравствуйте! Какая ширина сайта должна быть при разрешении экрана 1024х768? Может быть, есть таблица, в которой можно посмотреть оптимальную ширину сайта при разных разрешениях экрана?
0 votes7 answers -
Очистка поля input
Когда кликаешь в поле то Поиск там не исчезает, как это побороть? Чтобы при клике в поле, предварительная подпись исчезала? <input type="text" name="search5" value="Поиск"><input type="hidden" name="in" value="search5">
0 votes11 answers -
необьяснимый z-index
Здравствуйте. Разъясните пожалуйста свойства z-index. Как то не логично он себя ведет в комплекте с :before и :after http://codepen.io/mikhail09/pen/WrYvdb Почему желтые квадраты сверху вопреки z-index? если убрать з-индекс у дива и прописать в after z-indez: -1; все отображается как надо? http://codepen.io/mikhail09/pen/KVrpez
0 votes20 answers -
height в IE
Подскажите пожалуйста! Есть блок, контента в нем мало, но надо чтобы он растягивался на определенное расстояние вниз, в FF и Opera работает min-height, IE это естественно не понимает. Я еще совсем новичек, не могу никак справится с этим вопросом.
0 votes20 answers -
Запрет входа через IE
Возникла такая ситуация, что необходимо запретить вход на сайт через браузеры IE (сайт работает на DataLife Engine) c выводом сообщения о запрете. Как это реализовать?
0 votes8 answers -
Как текст выше поднять а картинку оставить?
Добрый день, подскажите как поднять текст выше, а картинку оставить? <p><a href="http://ya.ru" class="proba1"><img src="/icons/16round/133.gif" alt="альтернативный текст"> Семинар Meritor</a></p> http://itmages.ru/image/view/801815/7473635a Заранее спасибо
0 votes2 answers -
float и распорка на псевдоэлементе.
Существует классический уже метод сбрасывания обтекания, дабы избежать схлопывание по высоте родителя. Речь о: .clearfix:after{ content:''; display:table; clear:both;}Нуу, это в случае без оглядки на IE7. Собственно, два вопроса к знатокам: Почему display:table; ? Логичнее привычное display:block; - так же работает. И глазу милее и не увеличивает Мировую Энтропию. Или я что-то не знаю и display:table; тут не просто так? Почему часто в коде вижу двойное "сбрасывание обтекания" ДО и ПОСЛЕ .clearfix:before, .clearfix:after {...}. Опять я что-то не знаю, или это обычная паранойя (лучше перебздеть, чем недобздеть)? И если была бы возможность использовать и ВМЕСТО, …
0 votes5 answers -
-webkit-gradient и -webkit-linear-gradient
Один из самых популярных генераторов CSS-градиентов генерирует, кроме прочего, такую пару свойств: background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aaaaaa 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */ С учетом того, что он генерирует также немало лишнего (напр. -ms-вариант, который уже не понадобится), возник вопрос: нужны ли оба этих свойства? Не достаточно ли одного первого (впридачу к беспрефиксному варианту, по новому стандарту с to)? Существуют ли webkit-браузеры, понимающие вторую нотацию, но не понимающие первую, и значимы ли они хоть скольк…
0 votes23 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-