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
-
Откуда отступ в ИЕ?
Никак не могу догадаться, откуда берется нижний отступ в ИЕ( Ссылка на сайт Кто-нибудь знает, отчего?
0 votes5 answers -
Почему текст соскакивает вниз?
Текст соскакивает на строку ниже иконок: http://jsfiddle.net/7WMMy/3/ Почему?
0 votes15 answers -
сложная шапка сайта
столкнулся с интересной для себя шапкой сайта и не могу понять как правильно ее сделать.В psd макете треугольники так интересно расположены. http://rghost.ru/58108955 подкиньте пару идей.
0 votes9 answers -
css заимствование предка
Уважаемые знатоки вопрос в следующем: в css файле описанно body, td, div, p,a{font-family:Tahoma, Verdana, Arial, sans-serif; font-size:12px; color:#000000} h1 {font-size:24px; color:#000000; font-weight:normal} h2 {font-size:20px; color:#000000; font-weight:normal;} a h2 {font-size:20px; color:#000066; font-weight:normal; text-decoration:underline} a h2:hover {font-size:20px; color:#000066; font-weight:normal; text-decoration:none} первый вопрос: как это можно уменьшить (чтобы была мульти браузерность) второй вопрос: у меня есть блок-таблица с темным задним фоном как можно автоматом просто сменить цвет текста пример: <table> <tr> <td><h1>Заголов…
0 votes3 answers -
Рендеринг шрифта отличается на macOS и Windows
Здравствуйте. При выделении подключаемый шрифт на сайте рендерится по разному на macOS и Windows. Браузер Chrome последней версии. Вот так шрифт отображается на ОС Windows - идеально расположен по центру А вот так уже на macOS. Шрифт смещен с центра к верху. Сталкиваюсь не в первый раз с этой проблемой. В чем может быть проблема? Возможно кто-то сталкивался с подобным? В какую сторону копать в таком случае?
0 votes3 answers -
Проблема с высотой ячеек в таблице.
Доброго времени суток всем. Который день уже не могу решить две проблемы, связанные с высотой ячеек в таблице. Помогите, кто знает, пожалуйста. Проблема 1. Имеем примерно такую таблицу: |———————————————-| | | смчсмсмчсм | | ячейка1 | чсмчсмчмччсм | | | чямсчсмчсмчм | |——————— ячмсчсмсмчя | | | чсмчсмчсмчсм | | ячейка2 | чясмчсмчсм | | | чсмчсмчсмчс | | | чсмчсмчясмч | |——————— | чсмчсмчямс | | | чсмчсмчсм | | ячейка3 | счмчсмчсмч | | | чсмчмсчямс | | | чсмчсмчсм | |———————————————-| Во втором столбце большой объем текстовой информации, которая определяет высоту таблицы. В ячейках 1 и 2 первого столбца содержится по одному слову, третья пустая. Как сделать, чтобы IE не рас…
0 votes2 answers -
Что такое DHTML?
Пытаясь разобраться с этим вопросом, прочитал несколько статей на различных сайтах и встретил несколько различающихся ответов на свой вопрос. Основные ответы такие: 1. DHTML - отдельный язык. 2. DHTML - расширение для HTML и CSS. 3. DHTML ? способ создания веб-сайта, используя сочетание HTML, JavaScript, CSS и DOM.(из Википедии). Т.е. по определению из Википедии любая страница где сочетаются все эти вещи - уже является страницей где используется DHTML? Или все-же это отдельный язык со своими правилами написания и пр.? Где-же истина? Помогите разобраться пожалуйста. Что можно почитать на эту тему?
0 votes4 answers -
background-position
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> .tebody { width: 100%; height: 100%; background-image: url(/img/design/nights/back.jpg); /* Путь к фоновому рисунку */ background-position: center center; /* Положение фона */ } </style> <title></title> </head> <body> <div class="tebody"> </div> </body> </html> простая страничка что нужно: чтобы картинка бекграунда становилась в центр экрана и от центра начинала повторяться по обеим осях во всех направлениях firefox - работает ие7 - работает ие6- не работает, становится в верхний левый угол и пов…
0 votes6 answers -
Как укротить swf формат?
Это опять я. Как корректно вставить в html-документ кнопки в .swf формате? Я пробовал прописывать их как background ячейки, вставлять как изображение. Результат один - кнопка не видна. В чем секрет? С уважением, Алексей
0 votes5 answers -
Очень непростая задачка
Здравствуйте! Заранее извиняюсь, если ошибся с темой форума. Есть дизайн со сложным, композитным бэкграундом. Для описания задачи набросал дизайн: Немного описания: Серым цветом - бэк тянется по-горизонтали; Зеленым цветом - бэк тянется по-вертикали; Оранжевым цветом - просто заливка цветом; Фиолетовым цветом - статический бэкграунд. Как я это сделал: HTML: <body> <div id="wrap"> <div id="bg_top_main "> <div id="bg_bottom_tile"> <div id="bg_bottom_main"> ............... </div> </div> </div> </div> </body> CSS: html, body { …
0 votes3 answers -
Нестандартное выделение у картинки/блока
Привет! Вопрос спецам. Существует ли способ создания блока не прямоугольной, произвольной области с последующим навешиванием на него box-shadow при :hover? Конкретно нужно для того, чтобы при наведении на картинку произвольной формы, например, треугольника, появлялось свечение выстраивающееся по траектории треугольника. (но не обязательно треугольника, фигура может быть разная). Map area и подгрузку двух картинок (одну без свечения, другую с..) не предлагать.
0 votes4 answers -
Как сделать текст более заметным?
Здравствуйте! Есть задание разместить на сайте некоторый рекламный текст, который сразу бы бросался в глаза. Я думаю это сделать с помощью каких-либо эффектов, с помощью CSS3. Я нашла подобный пример, но он только для webkit: http://css-tricks.com/examples/SlideToUnlock/ Подскажите, пожалуйста, какими свойствами можно воспользоваться? Думаю, что поддержка старыми браузерами не обязательна.
0 votes6 answers -
photoshop. выделение слоя
подскажите пожалуйста как в photoshop cs6 выделить слой указателем? в cs2 я наводил указатель на интересующий слой и, удерживая ctrl, нажимал левую кнопку мыши. в результате слой выделялся и мне не приходилось искать его через панельки. проблема в том, что в cs6 такая комбинация клавиш не работает
0 votes3 answers -
Из input в массив
Есть поле для ввода чисел input. Нужно добавить значение, введенное в поле в массив, для дальнейшей работы с числами уже из массива. Помогите пожалуйста ^^ <input type = 'number' min = '0' max = '50' size = '50' >
0 votes1 answer -
Помогите советом с нестандартная резиновой версткой
Основной блок синий При растягивании страницы сначала появляется красный блок, потом после определенного момента начинается показ зеленого. Все 3 блока имеют изображения в качестве бекграунда. Подтолкните в нужную сторону как это реализовать.
0 votes9 answers -
IE7: <base target = "_blank"> запределами <head>
Задача: для части кода с гиперссылками обозначить целью новое окно. В IE6 это чудно работало через перед ссылками и после них. Но IE7, если я правильно понял, отрабатывает base target только внутри .Как решить проблему?
0 votes6 answers -
Посоветуйте CMS (использование noindex)
Кто-нибуть знает cms, в которой при помощи noindex можно обрамлять некоторые куски текста прямо в редакторе точно так же, как выделяем текст цветом или указываем шрифт, чтобы не нужно было это делать в html коде руками?
0 votes4 answers -
Закрепление элемента по одной оси
Использую свой-во position:relative, можно ли как-то по определенной оси оставить absolute, а по другой релэйтив?
0 votes8 answers -
Вложенный список
Подскажите как создать вложенный список с тремя уровнями с помощью ul и li? 1. Категория 1.1. Раздел 1.1.1 Подраздел 1.1.2 Подраздел 1.1.3 Подраздел 1.2. Раздел и т.д.
0 votes6 answers -
Проблемы с отображением
В общем верстаю на таблицах, есть шапка, три колонки, и подвал, проблема что когда захожу на страницу, у меня некоторая часть фона tr который я задал для трех колонок, не отображается, т.е. какой-то белый фон, когда обновляю страницу, все становится нормально, вот пример до обновления страницы http://i049.radikal.ru/1008/2e/8713755674fa.jpg после http://s002.radikal.ru/i200/1008/31/19c79fd79ad2.jpg все остальное нормльно, только этот фон. Фон задан в tr, в нем же три ячейки. body {background:#fff;font-family:Times New Roman, serif;font-size:15px;color:#000;} table {width:1300px;height:1300px;margin:0 auto 0 auto;} tr#shapkazone {height:420px;} td#shapkaobl {width:1300px;…
0 votes8 answers -
Корзина и карточка товаров
Подскажите,сделал страницу на html, там таблица (table) c ячейками - в ячейке карточка товара из "divов", подскажите,могу ли я сделать так, чтоб информация о товарах в каждой карточке загружалась из exel таблицы или чего то в этом духе. Подскажите хоть куда копать. Спасибо!
0 votes5 answers -
Мой первый макет - критика, советы для улучшения
Всем доброго дня, Хочу представить на ваш строгий суд свой первый сверстанный макет. Хотелось бы получить от вас критику и советы, что можно улучшить. Взял макет из представленных здесь на форуме. Макет изначально фикс, но я решил усложнить себе задачу и сделать его резиновым. Левая колонка фиксирована, а центральная и правая растягиваются. Высота колонок одинаковая вне зависимости от контента внутри. Проверил в Хроме, ФФ и Опере. Когда начал проверять в ИЭ, все развалилось. Потратил целый день на гугл и узнал про хаки и всякое такое. В результате в ИЭ 9+ отображается нормально, только при больших разрешениях получается слишком большой отступ от правой колонки. Как …
0 votes6 answers -
Неправильно отображается MIDDLE в ИЕ6!
Вот так прописал, но почему то текст в ИЕ выравнивается по верху, а не по середине картинки? <li><a href='/about/vacancies/' class='menuitem' title='Вакансии компании'><img src='/images/template2/images1/bullet.gif' align='middle'>Вакансии</a></li> В чем может быть дело?
0 votes4 answers -
Верстка "бумажного конверта": позиционирование поля "индекс"
Добрый день! Мне необходимо реализовать форму, которая бы внешне выглядела как бумажный конверт. Верстка блочная, "резиновая". Все получилось, кроме одной вещи. Имеем два поля ввода: "Откуда" и "Индекс места отправления". Во всех браузерах выглядеть должно так: Поле "Индекс" должно заканчиваться там же, где и поле "Откуда", пиксель в пиксель. Иначе получится не как на настоящем конверте. Сейчас мой код хорошо отображается в FireFox, но в других браузерах индекс съезжает то влево, то вправо. Код CSS: input { position:absolute; margin:0; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #70aae8; padding-left:0.4em; font-size:9pt; } label span …
0 votes4 answers -
Не работает height:100% у таблицы
Итак <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> На сайте есть таблица, в таблице ячейка, стили: vertical-align: top; padding-left:5px; padding-right:8px; padding-bottom:20px; В эту ячейку вставляется еще таблица, со свойством height:100% - но таблица не растягивается по высоте. В чем могут быть причины?
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-