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
-
Разместить блок (подвал) по центру снизу.
Нужно разместить не фиксированный блок шириной 1000px по центру низа страницы. Атрибут "align" не предлагать.
0 votes10 answers -
Непонятки с 960gs
Всем привет. Нашел туториал для дизайнеров по верстке для 960gs http://www.tutorial9.net/photoshop/design-...h-the-960-grid/ . PSD примера: http://www.tutorial9.net/wp-content/upload...04/BlueGrid.psd Но макет который там представлен вызывает у меня вопросы насчет верстки блоков чисто по фреймворку. Блок с телефоном в шапке имеет темную рамку, которая вылазит слева на область где будет margin, с первой колонкой списка Summary of Service справа то же самое. Понятно, что это некритично, можно все это в одном блоке по сетке сверстать, а внутри него уже использовать обычные плавающие блоки. Но я хочу тогда понять почему не сделали все по сетке, это же туториал, т.е. образец?…
0 votes4 answers -
Не могу убрать падинги у li
Верстаю такой хедер и столкнулся с двумя проблемами - Не могу понять почему между li разные падинги, например в Home с права большой паддинг, тогда как значения задал всем li общее - И еще у класса activ слева до рамки пустое место, не как не могу понять за счет чего оно образовалось https://jsfiddle.net/y5dmrL81/
0 votes2 answers -
Поисковики. Принцип работы!
Незнаю в каком раздели написать мой вопрос, В общем решил в этом. Суть проблемы состоит в том что, у меня был сайт его начали замечать поисковики. Но вот буквально 3 недели назад я кардинально сменил тему сайта и контент, единственное что осталось прежним это адрес сайта. А поисковики продолжают выводить ссылки те данные и страницы которых уже реально нет на сайте. Как это можно изменить??? Подскажите!!!!
0 votes6 answers -
Табы - активная ссылка налезает на неактивную
ребят как реализовать такие табы?! http://oka-design.ru/download/tabs.jpg все бы ничего если активный таб не налезал на неактивный....если есть идеи, поделитесь.=)
0 votes10 answers -
В IE8 "плывут" сайты - глючит верстка
Сегодня первый раз посмотел свои сайты через IE8 и ужаснулся. (до того момента смотрел только в IE6-7, опере, хроме, фаирфоксе, где все ок было). Так как знания в верстке у меня поверхностны, то спрошу здесь Вот навскидку две проблемы: 1. Оказалось, что использование тега <li> в контенте отбрасывает сайдбар кудато далеко влево-вниз. Непойму в чем проблема, убираю li - все ок, добавляю - перекос. Для li цсс не прописан, т.е. по умолчанию. Для дивов стандартая верстка #wrap {margin:0 auto; text-align:left; width:840px;} #content{ float:left; padding:12px; width:580px; text-align:justify;} #sidebar{ float:right; padding-top:22px; width:220px;} 2. Если просто накида…
0 votes5 answers -
список строкой
Создал список строкой через float:left;. В списке картинки. Привентил плагин Pagination. Плагин работает, но беда в том, что браузеры воспринимают список столбиком, хотя картинки располагаются строкой. Т.е. браузер растягивает окно суммирую ширину картинок в списке, оставляя под футером пустоту. display:inline нельзя использовать - нарушает работу плагина. <!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=utf-8" /> <link rel="stylesheet" type="text/css" href="sty…
0 votes2 answers -
html5 doctype и ie6 quirks
Может кто знает, как с html5 доктайпом заставить IE6 в quirks работать?
0 votes10 answers -
Съезжает блок
Подскажите пожалуйста, почему съезжает блок aside? http://testsiteoleg126.tk/Kitchenwall/ не работает в Сафари, Хром, Опера. Пашет только в Мозилле и Интернет Эксплорер!
0 votes3 answers -
Кнопочки навигации
Сотворил вот такую штуку бутстрап таб И в незу хочу сделать кнопочки как например на стандартном бутстрап карусели на фото нарисовал, возможно ли как то их сделать? Фото Сайт
0 votes10 answers -
Пропорциональное уменьшение сайта, бред ли?
Скажите пожалуйста, возможно ли такое вообще? К примеру есть сайт, 2560px в ширину. Можно ли сделать так, чтобы вплоть до 980ти пикселей он просто, как картинка с шириной 100% уменьшался, а потом перешёл в мобильную версию? Это же полнейший бред?
0 votes3 answers -
Css
Указываю в css: .intro { width: 100%; height: 100vh; background: url(/image/intro.jpg) center no-repeat; background-size: cover; } Нажимаю на url картинку показывает, а в html ее нету...
0 votes2 answers -
Как указать язык страницы?
Как в html коде указать язык страницы?
0 votes3 answers -
проблема с жирностью <h1>
Доброго времени суток. У меня следущая проблема. есть следущий код <H1 class="mainh1"><FONT size="1" color="#2C5C9A" weight="normal" id="h1main">Тралялял-трумпумпум</FONT></H1> в css прописано так #h1main { font-weight: normal; } h1.mainh1 { font-weight: normal; } НО! ни в какую не хочет именно этот заголовок стать НЕжирным. подскажите, пжалуйстя где может быть ошибка??
0 votes4 answers -
Проблема со шрифтом. В верстке он отличается от того что я нарисовал в фотошопе
Проблема с надписью "Как влияет кризис на рабочие места?". Вот эта надмись в фотошопе: Вот что у меня появляется вёрстке: Вот код этой надписи: <span class="orange_14">Как влияет кризис на рабочие места</span> Вот её клас: .orange_14 { color: #f8960b; font-size:14px; font-family:Tahoma, Geneva, sans-serif; font-weight:bolder; } Почему в фотошопе эта надпись значительно уже нежели в вёрстке. Для ориентира смотрите на полосу выше надписи, это конец банера.
0 votes6 answers -
FireFox: растягивание ячейки содержимым при overflow:auto
Доброго времени суток. Заранее прошу простить, если подобный вопрос уже встречался здесь - значит я просто не сумел толково воспользоваться поиском - найти ответ не удалось. Итак, суть вопроса: <table style="height:100%; vertical-align: bottom;"> <tr> <td style="overflow: auto;"> <div style="height:100%;"></div> </td> </tr> <tr><td style="height: 200px;"></td></tr> </table> Цель (что нужно получить): Таблица во всю высоту height:100%. Имеет нижнюю строку с фиксированной высотой 200 пикселей. Нижняя строка примыкает к нижнему краю экрана vertical-align: bottom. Верхняя строка занимает все ост…
0 votes1 answer -
Раздельное выравнивание в TD
Есть ячейка таблицы. В ней - 2 слова: 1-е: Должно быть выровнено по левой стороне и по середине высоты 2-е: Поверх первого, по правой стороне, по середине высоты. Меньшего шрифта. Я уже час пытаюсь найти решение. Лучшее из того, что у меня получилось выглядит следующим образом: <td> <div style = "position: absolute"> Первое слово </div> <div style = "text-align: right"> <!-- Невидимый блок - для того, чтобы ячейка была необходимой высоты --> <span style="visibility: hidden"> a </span> <span style = "font-size: 8px">Второе слово</span> </div> </td> По идее осталось выровнять последний <span…
0 votes14 answers -
Кроссбраузерный onclick на чистом CSS
В гугле такого решения не нашел, вот заморочился, в ie6 не работает(ну это стандартно). Проверено ie7, ie8, firefox3, chrome6, opera 10. http://warplines.com/html/onclick/
0 votes4 answers -
Как сверстать форму поиска?
Как сверстать такое? Подскажите. Есть два input'а Первый понятно наверное как оформлять, а вот sumbit (синий кружок) не знаю как. Нужно как-то убрать текст с кнопки и поставить background в виде картинки что ли, только как его убрать, этот текст? Html <form action=""> <input type="text" id="search" value="Поиск" /> <input type="submit" id="submit" value="???" /> </form>
0 votes6 answers -
Зачем нужны шрифты в %, если браузеры одинаково масштабируют шрифты и в относительных и абсолютных значениях?
После прочтения поста http://habrahabr.ru/post/42151/ я сделал тестовую страницу http://cssdesk.com/UCA4e с таким кодом внутри: body { font-size:100%; } текст не в параграфе <p style="width:200px; border:1px solid #ff0000;">текст внутри параграфа</p> <p style="width:200px; border:1px solid #ff0000; font-size:120%;">шрифт в процентах</p> <p style="width:200px; border:1px solid #ff0000; font-size:1.2em;">шрифт в em</p> <p style="width:200px; border:1px solid #ff0000; font-size:16px;">шрифт в пикселях</p> <p style="width:200px; border:1px solid #ff0000; font-size:12pt;">шрифт в пунктах</p> Хочется узнать, почем…
0 votes11 answers -
margin
Хочу запихнуть таблицу в центр экрана, прочитал что это делается примерно так: <head> <title>Новый Документ</title> </head> <body> <style type="text/css"> table {margin:0 auto;} </style> <table width="50" border="1" align="center"> <tr> <td> </td> </tr> </table> </body> </html> но, у меня не работает, подскажите плиз где я ошибся.
0 votes5 answers -
Помогите чайнику.
Добрый день. Делаю сайт для магазина и хочу на первой его странице разместить несколько товаров с ценой и названием. Сделал таблицу, сунул в нее картикни и описание(цена,модель) и все бы хорошо, НО при изменении разрешения экрана монитора появляется горизонтальная полоса прокрутки, а хотелось бы чтоб моя таблица из таблицы в 3 столбца и 2 строки превращалась в таблицу 2 столбца и 3 строки при изменении разрешения дисплея. Если я все правильно понимаю и называю все своими именами, то макет - табличный, "резиновый" (ширина 2 колонок сайта в пикселях, 1-ой колонки в процентах, в ней-то как раз и находится таблица, которая должна из 3х2 превращаться в 2х3) Возможно ли это? Ес…
0 votes5 answers -
Несколько вопросов начинающего
Добрый день! Осваиваю html, сейчас тег form прохожу. Вопрос в следующем: атрибут action выполняет какие-либо действия по нажатию кнопки Submit, так? Я правильно понял, что создавая внутри одного тега form несколько submit'ов, я толком ничего не имею? Все равно по нажатии любого из них будет выполняться то, что написано в action, то есть переход на Google в данном случае? Пример. <form action="http://www.google.ru"> <p>Name<br /> <input type="text" /></p> <p>Password<br /> <input type="password" /></p> <input type="submit" /><p> <input type="checkbox" name="vybor" value="v1"/>Opera<br> <input…
0 votes7 answers -
Установка flash plugin при необходимости...
Здравствуйте. Подскажите пожалуйста такую штуку: На сайте в корпоративной сети предприятия есть страничка с внедренным флеш объектом (графики и т.д. сделанные во флеше).. Требуется для его проигрывания 10 Flash. Вопрос: Что и где прописать, чтобы тому юзеру, у которого ничего не отображается (из-за не установленного 10 флеша) предлагалось его установить из локального сервера...как-нибудь вежливо )))
0 votes4 answers -
Less
Столкнулся с такой проблемой есть div в нем лежит span с display: none; когда div становится :hover - span становится display: block; В css все просто: div:hover > span {display: block !important;} но к сожалению в LESS символ > используется с другой целью. Кто ни будь знает решение проблемы? Как на less сделать что бы при наведение на 1 объект другой менял свои свойства?
0 votes15 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-