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 только с одной стороны
Добрый день! Подскажите, можно ли закрепить блок DIV так, чтобы левая сторона оставалась неподвижна, а правая растягивалась вслед за изменением размера окна браузера???? Спасибо.
0 votes6 answers -
Маркеры списка
Почему-то не исчезает квадратный маркер и их получается : и квадрат и ? Почему?? .customtype-recent-posts li { list-style-type: none; } .customtype-recent-posts li:before { content: "?"; }
0 votes9 answers -
Background-image
Дано: ссылка, стилизованная под кнопку, может иметь разную высоту Задача: для каждого из четырех состояний(link, hover, active, disable) нужно наложить фоновую картинку. Решение в лоб: для каждого состояния прописать background с repeat-x и прочими необходимыми параметрами, но есть минус - 4 http-запроса для каждой картинки. И еще проблема в том, что в качестве фона используется не линейный градиент, два градиента с пересечением по середине. Ну и соответственно это пересечение и должно быть по середине кнопки. Возможно ли решить проблему с помощью этого спрайта?
0 votes6 answers -
Скорость отображения
Передо мной стоит задача сверстать страницу так, чтобы скорость отображения её была максимальна. Я использую Yslow для анализа страницы. Но существует ли другой инструмент? Можно ли проверить будет ли быстрее работать, например, float или position:absolute? Одно и то же можно сверстать разными способами, даже при одинаковом количестве элементов DOM. Как-то можно узнать, что отображается быстрее?
0 votes9 answers -
Непонятный отступ с margin-top?
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/index.css" rel="stylesheet" type="text/css"> <meta name="keywords" content=""> <meta name="description" content=""> <title>Лесничество"Русский Лес"</title> </head> <body> <div id="header"> <div id="vc"> </div> </div> <div id="podl_content"> <div id="content"> <div class="ukaz"> <h2>Информация о филиале</h2> </div> <div id="footer"> </div> </div> </div> <br /&…
0 votes1 answer -
Верхнее меню
Как сделать такое же по функциональности меню, как в Mozilla? https://www.mozilla.org/ru/about/?utm_source=about-home&utm_medium=Referral
0 votes6 answers -
header google
Зайдите на главную странницу гугл в окне поиска введите "пицца" нажмите поиск. На появившейся странице интересует header, он состоит из 3х дивов, левый див с лого , див по центру и input и правый див котрому задан float:right. Че мне непонятно??? А именно то что когда окно бразуре уменьшаешь, то правый див когда доходит до дива по цкентру, последний начинает уменьшаться в ширину... КАк это реализовано??? http://jsfiddle.net/Z9nv8/ вот здесь я показал что ожидаемо когда правый блок доходит до центрального, а именно что центральный падает вниз.И это логично, так как ему не хватает ширины, а как чтобы он оставался на месте и уменьшался в ширину????Помогите понять а…
0 votes14 answers -
Сделать на чистом css
Доброго вечера! Возможно мой вопрос покажется Вам тупым, но не подскажет кто-то можно ли это сделать чистым css http://clip2net.com/s/3gPXWAH, без вставки background-a?))) Заранее благодарю)
0 votes12 answers -
Скругленный снизу хедер, с border-radius не справиться
Доброго вечера. Помогите решить небольшую проблему (для меня оказалась) Есть хедер, под ним слайдер и дальше контент, у контента фон серый (грубо говоря) у хедера со слайдером белый... Короче скрин прилагаю, не могу решить проблему со скруглением между слайдером и контентом. Подскажите пожалуйста. http://www.dropbox.com/s/n9lxwmnfuus7z8o/scr.png?dl=0
0 votes5 answers -
Как сделать, что бы социальные сети были под картинкой?
Как сделать социальные сети под картинкой? Больше на картинке будет понятней! И, чтоб они были на правой стороне как на картинке? код вот!
0 votes5 answers -
Затенение длинной строки
Как сделать затенение длинной строки по середине. Чтобы начало строки и конец были видны, а середина вроде как затуманенная. Нужно именно средину убрать.
0 votes5 answers -
Относительные или абсолютные ссылки использовать?
Добрый день. Как влияют относительные или абсолютные ссылки на работу с поисковиками и есть ли разница в нагрузке на вес страницы или скорость загрузки?
0 votes7 answers -
Перенос части текста из первого конейтнер во второй
Как перенести, часть текста во второй контейнер, если в первом закончилось места, а то текст выходит за границы контейнера? Вот пример: Код <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5</title> <style> .page {width:100px; height:100px; background-color:yellow;} .page2 {margin-top:-100px;margin-left:100px;width:100px; height:100px; background-color:red;} </style> </head> <body> <div class="page">Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир!</div> <div class="page2"></div> </body> </htm…
0 votes3 answers -
Картинка сверху окна
Кто подскажет, а как сделать маленькую картинку, которая появляется сверху окна, слева от названия страницы?
0 votes1 answer -
Выравнивание ячеек таблицы
Есть таблица шириной 100%, которая состоит из 4-х столбцов. первый столбаец - ширина 20% второй столбец - ширина 30% третий столбец - ширина 20% четвертый столбец - ширина 30% В первом и третьем столбцах находится текст, во втором и четвертом столбцах находятся инпуты (<input type="text">). У инпутов ширина 100%. Проблема: В браузере Интернет Испортил, если в инпуте много текста колонка расширяется больше положенных 30%. Вопрос: Как бы так сделать, чтобы в ИЕ ничего не ломалось? Пробовал ставить у <input> overflow: hidden; - толку никакого.
0 votes5 answers -
Извещение об изменении кода страницы (HTML)
Добрый день! Вопрос: Возможно ли реализовать механизм извещения об изменении html кода страницы через SMS?
0 votes1 answer -
тег img не работает в ФФ
я чё то не пойму, как так... в ффоксе не отображается <img> в хроме и ie работает... <a href="http://vkontakte.ru/app2340458" target="_blank"><img width="397" height="108" src="baner_oxota.png" /></a> проще кода нет в чём проблема я не пойму ? (этот код засунул сюда, что бы картинка грузилась) http://vk.sad.skywars.ru/img.html
0 votes5 answers -
Расстояние между рисунком и div-ом только на строгом Doctype.
Здравствуйте. Есть полностью валидный html-код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Между рисунком и div-ом есть расстояние</title> <style type="text/css"> html,body { margin:0px; padding:0px; min-width:930px; width:100%; height:100%; } </style> </head> <body> <div style="width:183px;"> <img src="1.gif" style="width:183px;height:20px;" alt=""/> <div style="background-color:red;widt…
0 votes4 answers -
Не знаю как разместить надпись по центру
Как можно сделать надпись по центру по вертикали: Верстала следующим образом: <td><div class='navigation'><a href='#' class'navigation'>Розма</a></div></td> Фон задан для ссылки,поэтому,если пытаюсь делать отступы,то двигается всё. Что делать?Помогите,пожалуйста.
0 votes5 answers -
Css до определённого символа
Доброго времени суток, такой вопрос, можно ли сделать так чтобы в одном теге присваивались два стиля. Например есть строчка "8 марта @ Международный Женский День в н/к "Сахар", можно ли сделать так чтобы до символа @ был один стиль а после другой? Чтобы @ был чем-то вроде разделителя?
0 votes5 answers -
Что нужно учить, чтобы верстать макеты?
Добрый день, мне всего 16 лет и будущее свое решил связать с веб-программированием. Уже сейчас хочу научиться верстке. А теперь вопросы: 1) Что нужно учить, где и в каком порядке? (Единственное, что знаю - это html 4) 2) Что конкретно из себя представляется верстка?
0 votes4 answers -
li в строку
В общем сайт http://design-wow.at.ua Пытаюсь сделать меню в одну строку, да и впринцыпе сделал, но IE решил что так не пойдет и отображает как список. Как можно исправить?Пробывал и display:inline; , display:inline-block; и float:left; для li, IE всеравно отображает как список..
0 votes2 answers -
в ie 7,8 не отображаются шрифты
в ie 7,8 не отображаются шрифты добавленые через @font-face @font-face { font-family: 'Conv_PFDinTextCompPro-Italic'; src: url('../fonts/PFDinTextCompPro-Italic.eot'); src: local('?'), url('../fonts/PFDinTextCompPro-Italic.woff') format('woff'), url('../fonts/PFDinTextCompPro-Italic.svg') format('svg'), url('../fonts/PFDinTextCompPro-Italic.ttf') format('truetype'); font-weight: normal; font-style: normal; } Подскажите пожалуйста в чём может быть проблема.
0 votes3 answers -
Вроде простая вещь, но
не делается как я хочу. Нужно чтобы блок фиксированной ширины располагался по центру и занимал всю высоту окна браузера. А внутри блока четыре квадрата, содержащие контент. Причем чтобы вертикальные размеры этих внутренних квадратов не зависели от контента. Глянул форум и допилил один случай, почти то что надо, только почему-то не выравнивается по центру: http://jsfiddle.net/VRus/LZdgF/
0 votes15 answers -
Как соединить хэдер воедино
Вот есть такая структура, хэдер правда 1024px в самой верстки но это не важно. Но у хэдера есть еще слева кусок и справа кусок, но нужно сделать так чтобы хэдер который слитый воедино центрировался как хэдер с шириной 1024px и margin: 0 auto, а части который справа и слева должны стыковаться с хэдером и им толкаться.
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-