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
-
Задание цвета полосы прокрутки в Mazille Firefox
Прошу прощения... хочу узнать, можно ли в Mazille Firefox задать цвет полосы прокрутки, в IE это сделать можно, а в FF у меня не получается... если кто знает каким образом можно это сделать, буду признателен, спасибо.
0 votes21 answers -
Создание тени по типу ?луковой шелухи?
У вас на сайте есть хорошая статья, с одноим?нным названием http://htmlbook.ru/content/?id=104. Вс? отлично работает и хорошо смотрится. Подобное встречал на http://www.dynamicdrive.com/style/csslibrary/category/C5/. Но если картинки разного размера, как быть?
0 votes0 answers -
Определить стиль списка через идентификатор
Столкнулся с такой реализацией САБЖА в коде одной из тем ВордПреса: #nav ul {display: inline; font-size: 0.7em; line-height: 1.75em } этот код не работает и размер шрифта для списка берется из базового стиля для списка а вот если переработать код так, то все ок: ul#nav {display: inline; font-size: 0.7em; line-height: 1.75em } Вопрос: первый вариант кода вообще допустим или нет? Или для него есть какие-то особенности, раз авторы темы таки использовали его?
0 votes2 answers -
Фон перекрывает картинку в ИЕ. Почему-то...
Привет всем! Помогите пожалуйста, не пойму в ч?м дело. Есть примерно такая конструция: Стили: div.fon {background: url(/pic/fon8.jpg) no-repeat;} #text { position: relative; top: 1px; padding: 0px 30px; vertical-align: top; } #mid { background-image: url('pic/mid.gif'); background-repeat: repeat-y; background-position:top; height: auto; width: 760px; text-align: justify; position: relative; } Код: <div id="mid"><div id="text"><div class="fon"> <p class="..."> текст</p> <img src="pic/kart2.jpg" align="right"> <p class="..."> тескт</p> </div></div></div> Должно быть так: есть фоновое изображение…
0 votes12 answers -
Вертикальное 100% у таблицы в XHTML
Народ всем привет, думаю что многие сталкивались с такой проблемой, я кстати тоже давно и вот столкнувшись с ней вновь опять впал в стопор. Скрины: IE OPERA Суть проблемы следующая, мне нужно написать код на XHTML версии STRICT то есть када код и стили полностью отделены друг от друга. Нужно получить результат как на втором скрине(это ОПЕРА). Первый скрин это ИЕ(в нем некорректно работает) CSS: html, body {height: 100%; padding: 0px; margin: 0px;} .main_table {height: 100%;} .top {height: 200px;} .content {} .bottom {height: 50px;} HTML: : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html x…
0 votes4 answers -
Работа с цветом
Подскажите, как добиться, чтоб в одном объекте цвет постепенно переходил от синего к белому?
0 votes6 answers -
Полоса прокрутки слева
Сделал пример для раздела Рецепты, где для слоя полоса прокрутки отображается слева, а не справа, как обычно. Но вот беда, Опера не хочет делать то, что мне требуется. IE и Firefox работают на ура. Почитал, в чем же дело, Опера прекрасно понимает и direction и dir и unicode-bindi, все понимает, а делать не хочет. Вот код, похоже предложений по "уговариванию" Оперы не будет. <!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"> div.leftscroll { …
0 votes1 answer -
Как так сделать?
Как сделать чтобы ссылка на файл была например не http://locahost/files/files.html, а просто http://locahost/files/?
0 votes11 answers -
(Html) Кеширование и обновление
Приветствую. Делаю сайт на SSI, и при очередной закачке нового блока-страницы (например колонка новости) - приходится каждую страницу обновлять вручную. Как намекнуть браузеру, что пора обновить всю инфу с этого URL? И вообще какие есть способы решения этого вопроса? Заранее спасибо за информацию.
0 votes11 answers -
Колонка фиксированной ширины....в Mozilla Firefox и IE...
Блок в Mozilla Firefox 2 IE 6 В первом случае, ширина фиксирована, но текст выходит за пределы блока ,т.е. происходит расширение поля... Во втором случае ИЕ растягивает границы блока,согласно содержимого.... Вопрос???? как сделать колонку фиксированной ширины ,чтобы в Mozilla Firefox текст переносился на другую строку,а в IE не изменялся размер блока в зависимости от содержимого.. При этом было бы возможно использовать margin,padding,border для блока.... Заранее спасибо...
0 votes5 answers -
Вопросы ламера :)
У меня, возможно, ламерские вопросы... Но не забываем, что это тема для начинающих... 1. Как убрать полоса покрутки в textarea? Пробовал sroll, style и др. фиг! 2. Как запретить сохранение страницы как на том сайте htmlbook.ru? Копал в Яве и не мог сделать. (
0 votes10 answers -
Контет скатывается в ие
Вот сверстал макет. Все бы не чего, но как всегда ие хочет что нить добавить свое . Вот это чудо.
0 votes12 answers -
не корректное отображение png в ИЕ
Суть проблемы заключается в следующем: Для таблицы прописан следующий бекграунд,который должен тянуться на всю ширину таблицы. В CSS .png { //background-image: none ! important; behavior: url('pngfix.htc'); } В html <td valign="top" width="100%" class="png" style="background-image:url('picture/punkt.png');" > </td> punkt.png-это рисунок 10 на 10 пикселей- маленький кружочек.Эфект пунктирной линии. В фаерфоксе и опере отображается идеально.А в ИЕ тоже отображается только он не тянется (не повторяется),а это точка просто растягивается. Получается размазаная линия. Хотя когла вставляю png не на фон а как картинку то все отображается как надо во всех брауз…
0 votes23 answers -
Проблема с сервером!
У меня когда я набираю http://localhost, открывает и пишет: It works! как исправить?
0 votes6 answers -
Помогите с переадресацией
Существует сайт, использующий фреймы. Вс? хорошо, так вот проблема - индексируются фреймы, и человек поподает на фрейм с поисковика. Дизарентируется посетитель и уходит,хотя в каждом фрейме есть ссылка на главную страницу... Вопрос. Как сделать редирект на главную, если человек пр?т по ссылке с поисковика на фрейм? Нада чтоб редеректировал в этом случае, а как? Спасибо за помощь
0 votes9 answers -
Текст в формах - как исбежать повторного ввода
Есть вопрос. Может подскажите, где почитать или кто знает простой способ решения данной задачи ? Задача: после отправки данных формы на сервер, при возвращении в форму (например, в случае ошибки в заполнении) необходимо, что бы текст, введ?нный ранее, оставался в форме? Как это сделать?
0 votes5 answers -
Трехколонный макет ? колонки во всю длину экрана
Не знаю, обсуждался ли данный прием на этом сайте, однако мне ничего по этому поводу найти не удалось. Необхожимо сделать трехколонный шаблон для сайта, но при этом левая и правая колонки должны иметь длину* средней колонки, то есть доходить до самого низа страницы. Возможно ли это сделать средствами CSS (я думаю, что наверняка), может кто-то уже сталкивался с этим? Замечу, что в большинстве случаев рассматривается "резиновый" вариант исполнения длины колонок, в зависимости от количества контента. Заранее спасибо.
0 votes12 answers -
Как сделать текст прозрачным?
Очень прошу о помощи всех форумцев. Версткой занимаю очень недавно, но задания у меня уже довольно трудные... Режу скины для почтового сервера. html один, css для каждого скина свой. Так вот, возник вопрос. В некоторых скинах у меня должна присутствовать надпись INFO, а вместо нее должен быть jpg (то же INFO только написанное экзотическим шрифтом). Возник вопрос, каким образом при помощи CSS сделать надпись INFO невидимой???? надпись добавлена таким образом: INFO
0 votes11 answers -
Ростолкуйте CSS правило
min-Height работающий в FF, IE6, IE7, Opera .minHeight { min-height: 200px; height: auto !important; height: 200px; } Растолкуйте плиз, как браузеры читают правило и почему соответственно работает во всех.
0 votes6 answers -
Есть дизайн и его пробная верстка, укажите ошибки
Всем доброго дня. Нарисовал дизайн сайта, почитал про блочную верстку...и решил верстать его. Уже не хватает терпения "шаманить" со всем этим, поэтому обращаюсь к профессионалам! Как правильно сверстать данный макет? Я сделал свой вариант, наполовину блочный наполовмну таблицы - но пока сделал весь измучился. Кто что скажет ? Вот здесь все лежит: http://demiart.ru/forum/index.php?showtopic=28893&st=15 Всем заранее спасибо за ответы! П.С. Не нашел ссылки как загружать файлы - поэтому привожу внешнюю ссылку Прошу переместить тему, если разместил тему не там
0 votes5 answers -
Как организовать упорядочивание содержимого таблиц?
Я имею ввиду, как сделать так, чтобы порядок записей в таблице менялся, упорядочиваясь по одному из параметров по имени, дате и другим возможным данным таблицы так, чтобы не было необходимости создавать новую страницу для каждого вида упорядочивания данных?
0 votes2 answers -
Стили .
Всем привет ! Как с помощью стилей сделать чтобы надпись была под картинкой а-не справа и чтобы надпись невыходила за пределы картинки . есть код : #motioncontainer { margin:0 auto;/* Uncomment this line if you wish to center the gallery on page */ width: 600px; /* Set to gallery width, in px or percentage */ height: 150px; /* Set to gallery height */ } #motioncontainer a img { border: 1px solid #cccccc; /* Set image border color */ } #motioncontainer a:hover img { border: 1px solid navy; /* Set image border hover color */ } #statusdiv { background-color: lightyellow; border: 1px solid gray; padding: 2px; position: absolute; /* Stop Editing Gallery Styles */ left: …
0 votes5 answers -
Паспарту
Хочу сделать в фотографии паспарту, грубо говоря, пустое пространство вокруг картинки, заполненное определенным цветом. Есть два способа реализации - 1. фотография с паспарту располагается по левому или правому краю окна; 2. фотография выравнивается строго по центру. И в том и другом случае никакого обтекания текстом не требуется. Вариант 1 простой как пять копеек и приведен ниже. <!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"> .paspartu p { float: lef…
0 votes14 answers -
Doctype
Доброго времени суток! Кому не сложно обьясните пожалуйста как составляется Доктайп. Понимаю что вопрос тупой но у меня не было об этом написано в мануале по HTML, а щас интересно.
0 votes4 answers -
CSS border у TR
Народ, а че за фигня, не подскажите - не работает сие свойство у TR? Как то уже сталкивался с этим, но особой нужды разбираться не было, а сейчас вот неплохо было бы узнать в чем тут дело. Если ответом на вопрос будет остутствие поддержки этого свойства, то предложите возможные пути его эмуляции... Благодарю... (_*_)
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-