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
Добрый вечер! Подскажите пожалуйста! Скачал шаблон в html и возник вот такой вопрос: Я измененил в шаблоне допустим слово Home(шаб. полностью английский) на слово Главная и при обновлении страницы вместо слово "главная" одни кракозябры. в чём дело? Пробовал создавать файл .htaccess c таким содержанием: AddDefaultCharset WINDOWS-1251 # AddDefaultCharset utf-8 Но непомогло! Что делать? Да и ещё пробовал подключать так: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> и utf-8 ставил, но безуспешно. код indedx.hlml надо?
0 votes11 answers -
Высота <div>
есть несколько страниц с разным объемом содержимого в div.content. ниже идет div.footer как закрепить высоту первого блока?
0 votes20 answers -
Смена темы сайта без мерцания
Скриптами я меняю значение href у тега link со стилями сайта. То есть меняю темы сайта безе перезагрузки сайта. Так вот, как только скрипт меняет href у link, то сайт становится без оформления, пока не загрузятся стили новой темы и не применятся браузером. Как избавиться от такого поведения?
0 votes15 answers -
z-index и контекст наложения
Пытаюсь разобраться со слоями, но что то не выходит. Прочитал статью на хабре Зададим классу .red { z-index: 1;} - блок стал выше... Но если мы родительскому элементу блока .red задаем opacity<1, то есть например opacity: 0.99, то блок снова почему то ниже по уровню. В статья написано, что: Новый контекст может быть сформирован в следующих случаях: Если элемент – корневой элемент документа ( элемент) Если элемент позиционирован не статически и его значение z-index не равно auto Если элемент имеет прозрачность менее 1 Окей, значит я создал новый контекст opacity. Но если вместо оpacity применить position: relative наприм…
0 votes5 answers -
Слайдер slick нет левой стрелки
Подключил слайдер slick, если стрелки вынесены по бокам слайда, все работает, если слайд делаю на всю ширину экрана, стрелкам меняю позицию, левая стрелка проподает. В чем проблема может быть?
0 votes7 answers -
Элемент не центрируется в Firefox / IE.
Довелось мне править чужой говнокод. Основной кусок: <tr> <td> <table align="center"> <tr> <td> <table align="center"> <tr> <td> <DIV align="center"><TABLE STYLE='width: 100%; background-attachment: scroll; background-repeat: no-repeat; background-position: 0% 0%; background-image: url("http://*.ru/obuchenie.png"); border-collapse: collapse' align summary="null"><TBODY><TR><TD STYLE='width: 1198px; letter-spacing: 0px; word-spacing: 0px'><BR><BR><BR><BR><TABLE><TBODY><TR><TD></TD></TR></TBODY></TABLE><DIV onclick="if (…
0 votes7 answers -
Резиновые трехколоночные макеты
Систематизировал различные варианты резиновых трехколоночных макетов, в итоге получил их 13 разновидностей. К примеру, такой (px ∞ px) означает, что первая и третья колонка задана в пикселах, а средняя занимает оставшееся пространство. Макет (% % %) означает, что ширина всех колонок указана в процентах. 1. ∞ px px 2. px ∞ px 3. px px ∞ 4. % % % 5. % ∞ px 6. ∞ % px 7. (% %) px (ширина первых двух колонок принимается за 100%) 8. px % ∞ 9. px ∞ % 10. px (% %) (ширина последних двух колонок принимается за 100%) 11. % px ∞ 12. ∞ px % 13. ∞ px ∞ (здесь левая и правая колонка равны между собой)
0 votes11 answers -
Пиксельный перфекционизм
Вопрос по большей части к гуру данного форума, людям опытным, за спиной которых десятки макетов и годы работы.. Значит верстаю я, верстаю.. и всё-то мне кажется, что недостаточно всё ровненько.. то там буковка вылезет, то здесь интервал между словами большой.. Следует ли обращать внимание на такие мелочи? Например на рисунке видно, что первая и последняя строки совпадают (полупрозрачная верстка наложена на картинку), а вот посередине какая-то белиберда.. Но ведь у меня для всех строчек одни и те же маргины и паддинги, значит изображение, полученное мной "правильнее", если так можно выразиться.. Или вот, например просто текст. первое и последнее слово совпадает, в серед…
0 votes18 answers -
Разъезжается ячейка в таблице. Хотя размеры указаны.
Делаю шапку для сайта. Делал вначале слоями, но в последствии оказалось, что отображается эта шапка не во всех браузерах хорошо. Сейчас таблицей сделал, и о ужас :-) с таблицей тоже не все гуд. Вот посмотрите таблицу (убрал картинки и стили, что бы было нагляднее) В комментах кода суть моей проблемы. Как сделать так, чтобы ячейки ?1 и ?2 оставались при своих размерах, независимо от введенных данных ячейки ?3. Заранее благодарю :-) P.S Таблица хорошо отображается только в Firefox 2
0 votes9 answers -
Опрос
Всех с Новым Годом! Подскажите, как сделать страницу результатов опроса?
0 votes10 answers -
Как сделать ссылку такого вида
не активна при наведении курсора и нажатии Может быть не много криво нарисовал, но... Если делать картинками-вс? понятно. Но можно ли как-то это реализовать не через картинки?
0 votes11 answers -
svg - как включить текст к rect, circle и т.п.?
Затеял тут сделать простой редактор схем процессов. И подумал, чтобы линии в месте пересечения полукругом друг друга огибали сделать всё на Svg. И кажется так в дальнейшем будет больше преимуществ. Без svg всё просто стрелочки бы тоже дивами рисовал (там мона и треугольнички дивами к ним приделать... по большому счёту можно и полукруги сделать ..) Вот например, как я таскаю див и текст в него могу вбивать: http://jsfiddle.net/5g55uyjn/1/ А вот с svg начались непонятки. Но совершенно не понял, как тупо текст внутрь rect или внутрь circle поместить. А потом таскать это одним махом... Думал просто можно текст вставить... Нельзя вроде... Думал для этого <g> служит..…
0 votes2 answers -
Как сделать анимацию логотипа при помощи css 3
Один из моих клиентов хочет анимировать логотип - http://prntscr.com/75udaq Крутиться должен символ в центре круга, у меня не выходит пока ничего Подскажите решение проблемы, ил пока не получится сделать вращение по часовой стрелке при помощи свойства animation
0 votes19 answers -
Разрешение 1024х768
Подскажите, что нужно сделать. Есть шаблон и в разрешении 1280х1024 все видно хорошо, но у некоторых пользователей разрешение 1024х768 в этом случае появляется горизонтальная прокрутка, что нужно сделать, чтобы от нее избавиться и страница сама подстроилась под нужное разрешение? Вот код CSS html { padding: 0px; margin: 0px; border: 0px; } body { margin: 0px; padding: 0px; border: 0px; height: 100%; width: 100%; text-align: center; /* required for centering the page in IE */ background-repeat: no-repeat; font-family: Arial, sans-serif; font-size: 12px; color: #E9E9E9; line-height: 19px; background-attachment: fixed; background-position: left bottom; bac…
0 votes8 answers -
Как растянуть таблицу на 100% по внешнему блоку а не по внутреннему содержанию?
Т.е. табличка (width=100%) как бы обрамляет текст но не растягивается по всему внешнему блоку.
0 votes12 answers -
Обёртка с тенью и футер
Доброй ночи. Вчера по совету одного форумчанина я сделал тень у сайта с помощью css стиля box-shadow. Я обернул весь свой сайт в div и дал этому диву стиль. Но сейчас я заметил, что теперь футер не прижимается к низу браузера, что впринципе и логично, но вчера я об этом не подумал. Сейчас я пробовал делать 2 обёртки. Отдельно для wrapper и отдельно для футер, но получается тоже не совсем то, что нужно. Да и видимо это совсем уж искусственный способ. В общем посоветуйте как это можно реализовать. Мне надо, чтобы тень у сайта была и футер прижимался. Вот ссылка для наглядности: http://deluxe-okna.ru/production/index.php
0 votes9 answers -
Некорректное расширение картинки.
Мысль появилась, есть картинка, которую админ может залить картинку. Если эту картинку переименовывать без расширения, то она в общем то нормально отображается, к примеру <img src="1190862358" /> выводит вполне вменяемый гиф: Или вс? - таки так лучше не делать? Чем грозит? Интересует ответ именно со стороны корректности html - ибо картинку один фиг видно.
0 votes4 answers -
выпадающее меню
Добрый день уважаемые, В общем незнаю в чем беда, 2 дня ковыряюсь в CSS, с копировал с Joomla выпадающее меню, В общем работает но немогу раздвинуть фоновые кнопки на с текстом внутри на одинаковое расстояние друг от друга. Первая и вторая кнопки нармально рассположены, третья уходит в право на растояние чуть больше чем положено, третья уезжает еще дальше. Предлагаю посмотреть код меню <div id=horiz-menu> <ul class="nav" id="horiznav"> <li class="active"> <span class="topdaddy"><a class="topdaddy" href="#">1</a></span><ul> <li><span class="top"><a href="#">1.1</a></span></li> <li>&…
0 votes3 answers -
Список нумерованный в обратном порядке
Подскажите, пожалуйста т.д. март февраль январь Можно ли пронумеровать такой список проще (одной записью), без указания в каждом параметра value?
0 votes3 answers -
include
Здравствуйте. Не могу подключить файл через include. Сам файл находится в другой папке от того файла где нужно подключить. Пробовал указывать полный путь до файл но все равно ошибка. Как правильно?
0 votes15 answers -
Как на реальных проектах используется Git ?
Здравствуйте. На данный момент я верстаю для себя и пользуюсь гитом так как я привык (ниже опишу как). Вот сейчас хотел бы узнать, как мне придется работать с гитом когда над проектом работать буду не я один ? На данный момент я работаю так: 1. Создаю в github новый репозиторий; 2. Клонирую этот репозиторий к себе на локальную машину; 3. И начинаю верстать; 4. Комиты я пишу частые для себя (все делаю в ветке master, знаю что это не правильно но пока для меня нет необходимости их разделять); Комитах пишу что то типа этого: - Подключает {какой то} шрифт; - Создает какой то блок; - Добавляет файл с переменными less/sass; - Создает секцию header -…
0 votes7 answers -
Reset form
зравствуйте, столкнулся с проблемой относительно горячих клавиш, а точнее с функцикй которая должна имитировать кнопку ресет при нажатии клавиши. Как это реализовать с привязкой к id формы я понимаю, но ето не вариант, так как страниц с формами должно быть много. Поетому хотелось бы написать универсаьную функцию ля всех форм. По логике, ето должна быть либо первая найденная скриптом форма, либо просто любая (хотя етот вариант менее желателен). Собственно вопрос, как такую функцию написать? заранее благодарен
0 votes1 answer -
прослушивание mp3 на сате.помогите!
такая задача-надо на сайте сделать прослушивание mp3.уже все перепробывала-не получается. <object id=MediaPlayer codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab##Version=6,4,5,715 type=application/x-oleobject height=50 standby="Loading Microsoft Windows Media Player components..." width=250 classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95> <param name="FileName" value="../music/Come_To_Me_My_Baby.mp3"> <param name="TransparentAtStart" value="true"> <param name="AutoStart" value="true"> <param name="AnimationatStart" value="false"> <param name="ShowStatusBar" value="true"> <param name="ShowControl…
0 votes13 answers -
Какие размеры дисплеев нужно учесть
Пишу сейчас дизайн, хочу сразу подготовить всё для адаптивности, изучил все статьи из списка по теме, пока вот выбрал себе 4 как наиболее вероятные: @media only screen and (max-width: 480px) {}@media only screen and (max-width: 768px) {}@media only screen and (max-width: 1024px) {}@media only screen and (min-width: 1025px) {}Может подскажете какие нужно учесть обязательно?
0 votes16 answers -
Скругленные углы
Знаю, скругленные углы это заежьженая пластинка, но ничего конкретного по этому поводу не нашел, кроме одного, если кто знает прамир, дайте ссылку плз. Вот нашел это Мой макет: Проблема в том что левый нижний угол дублируется в диве, как на рисунке. Вот CSS: #content { width: 927px; height: auto; padding: 0 0px; /*background: #f8e6cc*/ background: #2a3742 url(images/bgg.png) repeat-x top center; /*полоса для градиента, если в ней причина, можно убрать*/ } .corners { background: url(images/left_top.png) top left no-repeat; } .corners div { background: url(images/right_top.png) top right no-repeat; } .corners div div { background: url(images/right_bot.png) botto…
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-