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
-
Нумерованные списки, картинки и текст
Можно ли нумерованный список сверстать так, чтобы цифры от списка были всегда спозиционированы к верху внутренностей элемента списка. К примеру: <ol> <li> <img src="http://www.google.com/intl/en_ALL/images/logo.gif" width="276" height="100" style="display: block;"/> </li> <li> <img src="http://www.google.com/logos/spring09.gif" width="276" height="135" style="display: block;"/> </li> </ol> А все благодаря, вставленному display: block в стиль к картинкам. Но, если добавить текст после картинки. К примеру: <ol> <li> <img src="http://www.google.com/intl/en_ALL/images/logo.gif" width="276" height="100…
0 votes3 answers -
Вставка изображения в тело письма - проблема
Уважаемые форумчане! Я "прогуглил" уже этот вопрос, но рецепты не срабатывают! Хочу вставить в тела письма изображение, советуют вставить в письмо [img ]адрес картинки. В результате, в полученном письме не фотка отображается, а [img ]адрес картинки в виде ссылки. Опции "вставить картинку" в почте нет, "написать письмо в виде HTML" тоже нет. Помогите, кто может!
0 votes2 answers -
Скрипт выбора кнопки на примере Liveinternet
Доброго времени и с прошедшим праздником Суть всей проблемы такова, нужен скрипт выбора кнопок как допустим у Liveinternet ил mail.ru Поэтапно: Юзер видит 4 кнопки разных размеров, выбирает нужную через радио кнопку и нажав далее переходит на страницу выбора цвета, выбрав цвет его перебрасывает на страницу с готовым кодом. Помогите господа решить сие вопрос или задачку. Знаний в программировании, особо нет (да для вас можно считать что их и нет вовсе ) Надеюсь с вашей помощью решить этот вопрос. В гугле облазил, но не нашел ничего стоящего. Заранее спасибо.
0 votes5 answers -
Прошу помочь. Почему в strict режиме IE опять "не такой как все" :-) ?
Приветствую всех! Вот простой пример документа с таблицей о трех <tr>. Верхний <tr> - шапка, нижний - подвал, а средний занимает всю доступную высоту. И всё бы ничего, но при попытке вставить в средний <tr> чего-нибудь со 100%-й высотой IE треплет нервы. Документ проходит валидацию на w3c, но при этом отображается в IE и неIE сильно по-разному. Без указания doctype всё, естественно, ок. Подскажите, пожалуйста, в чем проблема. А то снова плюну на стандарты и буду делать по старинке. Спасибо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Language" c…
0 votes5 answers -
Правильная верстка?
Заранее извиняюсь: название темы не полностью раскрывает суть вопроса. Так как у меня нет 30 сообщений и я не могу писать в раздел "Обсуждение работ" решил выложить ссылку здесь. http://www.z159113.infobox.ru Сайт-визитка с гостевой книгой(можно и даже нужно туда писать). Хочется услышать здоровую критику. Особенно интересует мнение по цветовому решению, расположению элементов и кроссбраузерной работе сайта. Есть одна проблема со скриптами под Осликом. Заранее спасибо =)
0 votes4 answers -
Локальные ссылки
При создании сайта на локальном компьютере прописываются ссылки относительно папки, т. е. без слеша ( / ), но когда помещаешь сайт на сервер, без слеша ничего не будет работать. Нужно проставлять относительные или другие ссылки. Вопрос: подскажите новичку, как технически правильно изменять ссылки перед помещением на сервер? Вручную или есть другие способы? Всем заранее спасибо за помощь.
0 votes7 answers -
Как поднять шапку сайта
есть промежуток сверху до хедера как убрать этот промежуток, что бы сразу начинался хедер? div.art-header-jpeg { margin: 1 auto; z-index: 0; top: 0; left: 0; width: 899px; height: 322px; background-image: url('../images/header.jpg'); background-repeat: no-repeat; background-position: center center; Прошу помощи
0 votes5 answers -
auto для height и width
Как обсчитывается?
0 votes11 answers -
избирательность first-child
объясните пожалуйста почему на страничке псевдокласс :first-child не действует на article ?
0 votes15 answers -
Оптимизация скорости загрузки фоновых изображений
Всем доброго дня. Есть такая проблема. Есть простенькая страничка на сайте, на которой отображается инфо о некой команде. Фото участника и краткое инфо. Сделано все табличками и фото участника является фоном таблички. И вот проблема в том, что фоновое изображение долго грузится, около 400ms (в итоге имеем 900ms +/-), хотя при этом оно достаточно маленького размера 50Кб +/-. И если в хроме загрузка картинки происходит более или менее плавно, то в ФФ торчит белый экран в месте картинки до тех пор, пока она не будет полностью загружена. Табличка описана так: При загрузке имеем такую картину: ******************************************************* Посоветуйте пожалуйста, к…
0 votes2 answers -
Веб-плееры на HTML5
Учусь верстать под html5/css3+js, недавно увидел на дежурка.ру кучу бусплатных psd-шников с дизайном аудио плееров, решил что будет отличной практикой, пока почти готов один(http://wiic.ru/work_players/), сейчас берусь за вот этот: Если есть желающие попрактиковаться и заодно пополнить своё портфолио - добро пожаловать, пишите, как бы вы реализовали тот или иной psd-плеер из представленных. От себя же могу предоставить возможность выкладывать их все на ту же страничку с вашей подписью и ссылкой на ваши контакты(с вашего позволения, естественно). PS: важна именно вёрстка, а не работоспособность, хотя это тоже является обязаностью front-end разраба, но все же, для новичков…
0 votes1 answer -
Проблема с border'ом в ::before/::after
Здравствуйте, В ближайшее время я наверное вас замучаю. Мой первый вопрос будет касаться размещения border в псевдоэлементах. Хочу заверстать вот это меню Здесь у кнопок двойная граница (серая и черная). Моей основной проблемой сейчас является разделение кнопок. Пытался сделать с помощью box-shadow, border etc, ничего не получилось. Т.к. разделение кнопок получается суммой двух border, что неправильно. Теперь решил раздвинуть кнопки между собой margin'ом и вставить туда с помощью псевдоэлемента border. Не могу понять почему он становиться ПОД кнопкой. Подскажите, пожалуйста. И вообще, моя стратегия решения верна или есть какая-то альтернатива? Код - http://js…
0 votes4 answers -
Позиционирование содержимого
Посмотрите пожалуйста, на данный скрин На данной странице, я закрепил - содержание - к экрану 2 вопроса: Если я оставлю ссылки слева, то последняя глава останется в блоке, и не будет залезать на общий текст,а если переношу на права, то как видите накладывается текст на текст Почему "Содержание!!!" осталось слева ? <nav class="content"> <h2>Содержание!!!</h2><br> <a href="..." class="href">ссылки</a> </nav> css .content{ background: #fff; position: sticky; top:0; padding-bottom: 20px; padd…
0 votes5 answers -
Таблица и "контентная" ширина колонок
Доброго. Есть следующая таблица (все пихнул в один блок да бы не разбивать на части) <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>grid_one_doc</title> <style type="text/css"> /*** x-grid ***/ .x-grid { border: 1px solid #DCEBF7; } /* defaults & same options */ .x-grid * { margin: 0px; padding: 0px; border: none; } .x-grid table { border-collapse: collapse; border: none; width: 100%; table-layout: fixed; } .x-…
0 votes2 answers -
index.html и index.php.
Если создать две страницы, одну index.html, а другую index.php, то какая из них откроется первой при наборе адреса сайта?
0 votes2 answers -
Раскрывающиеся списки
Народ, подскажите как организовать раскрывающиеся списки, например, так как это сделано на этом сайте в справочнике, справа где указываются параметры тега.
0 votes6 answers -
javascript
Может, кто-то сталкивался и знает. каким методом можно сохранить позицию скроллинга при переходе между страницами. сейчас используеться варинт: значение позиции ложиться в куки, потом выгребаеться - но вариант плох тем, что сайт перегружен. и переход до позиции скролинга занимет несколько секунд, в течении которых пользователь видит сайт с начала, и только потом происходит установка в заданую позицию скролинга.
0 votes7 answers -
Выравнивание дива по вертикали
Добрый день! Есть проблема: CSS: #container { position: absolute; width: 99%; height: 99%; min-width: 780px; min-height: 580px; } #cell { position: relative; top: 50%; width: 700px; height: 400px; margin: -200px auto; } HTML: <div id="container"> <div id="cell"> </div> </div> При отрисовке этого дела, слой с ID="CELL" как положено всегда посередине родителя. В браузерах FireFox и Opera при масштабировании окна, родитель уменьшается до минимального предела, после чего перестает это делать. Соот-но его центр всегда в разумных пределах, и дочерний слой, выровненный по этому центру отображается нормально. А вот в Chrome и IE8 при…
0 votes12 answers -
Как сделать, чтобы фон сайта (картинка бэкграунд) не обрезалась при разных расширениях экранов?
Вот здесь или вот здесь Обрезает на 1366X768, а на 1280Х1024 показывает полностью. Подскажите, как сделать, что бы, если картинка не умещалась в экран, то она не обрезалась, а либо появлялась прокрутка, либо она умещалась? А вот сама картинка И как правильнее сделать фоном картинку? У меня есть (другая) картинка: 3500 Х 2625 и мне нужно её фоном поставить. Подскажите пож-ста?
0 votes2 answers -
Метод верстки иконок
Добрый вечер. Пыталась найти ответ на свой вопрос через поиск, но ничего толком не нашла. Верстаю я всего пару месяцев, поэтому всегда обращаю внимание на верстку других сайтов, если вижу что-то интересное. Часто натыкалась на то, что иконки вставляют тегом " i ", точнее фоном к этому тегу. Правильно ли это или все зависит от конкретного случая? Потому что я обычно их вставляю фоном к родительскому элементу.
0 votes9 answers -
Сложные кнопки на css.
Как сверстать кнопки с такими декоратиными элементами сверху/снизу (см. скрин). Подозреваю, что через псевдоэлементы, но я знаю только как сделать это в виде треугольников. Есть ли возможность сделать это в виде кривой, как на скрине? https://www.dropbox.com/s/8x15uim5fzrcpo9/Screenshot 2016-09-19 22.52.44.png?dl=0
0 votes5 answers -
Тег <pre> вложенный в <code>. FF3.0
Ситуация состоит в следуещем: в мозиле текст обрамленный тегом <pre>, а тот в свою очередь тегом <code>, создает такое ощющени как-будто бы тег <pre> не вложен в тег <code>, а идет следом за ним. Тем самым браузер показывает что тег <code> пустой. В опере все нормально. Как разрешить такую ситуацию?
0 votes1 answer -
Отображение begun'а в Mozilla
Добрый день. Возникла такая проблема: не удается уменьшить ширину Бегуна в Мозилле. Нужно уменьшить до 200px, а он уменьшается максимум до 214, пробовал по всякому, и через стили, и через js, ничего не выходит. В других браузерах все ок. Вид бегуна http://autocontext.begun.ru/autocontext2.js Версия Mozilla: Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.1) Gecko/20090624 Firefox/3.5 (.NET CLR 3.5.30729) Спасибо.
0 votes0 answers -
как фон ячейки прилепить к ее низу? и чтобы фон не множился?
надо сделать чтобы фон в виде лого всегда болтался внизу страницы. это удобно сделать фоном, но он дублируется или липнет к верху ячейки.. буду очень признателен за совет!
0 votes3 answers -
Выпадающее Меню
На весь хедер распространяется свойство overflow: hidden (сдерживает бекгрунд), выпадающее меню находится в хедере... Беда в том, что всё что находится в меню не выходит за пределы хедера (т.е. пункты режуться)... Как можно с этим справиться? линк (наведите на услуги)
0 votes17 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-