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
-
Создание подписки через сайт. Как и с чего начать?
Хочу создать подписку через сайт, например, различных новостей. Так вот, как это делается. Интересует даже скорей не готовое решение, а в каком направлении двигаться. Т.е. с помощью чего это реализовывается, как работает, что почитать и т.п. п.с. Кстати может кто заодно посоветует хорошую программу для рассылок? Спасибо
0 votes3 answers -
Два изображения в фон
Видел как-то такое в сети, но потерял. Там был пример использования двух изображений в фоне. Без дополнительных слоев и т.п. Поиск пока не дает результатов. Помогите :-)
0 votes4 answers -
рамка вокруг изображения
Здравствуйте! С целью облечь фотки на сайте в рамку,прописал в CSS таким образом a:hover img { border: 5px inset #ccffff; } a:link img { border: 5px ridge #663333;} но дело в том,что в IE если не указываю цвет в a:link ,то начальная рамка выходит черная, но цвет меняет...а в мозилле выходит такая,какая задана, и меняет цвет тоже. чтобы в IE начальная рамка тоже была нужного цвета,приходится его задавать, но в этом случае в мозилле цвет не меняется... можно ли как-нибудь искоренить проблему?Спасибо!
0 votes4 answers -
Какой способ лучше
Ребят, ситуация следующая: Я знаю два нормальных на мой взгляд способа обтекания левого блока правым, в первом для правого блока используется margin-left: 200px, а во втором overflow: hidden;, но загвоздка в том, что я очень часто использую именно второй способ из-за того, что слышал, что он лучше первого, но сегодня решил попробовать первый и подумал, почему это он интересно хуже, и вродебы даже лучше, вот и обращаюсь за советом к мастерам, скажите: 1) Какойже из этих способов лучше и почему? 2) А может быть у вас есть свои способы, было бы очень интересно посмотреть <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-st…
0 votes12 answers -
гризонтальная полоса прокрутки
здравствуйте. у меня возникла проблема: взависимости от размерах монитора страница отображаеться с ГОРИЗОНТАЛЬНОЙ полосой прокрутки либо без. помогите пожалуйста .
0 votes8 answers -
Затруднения с hCard
Вот решил дополнить информацию о своем сайте с помощью hCard... Возник вопрос: где лучше размещать код, я имею ввиду на какой странице сайта (главной, контактах и т.д.) и еще: можно ли разместить код на одной странице, а на остальных просто поставить "метки" на код? ну, типа, чтоб значение для конкретной страницы считывалось например со страницы Контакты? пжлст, не пишите про Погуглить и все такое..уже пробовал - галяк.. Нужна конкретная инфо заранее спс
0 votes13 answers -
Сбился код! Удалила div, помогите восстановить!
Случайно удалила где-то div.. Помогите восстановить! Сбился именно BLOCK RIGHT, он не отображается на сайте <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR...l1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> #%HEAD%# <link rel="stylesheet" href="/tpls/default/images/style.css" type="text/css" media="screen, projection" /> <!--<link rel="stylesheet" href="/js/jquery.pointpoint/jquery.pointpoint.css" />--> <!-- [if lte IE 6]><link rel="stylesheet" href="/tpls/default/images/style_ie.css" type="t…
0 votes2 answers -
Осваиваю Bootstrap-3.3.1. Мои вопросы.
Здравствуйте! Я не новичок в верстке, скажу сразу. Вот решила осваивать Bootstrap, т.к. макеты, которые требуется верстать, должны быть адаптивными. Скачала http://getbootstrap.com/ Имею вот такие файлы: Работу начала с того, что за основу своей первой страницы взяла файл \bootstrap-3.3.1\docs\examples\sticky-footer.html, как наиболее подходящий. Далее создала свой файл .style.css. в котором прописываю свои стили. Возник первый вопрос: как я могу переопределить базовые стили, например, цвет рамки у полей ввода. Таких переопределений накапливается слишком много, а зачем плодить лишний код. Дебаггер ссылает меня на forms.less, где прописаны такие стили: bac…
0 votes18 answers -
psd макет 2800px
День добрый. Попался макет шириной 2800px, со словами заказчика: "Сайт будет адаптирован под мониторы различной ширины, минимальная ширина 1000 пикс." Не пойму как верстать) Шрифты, графика - просто огромные, к примеру размер заголовков по 40px (font-size), изображения, которые с виду должны быть около 200px имеют ширину по 600-700 Вопрос: верстать как моей душе угодно (думаю не стоит), делать фон на 100% контент на 1000px, или есть какой-то принцип масштабирования таких макетов (ну к примеру 2 к 1, но в таком случае рисовали бы тысячи на 2000-2400)?
0 votes4 answers -
Как лучше сделать фон или блок в целом
Верстаю этот шаблон, подскажите как лучше сверстать блок, там где комп в хедере, пугает что там есть блик над текстом и что фон на два цвета заполняется, может сделать два блока? .jpg макета .psd можно скачать там со страницы шаблона на сайте Ну как-то так.. надеюсь вы меня поняли Вот я кое что нарисовал как примерно размечать, только как блик туда запихнуть? а кто-нибудь может сверстать эту часть если не сложно, а я посмотрю, ну а если нет то хоть дайте совет как лучше сделать здесь разметку и css
0 votes13 answers -
Оформление текста через <br>
Дизайнер требует чтобы текст был в точь как в макете, проблема в том что текст изначально не ложится как в макете. Я решил проблему с помощью тега <br>. Но на меньших разрешениях текст выглядит криво, подскажите как вы поступаете в подобных ситуациях?
0 votes6 answers -
Очень странный глюк с радио-кнопками
Здравствуйте, Ситуация следующая: Есть динамическая форма (http://favorite-group.ru/index.php/stoimost). При выборе услуг из выпадающего списка, страница перезагружается, и появляется 2ая часть формы с услугами. В некоторых услугах есть радио кнопки. В коде строго прописано, что в каждой группе радио кнопок одна активная. Мой заказчик выбирает нужные пункты (IE7), начинает проверять свои ответы и скроллить страницу вверх-вниз, и в этот момент активные радио кнопки изчезают, либо везде, либо в только в некоторых услугах. Т.е. в каждой группе кнопок все становятся неактивными. Проблема в том, что я тестировал на 4 компах, в IE6-7, FF и Опере и ниразу не столкнулся с этой п…
0 votes6 answers -
Проблемы с версткой, нид хелп
У меня почти готова страничка, но не настолько, чтобы выкладывать ее в раздел обсуждения работ. Есть некоторые проблемы, а именно: В хроме страница отображается некорректно, не до самого низа окна браузера. Верхний рекламный блок не видно. То есть когда я смотрю сайт с локального компьютера он есть, а когда с залитой в интернет странички - нету. Ну и плюс эта страница тянется по вертикали, делаю я это впервые. Посмотрите что не так с масштабированием, покрутите сайт туда-сюда. Буду благодарен за советы, какой блок тянуть, какой делать фикс, если у меня в макете что-то не так. Да, и я только сейчас подумал, что наверное стоило тянуть по ширине. Ширину-то я фикс сделал. upd…
0 votes14 answers -
Руссификация HTML 5 шаблона
Всем здравствуйте! Недавно занялся web-програмированием! Скачать шаблон, но когда пытаюсь вводить русский текст - все пусто, кодировки везде utf-8! Вот код <!DOCTYPE html> <html lang="en"> <head> <title>Home - Home Page | Student's Site - Free Website Template from Templates.com</title> <meta http-equiv="Cоntent-Type" cоntent="text/html; charset=utf-8" /> <meta name="description" content="Place your description here"> <meta name="keywords" content="put, your, keyword, here"> <meta name="author" content="Templates.com - website templates provider"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="a…
0 votes3 answers -
Лишний отступ у таблицы в Chrome (border-spacing)
Доброго времени суток! Столкнулся с такой проблемой при верстке таблицы: при указании таблице border-spacing:6px в Хроме(Сафари) между тегами thead и tbody появляется лишний отступ в 6px. В остальных браузерах этого отступа нет, а он очень не уместен в моем случае - из-за этого отступа нарушается вид страницы при работе скрипта(использую кастомизированный скролл) Подскажите как с этим бороться. скриншоты: http://awesomescreenshot.com/0fd12xe693 http://awesomescreenshot.com/0b112xed9e
0 votes1 answer -
(вырезать!) часть html кода с помощью css
делаю сайт под несколько экранов. несколько css файлов будут производить редизайн сайта при загрузке. через media="only screen and (max-width:траляля) в html несколько элементов в зависимости от разрешения экрана должны появляться/скрываться. можно сделать это с помощью visible - но тогда элементы как я понимаю все равно будут грузиться - просто визуально их не будет видно. может быть есть свойство css с помощью которого по id можно просто "вырезать" часть кода из html? то есть чтобы браузер игнорировал допустим конкретный div при загрузке страницы (как <!-- --!>) java script не предлагать - а то черт ногу сломит, я и так уже перемудрил
0 votes2 answers -
Глубокое (3-4 уровня) меню на мобильных устройствах
День добрый! Друзья, возник вопрос. На сайте есть глубокое меню: Каталог - Оборудование 1 - Модель 1 - Тип 1 - Тип 2 - Тип 3 Реализовать такое для десктопа легко: тут есть и клик и ховер. А вот как быть с мобильными устройствами??? При клике вместо выпадающего подменю открывается ссылка на раздел Модель 1. Из-за этого подменю, где указаны Типы (1,2, 3) не открывается вовсе. Я понимаю, что эти типы можно реализовать иначе, например через фильтр в разделе Модель. Но нужно именно такое глубокое меню! Как быть, подскажи, пожалуйста. Заранее спасибо!
0 votes6 answers -
Favicon
В общем проблема. Эксплорер игнорирует иконку. Причем не только у меня. Мой эксплорер начал показывать иконку на яндексе, только после того как я посетил этот сайт 100000........ раз... В ч?м проблема? Эксплорер старый? :/ На последней версии тоже тупит.
0 votes4 answers -
display:inline в IE, FF и Opera
Когда используется inline в самом верху страницы, то border-top элемента к которому он применен не отображается в IE. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>vkladka_ne_rabotaet_v_IE_border-top.html </title> <style type="text/css"> .notetitle { border: 1px solid black; /* Параметры рамки */ border-bottom: none; /* Убираем границу снизу */ padding: 3px; /* Поля вокруг текста */ display: inline; /* Устанавливаем как встроенный элемент */ background: #ffeebf; /* Цвет фона */ …
0 votes4 answers -
Создание шаблонов под сайт и форум
Всех категорически приветствую)) Я далек от сайтостроений и дизайна, но вот захотелось сделать для себя. Просто есть идея создать портальчик, для себя, и выкладывать там стать свои мысли, которые кому то могут пригодится (как например моя разработка для проигрывателя Dune BD которую уже куча народу оценила) Для этого я скачал халявные движки портала и форума MKPortal + SMF конечно там уже все сделанно, все работает, но естественно хочется внести что то свое))) уже сделал и оттестил новые функции (курс доллара, погоды, красивые смайлики и т.д.) но все же есть пара вопросов) так как я ярый поклонник Apple, хочу сделать дизайн в сите Mac OS. на примере уже имеющийся темы для…
0 votes7 answers -
Шрифты по разному выглядят в разных браузерах
Почему так ? можно ли это как то исправить? вот пример
0 votes3 answers -
Неполадки с оглавлением
Вот есть у меня слева на странице, 2 ссылки, со значком салатовыми. Возле каждого значка написан текст который ссылается на другой фрейм, ну это я сделал уже. Проблемма вот в чём, у меня в стилях, в файле style1237.css, заданн класс menu, для ссылок. Я хочу применить класс меню к файлу menu.html Вроде применение происходит, но после наведении мышки на одну из строк и при её нажатии к примеру к строке: Переход к карте изображения расположенной в плавающем фрейме происходит не такое же самое отображение, как при наведении и нажатии на ссылку, под названием: [b]Перейти вниз[/b] Как сделать чтоб было такое же самое как и пр инаведении и нажатии на текст Перейти вниз Чтоб…
0 votes5 answers -
Примнение Css3 К Select Элементам В Webkit Браузерах
Может кто знает почему не работает box-shadow для select в webkit (safari, chrome) браузерах? Да и не только box-shadow, select вообще отказывается работать с новыми свойствами CSS3. Хотя в Opera'е и FF всё работает отлично.
0 votes1 answer -
Верстка header'a div-aми (резиновый дизайн)
Люди помогите пожалуйста ... нужно сверстать div-ами хэдер для сайта (см. скриншот) идея такая: слева и справа на одном уровне две готовые картинки с шириной 365пкс и 364 пкс, а в центре (между ними) растягивающаяся картинка. Код прилагается. За ранее спасибо. ХТМЛ <!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" xml:lang="en" lang="ru"> <head> <meta name="robots" content="all" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="styles.css" /> <…
0 votes5 answers -
текст в input
Как реализовать подобное: http://s019.radikal.ru/i611/1203/c0/322ee1654fd9.jpg Т.е. Что бы внутри инпута был текст, который нельзя удалить, и только после которого можно было что то ввести. или подскажите хотя бы как гуглить это) все попытки нагуглить это свелись к теме о пропадании текста при клике на инпут) Спасибо)
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-