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
-
Программа для создания сайтов
Здравствуйте Ребят... я вот решил заняться созданием сайтов.... посоветуйте с HTML редактором.
0 votes36 answers -
Перевод шаблона на русский язык
Здравствуйте. Впервые берусь за верстку, нашел нужный шаблон, но при изменении в теге <h2> с английских слов на русские, при просмотре в браузере текст исчезает. Шаблон начинается со строк: <!DOCTYPE html> <html lang="en"> <head> <title>Название сайта</title> <meta charset="utf-8"> Пробовал менять <html lang="en"> на <html lang="ru"> - не помогает. Может нужно кодировку изменить? На всякий случай загрузил шаблон на Народ http://narod.ru/disk/17445643001/Airplanes.rar.html Пишу здесь т.к. в поиске по форуму такой темы не нашел. Подскажите пожалуйста.
0 votes14 answers -
position:fixed при transform
Всем привет! Столкнулся с такой проблемой: У меня есть блок у которого задан position:fixed; left:0; top:0. и он у меня прилип к углу экрана браузера. но вот если родителю этого блока задать трансформ, например, transform: translateX(0), даже нулевой, то фиксед начинает считать не от экрана браузера, а от блока с трансформом. Никогда с таким не сталкивался, кто-то может объяснить почему он себя так ведет и как этом можно пофиксить. Набросал мини примерчик http://codepen.io/Z1gnet/pen/VYOxGG
0 votes3 answers -
chrom/safari как убрать рамку у input
В браузерах хром и сафари у текстовых инпутов, если по ним кликнуть появляется цветная рамка. Можно ли ее как нибудь убрать?
0 votes6 answers -
Высота и ширина в процентах
Добрый день! В общем, такой вопрос. Мне необходимо задать размер изображения в процентах(%) от настоящего - т.е., размер оригинального изображения - 100%, а на экране мне нужно отобразать - 75% - естественно, я делаю это с помошью параметра width="75%". Но при этом, изображение на экране искажается(появляются неровности всяческие). Может кто-то может подсказать как избежать этих неровностей, или уменьшить их? И еще - почему я могу задать в процентах только параметр WIDTH="75%", но при указании в процентах параментра HEIGHT="75%" - он попросту игнорируется браузером - т.е. браузер понимает только параметр WIDTH(при указании в процентах). Подскажите - так и должно быть, ил…
0 votes3 answers -
html Не вводится текст в поле ввода
Добрый день. Написал сайт и встречается такая проблема на устройствах от apple (конкретно Iphone 5). В форму заявки в поля input не вводятся никакие символы. Посоветуйте пожалуйста. Спасибо.
0 votes4 answers -
Стиль шрифта
Собственно крупные шрифты приходиться делать в фотошопе и сохранять png и пофиксиным вставлять! А как сделать чтобы в css был параметр который смягчал обрубленность краев границ букв, если например выводишь так стиль: #font { color: #8c8c8c8c; font: 12pt Trebuchet MS, Verdana; text-decoration: none; }
0 votes39 answers -
Выпадающее вниз вертикальное меню на DLE
Проблема заключается в следующем: есть шаблон DLE c вертикальными менюшками которые выпадают вниз на уровни. Реализовано все таким макаром: <ul id="nav"> <li><a href="/">ГЛАВНАЯ</a></li> <li><a href="ССЫЛКА"> МЕНЮ </a> <ul> <li><a href="ССЫЛКА">НАЗВАНИЕ ПОДМЕНЮ 1 </a></li> <li id=""><a href="ССЫЛКА">НАЗВАНИЕ ПОДМЕНЮ 2 </a></li> </ul> </li> <li><a href="ССЫЛКА"> МЕНЮ </a> <ul> <li><a href="ССЫЛ…
0 votes3 answers -
Разный padding в Firefox и Chrome
Может, я сошел с ума, но я не понимаю, откуда это берется. Пример. Проблема: Firefox: Chrome: Как видно, в FF высота ссылки на 1px больше. Этот пиксель добавляется сверху. Почему такая разница, откуда берется, как убрать? Спасибо.
0 votes13 answers -
frD-background не отображается
Вчера отображался, а сейчас нет( И не знаю в ч?м проблема. Ставишь "букву" или "число" отображается, а как только их убир?шь, то и след простыл. Как вы думаете в ч?м может быть проблема?
0 votes31 answers -
Разная толщина шрифта в браузере и photoshop
Здравствуйте, уважаемые коллеги! Дизайнер в макете использовал не совсем стандартный шрифт - "Myriad Pro", и у меня с ним возникли проблемы такого характера: У меня в системе он был установлен по умолчанию, мне не пришлось ничего ставить; В фотошопе если у шрифта стоит толщина regular и none, то буквы совсем тоненькие (см. скриншот) В css-свойствах шрифта для браузера я могу только первый параметр указать (font-weight:normal), и при этом в браузере шрифт выглядит толстым. Если ставить font-weight:bold, он тогда вообще нереально жирным становится. Я поэкспериментировал, и заметил, что в браузере тот шрифт, который для "Myriad Pro" называется font-weight:normal соответсву…
0 votes5 answers -
А зачем вообще нужен id?
Заметил, что многие люди структуру странички делают так: шапка - id, content - id, footer - id, остальные дивы в классах. Это делается просто для подчёркивания уникальности этих блоков? или в другом причина?
0 votes26 answers -
Открытие в новой вкладке ссылок через JavaScript
Приветствую всех! Я недавно зарегистрировался на вашем форуме. И вот решил задать такой вопрос. У меня например есть теги <div></div>, которые должны быть ссылкой. Делать так <a href="#"><div></div></a> не верно, а так <div onclick="window.location = 'index.html'"></div> можно. Но уже нельзя это дело открыть в новой вкладке, можно только кликать. Как сделать через JS, чтобы можно было открывать в новой вкладке?
0 votes9 answers -
div выравнивание по вертикали
Какое свойство, чтобы выравнивать по вертикали в div?
0 votes6 answers -
Опера и высота окна
Сверстал такую вот штуку: http://maestro-magnifico.ru/test/ Почему сверстал именно так, даже на спрашивайте... По задумке блок #middle должен будет ездить влево-вправо за границу блока #content, у которого overflow: hidden. Не суть! Во всех браузерах эта вёрстка отображается замечательно, кроме оперы, где при ресайзе окна, высота контента не меняется. Отчего так - не понятно, надеюсь на совет матёрых верстальщиков. З.Ы. Я в курсе проблемы наезжания футера на контент, и знаю как её решить, просто до этого пока ещё дело не дошло.
0 votes51 answers -
(Html) Кеширование и обновление
Приветствую. Делаю сайт на SSI, и при очередной закачке нового блока-страницы (например колонка новости) - приходится каждую страницу обновлять вручную. Как намекнуть браузеру, что пора обновить всю инфу с этого URL? И вообще какие есть способы решения этого вопроса? Заранее спасибо за информацию.
0 votes11 answers -
Стиль ссылки текущей страницы.
Есть сайт с ссылками-меню в виде списка из 5 пунктов ведущих на свою страницу: Link 1 Link 2 Link 3 Link 4 Link 5 Этот список включил в документ на главное и на каждой из 5 страниц <? include(menu-block.php'); ?> В стилях прописан: a:active {color: #000000; text-decoration:none;} По идее, находясь, к примеру, на второй ссылке, вид меню должен быть таким: Link 1 Link 2 Link 3 Link 4 Link 5 Но в меню все-равно все ссылки подчеркнут. Что не так делаю?
0 votes17 answers -
Прозрачная форма
Приветсвую всех кто решил вникнуть в мою проблему. Как мне сделать форму </textarea> прозрачной?
0 votes11 answers -
Кэширование внешних скриптов через .htacess
Здравствуйте! Подскажите пожалуйста, что в .htacess нужно прописать, чтобы начали кэшироваться внешние скрипты? Сейчас инструмент гугла говорит следующее: Используйте кеш браузераЕсли указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета.Используйте кеш браузера для следующих ресурсов:http://connect.ok.ru/connect.js (не указан срок действия)https://www.google.com/recaptcha/api/js/recaptcha_ajax.js (50 минут)http://mc.yandex.ru/metrika/watch.js (60 минут)Каким образом эти файлы можно заставить кэшироваться? Стандартные способы кэша в .htacess не помогают.
0 votes2 answers -
Посоветуйте курсы для обучения верстке
Привет, друзья и соратники. Наверняка подобные темы создавались не однократно здесь, поэтому заранее очень извиняюсь за плагиат =) Я занимаюсь дизайном сайтов (psd-фотошоп) уже несколько лет, всё устраивает, всё нравится. Очень давно хочу изучить верстку, но всё руки не доходили, то проекты, то еще какие-то дела, то лень =) Товарищ посоветовал начать изучение с видеокурса Петрова (Специалист по-моему называется). Что скажите? Насколько хороший курс? Просто хочется изначально получать грамотную информацию (я страшный перфикционист), чтобы потом не пришлось переучиваться. Посмотрел первые пару серий, вроде понравилось. Планирую после прохождения данных уроков, изучить С…
0 votes15 answers -
Как научиться верстать?
А подскажите пожалуйста,по какой системе правильно заниматься? Вот я например подучил сначала HTML,вродебы уже знаю неплохо,щас Учу CSS,купил книжку,паралельно подучиваю фотошоп,но я знаю,что без опыта всё равно ничё не получиться,а какже его набрать,если никто не указывает на ошибки(я самоучка)... Вот например я недавно попытался сверстать один сайт,мне на форуме сказали,что он неправильно свёрстан,а выглядит нормально..Так вот как мне без помошников научиться правильно Верстать,без ошибок? Вопрос: Есть ли какие нибудь книжки,либо ещё что нибдь,и вообще как правильно учиться,какая последовательность?
0 votes11 answers -
Прозрачный фон в выпадающем списке
Приветствую, друзья! Есть в просторах инета такое выпадающее меню на CSS: html-код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <!-- текст заголовка и меню нашего HTML документа --> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="author" content="DarkRaha (Verma Rahul)"> <!-- стили для нашего меню --> <link rel="stylesheet" type="text/css" href="menudemo.css"> <!-- только для поддержки IE6 --> <script type="text/javascript" src="menuevent.js"></script> </head> <body onload="correctMenuIE6();"> <…
0 votes6 answers -
Проблема Verdana и Arial в IE7 ..
Подскажите как такое возможно ? Проблема началась когда я увидел что сайт с которым я сейчас работаю, по разному отображается в IE и Mozilla хотя шрифт везде стоит Verdana ... Попробовав маленький примерчик, я удивился ещ? больше (((( Подскажите пожалуйста в чем засада ?
0 votes13 answers -
Как сделать мультиязычный сайт без PHP
Всем привет. Планирую сделать второй язык для сайта (сейчас только русский) Хочется немного автоматизма добавить – чтоб при заходе на сайт человеку сразу выдавалась нужная языковая страница. Как делается данный метод не знаю. - в программирование слаб. Пригодится любая помощь, совет, мануал. Основные предположения и условия: 1. Сайт не динамический – простой html и местами shtml 2. Смена языка есть ридерект на несколько вариантов: site.ru/en/ site.ru/en.html en.site.ru 3. Предполагаю что определить язык посетителя можно с домена с которого он пришел с браузера – вроде там есть такие «отметины» с куки – если посетитель уже выбрал нужный язык с geo-ip Дополнительные услов…
0 votes6 answers -
Пропадает фон
Что то там доброе Есть html код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" type="text/css" href="main.css"> </head> <body> <div id="container"> <div id="left"> <div id="logo"> <p><a href="#"><img src="images/logo.jpg"></a></p> </div> <div id="menu"> <ul> <li><a href="#">menu fgfg</a></l…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-