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. 2 разных бекграунда по сторонам основного блока

    Столкнулся с проблемой по разным бекграундам со сторон центрального блока. В идеале должно получится следующее: Собственно можно как-то это сделать используя только центральный div и background-image станицы? Если нет то понимаю нужно делать 3 шт. div по бокам резиновые по центру с заданными пропорциями, может кто код подскажет? Заранее спасибо за внимание

    Asked by tellium,

    0 votes
    8 answers

  2. Не подскажите, народ

    Сайт http://msb.adm.yar.ru/ если ставить разрешение моника 800х600, то в сайте начинает наезжать все друг на друга и появляется открытая (пустая) область слева, это видно при проктрутке. Мне посоветовали все блоки сайта поместить в спец тег, называется как то "маркью" или что то подобное, и это называется "заслонки" или как то "заставки". Мне нужна помощь, ребят кто может, может сказать как быть? Вот ссылка на скриншот: http://s43.radikal.ru/i100/1008/54/1fb7bd4fc892.jpg И еще одно: когда начинаешь масштабировать сайт с такой фичей, все сразу встает на свои места.

    Asked by Igorpurgen,

    0 votes
    8 answers

  3. Как быть с тэгами index/noindex?

    Заказчику сеошники втирают про просто-таки жизненную необходимость присутствия на странице не предусмотренных ни одной спецификацией тэгов <index> и <noindex>. Я сама в теме seo где-то около полного нуля, и возразить ничего не могу, даже если и существуют увесистые соображения против. При этом когда вижу красную реакцию валидатора на свою страницу, всё внутри переворачивается, естество восстаёт, а совесть спать спокойно не даёт. Как быть?

    Asked by swetlana,

    0 votes
    8 answers

  4. IE7 появляется отступ

    Не пойму, почему появляется отступ в IE7? На картинке видно белую полосу. Вот страничка, например. Причем, глюк проявляется только в каталоге. В FF, хроме и опере нет отступа. В 8м ИЕ не проверял - у меня его нет на работе. UPD: логин/пароль для входа на сайт: km Сайт просто еще в работе.

    Asked by d0ublezer0,

    0 votes
    8 answers

  5. Подскажите, как лучше сделать

    Здравствуйте ! Нужно сделать горизонтальное меню с разделителями, при этом сверху над надписью должен быть рисунок. Делал это меню, естественно, списком, в качестве разделителя использовал border-left для li. Также для li сделал фоновым рисунок, который должен находиться сверху. Собственно, вот что должно получиться: А вот, что пока получается: Как можно увидеть, бордеры разъехались на всю высоту блока li. Как сделать, чтобы разделитель был как и на рисунке, который показывает, что должно получиться ? Придётся отказаться от бордеров и юзать клавишу-разделитель на клавиатуре ? Заранее спасибо за помощь !

    Asked by dimacat,

    0 votes
    8 answers

  6. first-child в IE6

    Здравствуйте! Подскажите пожалуйста следующий момент. Есть вот такой код: #seriy_fon{width: 320px; height: 60px; background:#999966;} .section {width: 98px; height: 58px; border: solid 1px #000000; float:left; margin-left: 10px;} #seriy_fon div:first-child {margin-left: 0px;} Однако, как я узнала IE6 " не понимает" first-child. Я написала след класс: .section_first {/* IE6 */ width: 98px; height: 58px; border: solid 1px #000000; float:left; margin-left: 0px;} Но знаний очень мало, как его в основном файле использовать/подключить? Наверное как то прописывается условие для IE6? Подскажите пожалуйста каким образом. Заранее спасибо.

    Asked by mgla,

    0 votes
    8 answers

  7. Что-то непонятное с line-height

    Имеется такой пример: <!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=UTF-8" > <title>Пример</title> <style> DIV { width:100px; height:300px; background-color:#CCC; line-height:12px; } SPAN { color:#F00; background-color:#CC0; font:12px/12px "Lucida Console"; margin:0px; } </style> </head> <body> <div> <span>слова слова слова слова слова слова слова слова слова</span> </div> </body> </html> В мозиле, опере и хроме непонятные промежутки в …

    Asked by Колос,

    0 votes
    8 answers

  8. наложение заголовков на меню в ИЕ7

    Столкнулся вот с такой штукой наблюдается в ИЕ7. В ИЕ6, ИЕ8, ФФ3.6 все нормально. никак не могу понять, где засада прошу помощи сообщества пациент здесь

    Asked by am-inbox,

    0 votes
    8 answers

  9. Проблемы с отображением

    В общем верстаю на таблицах, есть шапка, три колонки, и подвал, проблема что когда захожу на страницу, у меня некоторая часть фона tr который я задал для трех колонок, не отображается, т.е. какой-то белый фон, когда обновляю страницу, все становится нормально, вот пример до обновления страницы http://i049.radikal.ru/1008/2e/8713755674fa.jpg после http://s002.radikal.ru/i200/1008/31/19c79fd79ad2.jpg все остальное нормльно, только этот фон. Фон задан в tr, в нем же три ячейки. body {background:#fff;font-family:Times New Roman, serif;font-size:15px;color:#000;} table {width:1300px;height:1300px;margin:0 auto 0 auto;} tr#shapkazone {height:420px;} td#shapkaobl {width:1300px;…

    Asked by ret,

    0 votes
    8 answers

  10. Выравнить Текст По Середине Изображения ?

    на сайте на одной строчке есть изображение и с права от него текст, нужно выравнить текст по середине изображения, но почемуто margin, padding и line-height ниначто не влияют код такой <p> <a href="#"><img src="/sites/default/files/img/route_plan.jpg" alt="print" /></a> <a href="java script:window.print();"><span>Напечатать адресс</span></a> </p> Как можно выравнить Напечатать адресс по середине изображения route_plan.jpg ?

    Asked by asker2,

    0 votes
    8 answers

  11. Margin И Padding

    Дорогие друзья, добрый день! Я не могу разобраться в чем разница между margin'ом и padding'ом. Я конечно понимаю, вопрос глупый. Сам если использую, то, только копипастом. Я понимаю, что padding расширяет весь элемент, а margin - не элемент (как то так) Это можно увидет, если задать фоновый рисунок, или цвет. Но в принципе что лучше использовать, ведь отступ так и так есть. Хотелось бы услышать вашего ответа. Спасибо.

    Asked by Igorpurgen,

    0 votes
    8 answers

  12. Нижний Край Для Выпадающего Css Меню.

    Всем добрый день! Надеюсь кто-то сможет помочь... На своем сайте я хочу реализовать выпадающее меню на чистом CSS в виде раскрывающегося свитка. Условный пример: На данный момент я прикрутил меню по подобию http://www.projectseven.com/tutorials/navi...de/workpage.htm HTML-код (Заранее извиняюсь за длинный код). <link href="p7exp/p7exp.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="p7exp/p7exp.js"></script> <!--[if lte IE 7]> <style> #menuwrapper, #p7menubar ul a {height: 1%;} a:active {width: auto;} </style> <![endif]--> </head> <body onLoad="P7_ExpMenu()"> <div id="menuwrapper">…

    Asked by Luminar,

    0 votes
    8 answers

  13. Динамичный Проверочный Список По Верстке

    Может кто подскажет такой список (форму) для проверки верстки. Например: валидация html и css, указание кодировки, направление текста и т.д.. Или лучше форма. В зависимости от указанных параметров (доктайп, используется скрипт и т.д.) выдаёт проверочный список. Думаю что там написал)

    Asked by iandsociety,

    0 votes
    8 answers

  14. Проблема Растягивания Div В Ie

    всех приветствую! проблема такая: имеем разметку - таблица с 2-я столбцами (ширина таблицы - по умолчанию, ширина 2-го столбца 400px). во второй колонке расположен div (ширина по умолчанию) в ie контролы ввода растягивают 2-й столбец, но ширина в 400px применяется к div'у, отсюда глюк. см. ниже а в ff все ок.. Как исправить ситуацию в ie? Плохо разбираюсь как влияет ширина при вложении div в таблицу и наоборот. Какой элемент какой растягивает... div колонку или колонка div.. Объясните плиз или ткните носом по ссылке Спасибо

    Asked by mvitaly,

    0 votes
    8 answers

  15. Сайт На Дивах - Перекрытие

    Здравствуйте! На сайте с помощью абсолютов загнал блоки в дивы и разместил их по нужным мне местам(спасибо psywalker'у). Все отлично, да вот возникла очередная проблема! Центральная панель(тетрадные листочки и пачка сигарет) перекрыла левую и правую. Левую - хрен с ней, а вот на правой находится ссылка и 2 счетчика, которые должны быть действующими. Помогите справиться с проблемой. С уважением.

    Asked by f1nik,

    0 votes
    8 answers

  16. подскажите пожалуйста

    При заливке сайта на хостинг, на некоторых страницах некорретно отображаются стили, причем обсалютно тоже самое на локалхосте работает все как надо, с чем это может быть связанно? (файлы стилей подключаются) ума не приложу, ведь стили и хтмл код обрабатывается браузером и по идеи разницы не должно быть. И еще что я никак не могу понять на некоторых страницах перед <доктайтом... появляется точка, откуда это? спасибо

    Asked by Sub-zerro,

    0 votes
    8 answers

  17. Подскажите пожалуйста

    Можно ли как нибудь задать минимальный размер div? Спасибо

    Asked by Select,

    0 votes
    8 answers

  18. Картинка по центру

    На гугле не забанен, но то что мне надо я так и не нашёл. В общем у меня в контенте идёт текст, потом картинка, потом опять текст, потом опять картинка. Мне надо сделать так, чтобы картинки были по центру выравненны в контенте с помощью css. Как это сделать? Вроде есть что то типо padding-left: 0 50%. Но у меня это что то не работает.

    Asked by prowoke,

    0 votes
    8 answers

  19. отступы от элементов сайта.. центрирование

    Здравствуйте! У меня собсно, такая проблема: верстаю сайт(так, для отработки навыков) и не получается убрать отступы (выделено красным на картинке) и еще вопрос? как сделать так, чтобы сайт отцентрировался в опере, осле и мозиле? сколько делал.. что-то в голову не прихолит решения... Помогите пожалуйста... По возможности объясните технологию..))) КОД: html </p><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test page</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" type="text/css"…

    Asked by Diego,

    0 votes
    8 answers

  20. В ie страница прыгает

    После прокрутки делаю рефреш (в ie8). Затем при наведении на ссылку мышкой страничка прыгает, занимая положение до рефреша. Подскажите, пожалуйста, как бороться с этим неприятным эффектом. <HTML> <BODY> <style type="text/css"> a:hover{ color: #ffffff; background-color: #003399; } </style> <TABLE><TR><TD><a href=''>link</a></TD></TR></TABLE> <TABLE><TR><TD height=1000></TD></TR></TABLE> </BODY> </HTML>

    Asked by yablozi,

    0 votes
    8 answers

  21. Разреженный текст - как быть?

    Есть русско-японский текст (конкретно - перевод японской Википедии с помощью Google Translate). Вот такой код <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8;charset=utf-8" /> </head> <body> Справка </body> </html> даёт разреженные русские буквы в Opera и FireFox. В IE нормально (хотя он наверное опять что-то игнорирует). Стоит убрать lang="ja", всё нормально. Как быть?

    Asked by Webr,

    0 votes
    8 answers

  22. CSS - Overflow

    Додбрый день, уважаемые, подскажите пожалуйста, вот есть блок у которого свойство overflow - hidden. Внутри него находится другой блок, который по размерам больше 1-го. Из-за overflow-hidden свойства 1-го блока, внутренний блок частично урезается. Можно ли как-нибудь задать свойство таким образом, чтобы сво-во overflow-hidden не распространялось на внутренний блок, как-нибудь переопределить его? Помогите пожалуйста. Не получается у меня. Спасибо за внимание.

    Asked by olgasme,

    0 votes
    8 answers

  23. Навигация по сайту

    Здрасте! Помогите пожалуйста чайнику со сложившиейся ситуацией! Вот пытаюсь научится верстать сайты. Но пока только пытаюсь. Все бы хорошо, но вот хорошего учителя под рукой не хватает. Начну с начала: Есть сайт с тремя как бы главными страницами - Главная - Литература - Видео - У каждой страници есть свои подстраници. Например: -Литература -> Художественная литература - Научная литература - Познавательная литература - И у каждой подстраници есть свои категории. Например: - Научная лература -> Философия - Психология - И Т.Д. - Теперь сам вопрос: Как сделать меню навигации такого типа: Под шапкой сайта находится горизонтальное статическое меню категорий - Главная -…

    Asked by Askal,

    0 votes
    8 answers

  24. создание таблицы

    Здравствуйте, должна быть таблица с двумя строками, а в каждой строке по 2 ячейки. В ячейке 1-1 и в расположенной по диагонали ячейке 2-2 находятся рисунки, а в ячейках 1-2 и 2-1 находиться текст и все ячейки разной длины и все содержимое прижимается к левой стороне. Так вот - с одной строкой все содержимое ведет себя ок., а когда создаю вторую строку с ячейками 2-1 и 2-2 , то все четыре ячейки становятся одинаковыми по длине, не зависимо от содержимого. Подскажите в чем причина?

    Asked by pattaya,

    0 votes
    8 answers

  25. Неправильное отображение в Google Chrome

    Добрый день! Не мог бы кто-нибудь подсказать в чем дело - сайдбар сайта отображается вполне нормально во всех браузерах, за исключением Google Chrome (да и то - на каких-то мониторах нормально, на каких-то нет) Проблема появилась буквально пару дней назад, до этого все было ок. Изменения в шаблоне сайдбара были минимальными. Сайт - uptracker точка ru Помогите пожалуйста! Заранее спасибо)

    Asked by SWG,

    0 votes
    8 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