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. Проблемы с плавающими блоками

    HTML: <?xml version="1.0" encoding="utf-8"?> <!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="ru-ru" lang="ru-ru" dir="ltr" > <head> <title>Продукция-Столярные Технологии Михайловск - СТМ</title> <meta name="robots" content="index, follow"/> <meta name="title" content="Продукция-Столярные Технологии Михайловск - СТМ" /> <link href="/stm-ltd.com/templates/stmltd/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link rel="stylesheet" href="/stm-ltd.com/templates/stmltd/css/…

    Asked by ownercoder,

    0 votes
    3 answers

  2. ХЕЛП: проблема с простейшей таблицей в ФФ.

    Всем привет! Ребят помогите, плз. Проблема во вставке разноразмерных картинок в табло с объединенными ячейками. Может глаз замылился, но я уже ее и так и эдак - бесполезно. Хотя, ну, что тут три строчки простейшего кода. В ФФ - она вглядит вот так картинка в ФФ А должно собственно вот так вот, как в ИЕ картинка в ИЕ <table> <tr> <td rowspan="3"><img id="fock" src="img/pLiving.gif" /></td> <td><p>Кухня</p><a id="aprtmnt1" href="apartments1.html"><img src="img/kitchen.gif" /></a></td> </tr> <tr> <td ><p>Ванная</p><img src="img/bathroom.gif" /></td>…

    Asked by eezzaa,

    0 votes
    3 answers

  3. Вертикальная разделительная черта между колонками в таблице

    Пожалуйста помогите, между двумя колонками таблицы нужно сделать разделительную вертикальную линию, но не во всю высоту, а с небольшими отступами сверху и снизу. Высота таблицы естественно динамическая. То есть нужно сделать примерно так: Пробовал сделать в отдельной колонке закрашенный блок, но он отказался растягиваться на всю высоту таблицы (только статичная высота в пикселях) PS: Если не в тот раздел написал - прошу прощения, я новичок на вашем форуме.

    Asked by Roman-NN,

    0 votes
    2 answers

  4. Два интересных вопроса

    1) Можно использовать в ненумерованном списке теги h1, h2....... Имеется список(10 строк) из ключевых слов которые хочу чтобы поисковик находил как заголовки H1 и т.п. И вообще семантично ли? 2)Как должен быть написан код HTML для последующей работы прогера (CMS)? Какие есть требования? добавляю третий вопрос, так как редактирую вопрос, не могу изменить тему. 3)если сайт предполагается на 2-х языках, как лучше всего организовывать структуру: страницы, СиСС, названия..............

    Asked by termoplus,

    0 votes
    11 answers

  5. Скроллинг и/или растягивание списка

    Приветствую всех. Столкнулся с задачей переделки хайлайтера исходников, но не могу побороть одну проблему связанную с CSS. На выходе получается конструкция такой структуры: <div class="content"> <dl class="codebox"> <dt>Заголовок</dt> <dd> <div class="codebox1"> <ol> <li> <pre><span style="color: #235ae6;">Public</span> <span style="color: #235ae6;">Class</span> Form1</pre> </li> <li> <pre> </pre> </li> </ol> </div> </dd> </dl> </div> CSS: div.codebox1 { background-color:#C0C…

    Asked by MIT,

    0 votes
    6 answers

  6. Проблема с резиновой вёрсткой

    Натолкните плиз на путь истинный. Имеем png к примеру 525 на 280 надо расположить его так, чтобы находилось ровно по середине окна браузера независимо от того, какой размер окна, а слева и справа сделать равные колонки, и при уменьшении или увеличении окна эти колонки увеличивались соответственно слева и справа к краям окна браузера. Т.е получается 3 колонки, средняя шириной 525 а крайние колонки должны быть равные и занимать всё оставшееся расстояние слева и справа независимо от размера окна.

    Asked by alex_p,

    0 votes
    5 answers

  7. стили print

    как в версии сайта для печати отобразить картинки в бэкграунде?

    Asked by imolodec,

    0 votes
    5 answers

  8. Списки цвет маркера

    Помогите! Можно ли изменить в списке цвет только маркера?

    Asked by witgen,

    0 votes
    1 answer

  9. textarea в xhtml

    Приветствую коллеги. Подскажите, параметры cols и rows всегда были обязательными для textarea в xhtml 1.0?

    Asked by qwe,

    0 votes
    9 answers

  10. чтоб картинка помещённая на сайт как бэкграунд не размножалось

    Подскажите пожалуйста как сделать чтоб картинка помещённая на сайт как бэкграунд не размножалось? Какие теги на запрет размножения?

    Asked by exploer,

    0 votes
    3 answers

  11. Помогите с ссылками

    Помогите с ссылками. Какой код нужно указывать чтобы картинка была ссылкой и при этом валидатор молчал ?

    Asked by DasBit,

    0 votes
    20 answers

  12. Градиент!

    Доброго времени суток! Помогите пожалуйста разобраться! Есть шапка, рисунок - градиент(jpg), и на этот градиент наклыдываються два рисунка. Один справой стороны а другой с левой, расширение у них .png (шапку разбил на три столбца!) Градиент с командой z-index:-1; на заднем фоне. Все это хорошо смотриться при просмотре браузера на весь экран. как только его уменьшить, появляеться внизу полоса прокрутки. Когда просмотреть документ, с помощью полосы прокрутки до конца(т.е. в право), то там видно белый цвет сайта а градиен не растягиваеться!!! И мало того, на других компьютерах шапка совсем другого цвета а градиента практически нет. Я уже измучился выяснять что у меня не так…

    Asked by :tyz,

    0 votes
    19 answers

  13. Вопрос по JavaScript

    всем привет. есть один файла ЯваСкрипт, в котором нужно прописать кириллицей вместо латинских. смысл такой. при щелчке картинка открывается в новом окне с перелистыванием "вперед" и "назад" . Так вот хочется заменить Next на ВПЕРЕД и т.д. при замене браузер отображает ???????. понятно что кодировка не поддерживается. в начале документа нигде не встретил кодировку. как поменять кодировку чтобы отображалась кириллица? спасибо

    Asked by termoplus,

    0 votes
    10 answers

  14. Проблема с отображением кириллицы в футере сайтаа

    Привет всем, у меня такая проблемка- есть сайт базы MYSQL все на UTF8 для кириллицы, казалось бы все нормально должно быть, но контент сайта отображается нормально на русском, а вот все что касается футера сайта и все что ниже (счетчики) -текст русский -кириллица выдается квадратиками в итоге, что я не так сделал помогите вот код страницы на html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Каталог</title> <meta content="text/html; charset=UTF-8" http-equiv="content-type" /> <meta name="ro…

    Asked by BF-80,

    0 votes
    18 answers

  15. Рамка вокруг рисунка

    Как сделать вокруг рисунка любого в контенте рамку серого цвета в 2 пикселя, и чтобы это было кросбраузерно на css?

    Asked by okunev2,

    0 votes
    1 answer

  16. OL li

    и так, есть список: <ol> <li>бла-бла-бла</li> <li>бла-бла-бла</li> <li>бла-бла-бла</li> <li>бла-бла-бла</li> <li>бла-бла-бла</li> </ol> как сделать, чтобы для первой строки li был отступ слева, причем нумерация была прилеплена к тексту???

    Asked by Lincky,

    0 votes
    28 answers

  17. Знающие люди, ПОМОГИТЕЕ ...

    Здравствуйте. как создать полоски по краям страницы, толщиной около 1-2 см, такие как на этом сайте: http://www.newbestmodel.com/ Всё перепробывал, не получается. Подскажите пожалуйста кто знает... очень нуно Заранее спасибо.

    Asked by 837,

    0 votes
    4 answers

  18. Коррекция подменю для IE7

    Вопрос вот такой: на этой странице в Пример 2 реализовано меню с подменю. Для вставки мне на сайт кое где подошло бы. Я просмотрела в нескольких браузерах и проблема в том, что в IE7 при наведении курсора и выпадании подменю, только верхняя строка подменю показывается корректно, а следующие под ней строки отображаются под пунктами основных строк меню. Вопрос собственно в том, не подскажет кто, какую коррекцию для IE надо внести там в стили чтобы это исправить?

    Asked by Юлия,

    0 votes
    1 answer

  19. Лишние пиксели

    Добрый день. У меня проблема с лишними пикселями. Вот пример: Есть блок (строка поиска + кнопка, все это в блоке): <div class="search"> <input name="searchword" id="mod_search_searchword" maxlength="100" alt="search" class="inputbox" type="text" size="15" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" /> <input type="submit" value="Поиск" class="button"/> </div> Задаю стили: (для блока) div.search { height: 21px; } (для строки) .inputbox { border: 1px solid #ccc; font-family: Arial; font-size: 13px; margin: 0px; } (для кнопки) input.button { background: url(../images/search.g…

    Asked by dron,

    0 votes
    4 answers

  20. Нужна помощь с растяжкой

    Ребят, задача на мой взгляд очень интересная, вобщем есть сайт, шапка, левая колонка и правая. В левой колонке есть меню, под ним Блок,а справа Контент, но вся Загвоздка в том, что Контент и это Левое нижнее меню имеют Закруглённые углы, и ещё вдобавок Фон, соответствующего цвета, Поэтому вопрос: Как сделать так, чтобы когда например Контент переполняется содержанием и тянется ниже, чтобы этот Левый блок тоже тянулся вместе с Контентом, а за ним и его Фон с уголками, и Наоборот чтобы когда Левый блок переполнялся, то уже контент тянулся за ним? Вот схема:

    Asked by psywalker,

    0 votes
    10 answers

  21. Проблемы с резиновой блочной шапкой

    Здравствуйте, делаю шапку для сайта хотел сделать на div , а не табличную, но не получается что-то, может кто-то может подсказать Шапка имеет вид все блоки по горизонту 1div(ширина фиксирована) 2div(ширина фиксирована) 3div(ширина тянучка) 4div(ширина фиксирована) У меня получилось реализовать только объединив 3div и 4div, и поставив 4div в правом углу 3div Хотел спросить можно как-то реализовать что б "3div" отдельно был тянучкой ?

    Asked by sig,

    0 votes
    4 answers

  22. checkbox

    Есть чекбокс <input type="checkbox" name="option1" id="memory" value="a1"> Как задать ему бордер и фон (сейчас с измененный ccs идет стадартный браузерный), так чтобы отражалась во всех браузерах... С помощью css, так как надо, отображается только в Опере... Если есть дельные советы, с радостью услышу и наманатаю на ус)))

    Asked by Ukols,

    0 votes
    3 answers

  23. HTML и img tag

    Как сделать, что бы никто не смог с твоего сайта скопировать фотку? астигматизм42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t 42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t 42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t 42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t 42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t 42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t 42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t 42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t42t 42t42t42t42t42…

    Asked by tariely,

    0 votes
    3 answers

  24. В чем секрет верстки на сайте?

    Есть сайт http://www.becausestudio.co.uk/ Меня интересует почему страница http://www.becausestudio.co.uk/openspace.html в IE отображается верно, а на сделанном мной - http://nikolya.com.ua/ в IE все рушится, слои не находятся один под другим (в Firefox и в Opera все в порядке). Пробовал сделать через z-index, но не помогло. Теоретически это выход, возможно я ошибся в верстке. Знающие, подскажите пожалуйста код, или решение, чтобы верно отображалось в IE!

    Asked by Kirich,

    0 votes
    2 answers

  25. Начертание текста

    делается сайтик в стиле веб 2,0. и очень классно смотрится шрифт с начертанием БОЛД. Вопрос: Можно использовать БОЛД для текстовых блоков? Текста не очень много, на странице блоков 3-5 по 3-5 строчек. В принципе для СЕО можно какой-то фрагмент заключить в СТРОГ и принцип не меняется. Просто семантичен ли такой подход? спасибо

    Asked by termoplus,

    0 votes
    1 answer

  • Обсуждения

    • 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