Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Слетела кодировка

    Не знаю, сюда ли писать, но возник вопрос. http://dobropol.ru/ Выложил сайт на хостинг, кодировка слетела, почему-то. Всё указал верно в коде. В чём может быть проблема?

    Asked by Tezil,

    0 votes
    9 answers

  2. Старые добрые иероглифы

    Сайт Absolut-book.ru. У меня все открывается на русском языке. Однако когда я пытаюсь проанализировать этот сайт любый сервисо он видит иероглифы... (+ с фаер фокса тоже иероглифы) на страницах сайта: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> или же просто: <meta charset="utf-8" /> Так же в настройках: Page Properties->Title/EncodingEncoding - Юникод (UTF-8) Так же галочка - Include Unicode Signature (BOM). Тут на заметку. Если убрать эту галочку, то и на сайте будут иероглифы. Что делать? Что исправлять?

    Asked by vl.zemtsov,

    0 votes
    9 answers

  3. Ru. Eng. Esp. Как их подружить?

    Доброго всем утра, кто знает как правильно называется проблема (или вопрос) связанная с добавлением нескольких языков на сайт ? Что посоветуете , переписать весь сайт в трех экземплярах или есть вариант с каким-нибудь плагином-переводчиком , может быть еще что ? Спасибо.

    Asked by RomanF,

    0 votes
    9 answers

  4. Стоимость работы

    Добрый день. Подскажите, во сколько можно оценить стоимость работы по каждому из этих сайтов (верстка макета, + интеграция в cms) http://www.sirius-vet.ru/ http://www.сихай-де.рф/ http://www.ei2009.ru/

    Asked by Heidel,

    0 votes
    9 answers

  5. Верстка меню

    День добрый! Есть вот такое вот меню: А как его сверстать правильно и практичнее всего будет - нет идей. Сложность - в загнутых уголках по бокам. Или тупо вставить все это дело картинкой? Но правильно ли это будет, и плюс ко всему нужно ведь, чтобы этот уголок потом тянулся в зависимости от размера монитора на всю ширину. Что посоветуете?

    Asked by Imperil,

    0 votes
    9 answers

  6. Посоветуйте, что учить дальше?

    Доброго времени суток. Я около 2х месяцев учусь верстке , сейчас знаю HTML+CSS, вполне могу сверстать статичный сайтик из 5-7ти страниц по макету. Так вот вопрос, что учить дальше? Js/jquery или можно продолжить изучением какой либо CMS? И если не трудно, посоветуйте какие нибудь онлайн уроки, а то везде пишут по разному и мне не понять, что лучше. Заранее благодарю за ответ.

    Asked by Piley,

    0 votes
    9 answers

  7. Не получается поставить шапку

    Помогите пожалуста поставить шапку <!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="x-ua-compatible" content="ie=edge" /> {headers} <link rel="stylesheet" href="{theme}/css/style.css" type="text/css" /> <!--[if lte IE 7]> <link rel="stylesheet" href="{THEME}/css/style-ie.css" type="text/css" /> <![endif]--> <!--[if IE 8]> <link rel="stylesheet" href="{THEME}/css/style-ie8.css" type="text/css" /> <![endif]--> <script type="text/javascript" src="{theme}/js/sharett.…

    Asked by xdimn,

    0 votes
    9 answers

  8. Почему подключенные шрифты выглядят в разных браузерах по разному?

    Всем привет! Подключил на сайт http://flowqi.ru несколько шрифтов с помощью CSS @font-face { font-family: "Chine"; src: url('fonts/chine.eot'); } @font-face { font-family: "Chine"; src: url('fonts/chine.ttf'); } @font-face { font-family: "President Cyr"; src: url('fonts/President_Cyr_Regular.eot'); } @font-face { font-family: "President Cyr"; src: url('fonts/President_Cyr_Regular.ttf'); } @font-face { font-family: "JakobCTT"; src: url('fonts/JakobCTT_Regular.eot'); } @font-face { font-family: "JakobCTT"; src: url('fonts/JakobCTT_Regular.ttf'); } В результате в разных браузерах шрифты отображаются по разному Идеально в IE. Можно ли это победить? Может со шрифтами чт…

    Asked by VasyOK{!},

    0 votes
    9 answers

  9. Растянуть фрейм/див/картинку/etc на всё незанятое пространство родительской ячейки - как?

    Доброго времени суток! Вроде бы простая задача... Может, я что-то не так объясняю, или гуру вёрстки обходят стороной такие пустяковые темы... Но я уже на трёх форумах побывал, и нигде никто не смог дать ответ. А вопрос в следующем: Есть табличка на две колонки. В левой - меню, а под меню - iframe (с котёнком). В правой - как обычно - контент. Как сделать так, чтобы таблица растягивалась за счёт контента, а фрейм занимал всё оставшееся свободное пространство под меню? На скриншоте слева - то, чего я хочу добиться. Собственно, для Оперы - уже добился, работает. Установил фрейму высоту в 100% и overflow hidden для ячейки. Однако это решение НЕ работает в хроме (скринш…

    Asked by Postscripter,

    0 votes
    9 answers

  10. em vs px

    Всех приветствую. Сабж, собсно такой: имеет ли смысл на сегодняшний день, задавать размер шрифта в em? Все более-менее современные и не очень браузеры нормально зумят шрифт, который задан в px ( да и зумить страницу гораздо проще, чем лезть в настройки и менять размер шрифта ). Ну а для резины проценты, имхо, гораздо удобней. В em меня не устраивает то, что некоторые элементы при увлечении шрифта, ломаются. Например, горизонтальная менюшка: на всю ширину, текст в em. В итоге меню лезет на новую строку... nowrap не катит. Как исправлять подобные вещи? Использовать в таких местах px?

    Asked by SuperJerk,

    0 votes
    9 answers

  11. Прижать блок к правому блоку без скрола при смене разрешения экрана

    Здравствуйте! Столкнулся с такой проблемой: Дано: Два блока. 1-ый блок содержит контент, 2-ой как элемент дизайна. Задача: Прижать 2-ой блок к правому краю экрана (ширина монитора 1900px по ширине) при условии, чтобы блок оставался именно в правом блоке, без смещений и при ширине экрана, к примеру, 1200px, соответственно чтобы небыло полосы прокрутки. Вот наглядные скрины: http://splotnikov.ru/1.jpg http://splotnikov.ru/2.jpg Подскажите пожалуйста как сделать. Заранее благодарен!

    Asked by 13bis,

    0 votes
    9 answers

  12. Выровнять текст по центру экрана

    Подскажите как выровнять текст, который сейчас по середине экрана (текст может быть различной длины) http://cardterapia.ru/step1 чтобы он всегда был в центре в независимости от размера экрана

    Asked by smirn0ff,

    0 votes
    9 answers

  13. Помогите с проблемой, появляется пунктирная линия под картинкой.

    Я новичок, сейчас делаю сайт, собственно вот он: _http://personaastro.ru и проблема в отображении на главной странице активных ссылок в виде картинок. Под этими картинками в некоторых браузерах, а именно в firefox и opera, появляется пунктирная линия. По другим форумам мне не могут дать ответ, советуют параметны img src выставить 0 и none, уже выставляли и в коде css, и на странице, не помогает.. вот текущий скрипт: <acronym title="/ov-tod.html" style="/aries.png" width="Телец"> <a href="/tel-tod.html"><img src="taurus.png" width="Близнецы"> <a href="/bli-tod.html"><img src="/gemini.png" width="Рак"> <a href="/rak-tod.html"><img src…

    Asked by ilia,

    0 votes
    9 answers

  14. Требуется помощь c jQuery. Автоматически добавить класс к изображениям.

    <script type="text/javascript"> jQuery(document).ready(function($){ var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('rel', 'fancybox'); select.fancybox(); }); </script> Код вырвал из всем известного плагина FancyBox насколько я догадываюсь именно он добавляет ко всем изображениям ссылку с этим же изображением и rel=fancybox все бы ничего, но с этим плагином у меня напряг, да и вообще с любым другим подобным... Есть карусель, картинки в ней генерируются с помощью php (сайт на Wordpress), хочется чтобы при нажатии на к…

    Asked by Березовский,

    0 votes
    9 answers

  15. Запись числа в текстовой файл

    Добрый день. Уменя в коде HTML есть такой фрагмент: <map name="Map" id="Map"> <area shape="rect" coords="12,257,37,290" href="#2956584" "window.open('Okno_Vikluchatela.html','newin','Toolbar=0,Location=0,Directories=0, status=0, menubar=0, scrollbars=0, resizable=0, copyhistory=1, width=800, height=600')" /> <area shape="rect" coords="131,259,157,293" href="#1" "window.open('okno_razmikatela.html','newin','Toolbar=0,Location=0,Directories=0, status=0, menubar=0, scrollbars=0, resizable=0, copyhistory=1, width=800, height=600')" /> <area shape="rect" coords="248,256,270,293" href="#231" "window.open('Okno_Vikluchatela.html','newin','Toolbar=0,Loc…

    Asked by JohnChaban,

    0 votes
    9 answers

  16. 3-х колоночный макет

    Столкнулся с такой проблемой. При разметке 3-х колоночного макета решил использовать позиционирование. Колонки обернул дивом, но они игнорируют его. То что разметил выложил здесь: http://jsfiddle.net/NvLQg/ Как решить проблему? Обтеканием решил не пользоваться, поскольку надо создавать дополнительный слой с clear: both; А при позиционировании, на мой взгляд, можно более гибко работать с отступами между колонками.

    Asked by gregsv,

    0 votes
    9 answers

  17. вложенные списки , изменение отступа дочернего списка

    привет всем ! есть дерево вложенных списков вложенных списков есть определённый предел после которого надо вложенный список поровнять с главным самым верхним <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> а надо чтоб было <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> предел после которого происходит это действие может изменяться теперь сам вопрос возможно реализовать это только CSS Если есть идеи поделитесь пожалуйста.

    Asked by SergeyZelensky,

    0 votes
    9 answers

  18. Не работает last-child

    Между пунктами меню использовал палочки-разделители. В первом и последнем пункте меню захотел убрать разделители с помощью first-child и last-child. First-child сработал, а last-child нет. Чего он не работает? #nav li:first-child {border-left:none} #nav li:last-child {border-right:none} <ul id="nav"> <li><a class="hsubs" href="#">Товары</a> <ul class="subs"> <li style="border:0"><a href="#">Submenu 1</a></li> <li><a href="#">Submenu 2</a></li> <li><a href="#">Submenu 3</a></li> <li><a href="#">Submenu 4&lt…

    Asked by apexis,

    0 votes
    9 answers

  19. Закругленные края текстового поля и textarea

    Здравствуйте! Подскажите, как правильно и кросбраузно сделать закругленные края для type="text" и textarea. У меня нет возможности проверить все браузеры и под каждый сделать свой css. Очень буду благодарен за помощь!

    Asked by bgraf,

    0 votes
    9 answers

  20. Таблица с разными колонками

    Здравствуйте, наверняка тема уже где-то всплывала, но немного поискав ничего не нашел Подскажите пожалуйста, как реализовать - Есть таблица с двумя колонками, мне нужно что бы к первой колонке применялся один стили, а ко второй колонке другие, задавать классы руками будет очень долго и неудобно, таблиц будет много. В интернете я нашел скрипт который автоматически задает классы колнкам, но почему-то он не сработал, колонки остались без классов. Вот скрипт var TR = document.getElementsByTagName('tr'); for(var i = 0; i < TR.length; ++i) { with(TR[i]) { if(i%2==0 & i != 0) className='odd'; else className='even'; } } Вот моя табличка: <table border="0"…

    Asked by Dolce,

    0 votes
    9 answers

  21. ТИЦ упал. Что делать.

    Господа. Был ТИЦ 10. И я продолжал ракручивать сайт покупал ссылки, регистрировался в форумах и т.д. Думал, надеялся скоро ТИЦ стане 20 и более И тут открываю сайт ТИЦ меньше 10. Что случилось? Выкинули из Яндекса? Как узнать что делать?

    Asked by mihai,

    0 votes
    9 answers

  22. Нужна совет, помощь по отладке скрипта

    Есть проблема мод (скрипт) в левой колонке отображается нормально но как его переносишь в футор почему то его растягивает, как это испивать, чтобы он отображался везде одинаково.

    Asked by lev99,

    0 votes
    9 answers

  23. Сделать ссылку кликабельной на весь блок

    Подскажите, пожалуйста. Есть такой код - http://jsfiddle.net/...tPCz8CJv/fVzqm/ Половину дела сделал, а на вторую не хватает знаний. Что-то крутится вокруг да около, а в итоге - не выходит. нужно сместить текст к правому краю, но чтобы выравнивание самого текста осталось как есть. и сделать кликабельным все пространство блока h1. то есть - на все пространство фонового изображения (логотипа). сейчас такая картина есть - http://itmages.ru/im...972659/d41d8cd9

    Asked by aaron,

    0 votes
    9 answers

  24. Убрать зазор и отцентровать по-вертикали навигацию

    Подскажите, пожалуйста. Есть такой код - http://jsfiddle.net/...tPCz8CJv/WuxvJ/ Он создан для чистого эксперимента. Но на последней стадии возник вопрос. Между ul и #head есть очень небольшой зазор по вертикали. Как мне его убрать и выровнять, чтобы li a был по центру (20px)? Пробовал line-height для a и li - не помогает, почему-то. Padding и margin - вообще не то. Подскажите, что не так? Ошибся - точнее, между ul и li зазор есть по вертикали.

    Asked by aaron,

    0 votes
    9 answers

  25. Почему не смещается текст?

    Здравствуйте. Пытаюсь сдвинуть текст вниз относительно исходной позиции. Значение bottom для vertical-align работает, но слишком занижает, надо некое промежуточное положение по вертикали, Пытаюсь процентами задать вот так: .moduletable_cats>h3{ background:url('../images/cat_header_small.jpg') no-repeat center bottom; height:34px; width:238px; padding-left:7px; color:white; margin-bottom:0; display:table-cell; vertical-align: -30%; } и +30% пробовал. никак. Что не учитываю? Благодарю

    Asked by borus,

    0 votes
    9 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept