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
-
Подскажите насчет FLOAT
Есть блочные элементы, при задании float для блока leftbar этот блок выезжает за пределы родительского блока maintext по высоте. Если float убрать то все становится нормально - высота родительского блока = контексту внутри. Нашел решение добавить блок-распорку со значением clear: both, но хотелось бы разобраться с этим явлением для своего образования. Можно ли это как нибудь исправить, заранее спасибо <html> <head> <style> #carrier { width: auto; background: gray; padding: 10px; margin: 0 10%; border: 1px solid green; } #maintext { width: auto; background: white; border: 1px solid red; } #leftbar { width: 200px…
0 votes5 answers -
"Пропажа" слоя в 6 эксплорере.
Господа, столкунулся с проблемой, которая меня совершенно в тупик поставила. Суть ее в том, что абсолютно спозиционированная форма прекрасно (и в нужном месте) отображается во всех браузерах кроме 6 Эксплорера. В нем ее просто как будто нет. На самом деле она, конечно есть и ее видно в коде, но она совершенно не взаимодействует со страницей. Т.Е. можно сделать высоту 20 000 px, ширину похожую, бэкграунд выкрасить в любой цвет,отступы любые сделать - это никак на страницу не повлияет. Стоит только сделать position: static как форма проявляется на своем месте и прекрасно отображается. Кроме того, такая же картина наблюдается если указать форме position: relative. Напомню,…
0 votes12 answers -
Помогите с версткой. Вопросы
Хочу сделать блок с информацией. В ИЕ6 выводится вроде нормально, а в опере, мФ все наперекосяк. Подскажите как избавиться с этой проблемой. Как видят отступы браузеры? Спсибо <style> *.br2 { font-size: 1px; height: 1px } .r_1 { background-color: #ddd; margin: 0 2px; height: 1px } .r_2 { background-color: #fff; margin: 0 1px; height: 1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd } .r_3 { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } </style> <div style="height:70px; width:700px;"> <div class="r_1"><img src="images/spacer.gif" width="1" height="1" alt="" /></div> <div class="r_2"&g…
0 votes4 answers -
Нужна помощь и разъяснение...
Кто сможет "на пальцах" объяснить в каком случае и где (практически....) надо применять селектор display...... Не сочтите за труд ..Заранее спасибо...
0 votes5 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 -
Измененный календарь
Что нужно: чтобы на странице отображался день недели, число, месяц и год, а также праздники. Проблемы: календарь нестандартный и потому количество, название и содержание месяцов изменено, также есть дни невходящие ни в какие месяца.
0 votes18 answers -
Критическая величина!
Незнаю правильно или не правильно я назвал тему но у меня вопрос достойный лягушатника! Каким образом сделать верстку дивами так чтоб при уменьшении окна браузера блоки не меняли своего положения (где то я читал что это называется критической точкой) В общем вот код <style type="text/css"> body,html { height:100%; background-color: blue; margin:0; padding:0; } a:link {color: #4f0100;text-decoration: none;} a:active {color: #4f0100;text-decoration: none} a:visited {color: #4f0100;text-decoration: none} a:hover {color: #4f0100;text-decoration: underline} #shapka { background-color: red; margin:auto; width: 100%; height: 148; } #s1 { float: left; position:…
0 votes2 answers -
Помогите с бланком!!!
Необходимо сделать бланк на сайт, типа нажимаешь ссылку заказать что то, и открывается бланк заказа с необходимыми полями, заполняешь, нажимаеш отправить и все. Подскажите шаблон такого бланка, где его можно взять?
0 votes8 answers -
Мозилла не понимает padding?
Доброго дня! Помогите! У меня Мозилла 2 не понимает padding-right:15 px; а также в ячейке таблицы автоматом не перносит слова если места не хватает В Опере и ИЕ все ОК Спасибо!
0 votes11 answers -
Есть дизайн и его пробная верстка, укажите ошибки
Всем доброго дня. Нарисовал дизайн сайта, почитал про блочную верстку...и решил верстать его. Уже не хватает терпения "шаманить" со всем этим, поэтому обращаюсь к профессионалам! Как правильно сверстать данный макет? Я сделал свой вариант, наполовину блочный наполовмну таблицы - но пока сделал весь измучился. Кто что скажет ? Вот здесь все лежит: http://demiart.ru/forum/index.php?showtopic=28893&st=15 Всем заранее спасибо за ответы! П.С. Не нашел ссылки как загружать файлы - поэтому привожу внешнюю ссылку Прошу переместить тему, если разместил тему не там
0 votes5 answers -
Как сделать текст прозрачным?
Очень прошу о помощи всех форумцев. Версткой занимаю очень недавно, но задания у меня уже довольно трудные... Режу скины для почтового сервера. html один, css для каждого скина свой. Так вот, возник вопрос. В некоторых скинах у меня должна присутствовать надпись INFO, а вместо нее должен быть jpg (то же INFO только написанное экзотическим шрифтом). Возник вопрос, каким образом при помощи CSS сделать надпись INFO невидимой???? надпись добавлена таким образом: INFO
0 votes11 answers -
Контет скатывается в ие
Вот сверстал макет. Все бы не чего, но как всегда ие хочет что нить добавить свое . Вот это чудо.
0 votes12 answers -
Doctype
Доброго времени суток! Кому не сложно обьясните пожалуйста как составляется Доктайп. Понимаю что вопрос тупой но у меня не было об этом написано в мануале по HTML, а щас интересно.
0 votes4 answers -
Трехколонный макет ? колонки во всю длину экрана
Не знаю, обсуждался ли данный прием на этом сайте, однако мне ничего по этому поводу найти не удалось. Необхожимо сделать трехколонный шаблон для сайта, но при этом левая и правая колонки должны иметь длину* средней колонки, то есть доходить до самого низа страницы. Возможно ли это сделать средствами CSS (я думаю, что наверняка), может кто-то уже сталкивался с этим? Замечу, что в большинстве случаев рассматривается "резиновый" вариант исполнения длины колонок, в зависимости от количества контента. Заранее спасибо.
0 votes12 answers -
Как организовать упорядочивание содержимого таблиц?
Я имею ввиду, как сделать так, чтобы порядок записей в таблице менялся, упорядочиваясь по одному из параметров по имени, дате и другим возможным данным таблицы так, чтобы не было необходимости создавать новую страницу для каждого вида упорядочивания данных?
0 votes2 answers -
Вопросы ламера :)
У меня, возможно, ламерские вопросы... Но не забываем, что это тема для начинающих... 1. Как убрать полоса покрутки в textarea? Пробовал sroll, style и др. фиг! 2. Как запретить сохранение страницы как на том сайте htmlbook.ru? Копал в Яве и не мог сделать. (
0 votes10 answers -
Проблема с сервером!
У меня когда я набираю http://localhost, открывает и пишет: It works! как исправить?
0 votes6 answers -
Помогите с переадресацией
Существует сайт, использующий фреймы. Вс? хорошо, так вот проблема - индексируются фреймы, и человек поподает на фрейм с поисковика. Дизарентируется посетитель и уходит,хотя в каждом фрейме есть ссылка на главную страницу... Вопрос. Как сделать редирект на главную, если человек пр?т по ссылке с поисковика на фрейм? Нада чтоб редеректировал в этом случае, а как? Спасибо за помощь
0 votes9 answers -
Оптимизация
Доброго дня суток Что входит в оптимизацию html документа, ну кроме уменьшения обьема кода? Как на это влияет размер css файла, и насколько удлиняется загрузка документа от запутанности страницы? Буду очень благодарен.
0 votes23 answers -
Текст в формах - как исбежать повторного ввода
Есть вопрос. Может подскажите, где почитать или кто знает простой способ решения данной задачи ? Задача: после отправки данных формы на сервер, при возвращении в форму (например, в случае ошибки в заполнении) необходимо, что бы текст, введ?нный ранее, оставался в форме? Как это сделать?
0 votes5 answers -
Вопрос по техническому алгоритму создания сайта
Привет Я начинающий ("чайник") Подскажите алгоритм создания сайта с нуля и до финала. Я напишу, поправьте, если я неправ 1. В Фотошопе сначала создается дизайн сайта (например шапка, цвет общего фона, отдельные графические элементы и т.п.) (?) - а как создавать блоки с меню, их сразу в фотошопе рисовать? Потом файл сохраняется в формате (?) - я думаю, что jpeg 2. А что делать потом (?). Как вставлять текст в графический файл? Когда начинается верстка? 3. После дизайна нужно "резать" сайт, а я не понял, что это такое и в какой программе выполняется и для чего? 4. После верстки прикрепляем сайт к CMS (здесь вообще темный лес...) Буду благодарен, если поясните мне, спасибо.
0 votes31 answers -
Выпадающее меню. Проблема с onmouseout
Есть меню, расположение блоков примерно такое: Мне нужно чтобы при наведении вываливался подпункт, а потом после отведения мыши от меню вываливался раздел меню на котором я сейчас нахожусь(на рисунке). Но загвоздка в чем: Когда я к самому главному слою присваиваю функцию "скрытия всех слоев, кроме активного" меню плохо работает. Невозможно выбрать пункт. Постоянное мелькание подменюшек(раскрываются и при уведении с 1 уровня -- скрываются). Помогите. Я знаю, что onmouseout врубается, когда я увожу мышку с пункта 1 уровня, но не увожу ведь с главного слоя.!!! Почему срабатывает onmouseout?
0 votes4 answers -
XHTML vc IE7
Приветствую. Всех с наступившим НГ 8) и последующими праздниками )) Собственно тут такой прикол нашли. Разрабатываем web-приложение, где естественно куча верстки и много динамики. Так вот... IE7 своим нереально медленным рендерингом динамики просто поражает. Сидели думали в чем проблема... Как оказалось после отключения доктайпа: <!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"> и переводя его в QuirksMode производительность браузера поднялась раз в 10ть. Только без доктайпа не хочется писать продукт. Может кто-то встречался с подобной проблемой…
0 votes12 answers -
форма с работающими тегами
нужна форма типа textarea , но только чтоб в ней работали html теги. Валидно работала во всех браузерах.
0 votes12 answers -
(Html) Кеширование и обновление
Приветствую. Делаю сайт на SSI, и при очередной закачке нового блока-страницы (например колонка новости) - приходится каждую страницу обновлять вручную. Как намекнуть браузеру, что пора обновить всю инфу с этого URL? И вообще какие есть способы решения этого вопроса? Заранее спасибо за информацию.
0 votes11 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-