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. Что я делаю не так

    Здраствуйте, прошу помощи,уже больше часа питаюсь решить - есть код <table style="width: 100%;margin-top: 4px;" > <tr class="topic-name-full" > <th style="text-align: left;" ><img src="post.png" style="margin-right: 10px;" alt=""/><h2>Добро пожаловать1111111111111111111111111111111111111111111111111111</h2></th> <th style="background: #eaeeef url('../images/button-bg.gif') right top repeat-y;" > <div class="button" style="float: right;" ><a href="#" ><span><img src="images/button-ico/post.png" alt="" />Ответить</span></a></div> </th> </tr> </table> и ксс .topic-…

    Asked by Mr.Black,

    0 votes
    6 answers

  2. Позиционирование слоев в разных браузерах

    Следующий код в браузере Chrome и Operа отображается по разному: <!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="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #id { position: absolute; margin-top: 10%; margin-left: 10%; width: 100px; height: 10%; background-color: black; } #id2 { position: absolute; margin-top: 20%; margin-left: 10%; width: 100px; height: 10%; background-color: green; } </style> </head> <body> <div id="id">First layer&l…

    Asked by Safronik,

    0 votes
    6 answers

  3. проблема:несколько блоков по центру по горизонтали в одну линию?

    В одну линию получается только когда использую float:left или right, при этом естественно что блоки прижимаются к краям, как сделать чтоб блоки располагались по центру по горизонтали в одну линию? Колво блоков будет зависить от шины монитора...

    Asked by uaAlex,

    0 votes
    6 answers

  4. Проблема с таблицами

    Проблема такая: Нужно чтобы таблица растягивалась как в firefox 4.0 ie8 и opera 11. В браузерах типа -webkit- почему то не работает(( и op9.27 страница: http://vladislav805.narod.ru/windows.html и также смотрелась и на http://vladislav805.narod.ru/index.html (здесь также ff4+ ie8+ op11+ работает)

    Asked by vladislav805,

    0 votes
    6 answers

  5. категоризированный url в google поиске

    Всем привет, подскажите как добиться чтобы в гугл поиске ссылка на материал вашего блога выглядела: www.ваш_сайт > название блога (ссылка) > название_раздела (ссылка) > название_категории (ссылка) > материал (ссылка) сайт на html, юкозовский движок Заранее благодарен

    Asked by vovanenok,

    0 votes
    6 answers

  6. бэкграунд БОДИ уходит влево

    Помогите пожалуйста исправить... вот код BODY html, body { color: #d5f0fc; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; background: #86b8cd url(../images/headerbg.jpg) no-repeat 50% 0; width:100%; height:100%; padding:0; margin:0; } пыталсы еще так html, body { color: #d5f0fc; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background: #86b8cd url(../images/headerbg.jpg) no-repeat top center; width:100%; height:100%; padding:0; margin:0; }

    Asked by rash2x,

    0 votes
    6 answers

  7. Проблемы с z-index.

    Добрый день! Есть сайт bizprofi.ru На главной слайдер - он работает нормально. Картинки имеют z-index больше 100, javascript'ом они увеличивается на единицу при смене картинок (но едва ли кто-то дойдет до 1000) И есть проблемный блок. По умолчанию он скрыт. Чтобы его увидеть нужно нажать на ссылку в шапке под телефонами "написать нам". У всплывающего блока z-index 1000 но картинка его все равно перекрывает. Очень прошу помочь разобраться в чем же дело?

    Asked by Artik20003,

    0 votes
    6 answers

  8. Съезжает блок

    сайт http://art-devision.vladiva.com/index.php главная страница съезжает где то на 5px влево,по сравнению с другими страницами, никак не пойму в чем дело подскажите плиз

    Asked by Demeus,

    0 votes
    6 answers

  9. Правильно ли я делаю?

    Скажите правильно ли седлано? Есть какие то недочёты? Вот как разделён у меня документ по блокам : <div class='wrapper'> <div class='header'> </div> /*Здесь контент*/ <div class='push'> </div> </div> <div class='footer'> </div> Вот стили каждого из блоков: .footer, .push { clear: both; } * { margin: 0; } html, body { height: 100%; width:100%; min-width: 1024px; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; position: rela…

    Asked by new01,

    0 votes
    6 answers

  10. Создание таблицы из 3 частей.

    Всем привет! В ходе работы создался вопрос, который не могу решить. У меня есть нарисованная картинка в виде таблички: примерно такая, только без надписей top, bottom и т.д. я распилил её на три части и назвал top.png, center.png и т.д. а потом захотел сделать из неё таблицу (фон для контента) и влепил сначала первый слой, где находился center (и задал background repeat-y) а затем ещё два слоя где указал no-repeat для бэкграунда top.png и bottom.png. В общем, ребята, у меня какая-то каша получилась. Расскажите пожалуйста, как бы вы решили подобную проблему, если бы столкнулись с ней. Огромнейшее спасибо всем кто откликнется.

    Asked by boompaw,

    0 votes
    6 answers

  11. Меню.

    Привет всем! Вот такой вопрос по поводу меню.На кнопках есть 2 состояния. Как сделать этот коричневый фон на кнопках Каталог, Прайс-лист, Доставка/Оплата, Контакты понятно.А как сделать этот фон на кнопке Главная,он там скругленный?Кто как бы сделал?У меня есть идея только присвоить каждой ссылке,то есть тэгу <a> id, ну как бы каждая кнопка будет отдельной. Заранее спасибо.

    Asked by AndreyGSPB,

    0 votes
    6 answers

  12. выравнивание содержимого ячейки

    хочу что бы размер ячейки был = размеру содержимого мой код. TABLE { table-layout: fixed; position: fixed; top: 10px; float: left; left: 790px; font-size: 14px; font-weight: bold; vertical-align: top; } TD { vertical-align: top; } <table width="200" border="1" > <tr> <td><a href="#"><ul>item 1</a></td> </tr> <tr> <td><a href="#"><ul>item 2</a></td> </tr> <tr> <td><a href="#"><ul>item 3</a></td> </tr> <tr> <td><a href="#"><ul>item 4</a>…

    Asked by atew,

    0 votes
    6 answers

  13. Мультиязычный сайт

    Здравствуйте, как можно сделать сайт с несколькими языками. Мне надо rus и eng. Например есть 2 файла index.html один на русском, другой на английском. Надо чтобы с одного на другой можно было перейти по ссылке вверху страницы "rus/eng", но при этом строка в браузере выглядела так : www.example.com/ru/ ,а не www.example.com/ru/index.html (index.html на русском). Надеюсь понятно

    Asked by quixtar,

    0 votes
    6 answers

  14. CSS файлы

    Всем добрый вечер! У меня в папке "topics" - 15 статей (topi1.html, topic2.html, topic3.html, etc) В папку "css" - 15 css файлов соответственно (topic1.css, topic2.css, topic3.css, etc) CSS файлы для всех статей почти одинаковые, в некоторых файлах только есть стили, которые в других не используются. Как лучше сделать: оставить для каждой статьи свой css файл или же создать 1 большой css файл для всех 15 сразу? Ничего страшного, что на некоторых страницах будут подгружаться стили, которые не будут использоваться?

    Asked by Sergey25,

    0 votes
    6 answers

  15. Проблема с тенью по бокам

    Здравствуйте. Вот дизайнер меня попросил добавить тень по бокам сайта. Т.к. эффект популярный я погуглил, нашёл разные решения, но то, что я нашёл и попробовал не совсем мне подходит. Вот как должно быть: http://s05.radikal.ru/i178/1103/fb/0fe06aeec462.jpg. Я брал полоску этой тени и засовывал её в обёртку блок, блок делал width: 1010px; . Но в том случае появляется такая проблема, что слева полоска отображается корректно, но т.к. она начинает идти слева направо, то справо я получаю что нарастание тени идёт не слева направо, как надо, а наоборот. Вот как в таких ситуациях правильно сделать? А то, что я пробовал дальше это уже глупость и шаманство какое то было, пробовол д…

    Asked by prowoke,

    0 votes
    6 answers

  16. DIV по высоте экрана

    Друзья, можно я задам вам вопрос.?! Задумка, сверху див во всю ширину экрана пользователя(1) но под дивом идет еще и контент (5)(если прокрутить вниз(2)), на экране разных пользователей с разной высотой экрана(3), верхний див будет растягиваться на всю высоту которую позволяет экран. Для наглядности нарисовал картинку вот ссылка. Спасибо за внимание, а за помощь респект большой.

    Asked by getalusk,

    0 votes
    6 answers

  17. Два блока(div) заданной шириной рядом по горизонтали + текст обтекает только один блок

    Здравствуйте! Вот здесь на сайте есть такой пример - http://htmlbook.ru/faq/kak-razmestit-dva-sloya-po-gorizontali. Мне хотелось бы сделать, чтобы текст внизу "Duis te feugifacilisi..." шел сразу под желтым блоком, а при увеличении содержимого серого, обтекал бы серый. Да, и самое главное, чтобы сохранилось у серого блока "прилипание" левого края к желтому при растягивании ширины браузера, т.е. float: right; для .layer2 не совсем подходит. Кто-нибудь знает, как это реализовать блоками, может по-другому сверстать нужно? Вот картинка, как должно выглядеть:

    Asked by Rossi25,

    0 votes
    6 answers

  18. Кодировка

    Пытаюсь освоить CMS MODx, хотя и фундаментальных знаний пока не хватает. Вопрос вот в чем: В настройках CMS указана кодировка utf8, в коде страницы тоже utf8 <!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" lang="ru" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <title>Realistic</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="imagetoolbar" content="no" /> <link rel="stylesheet" href="/assets/templates/var2/styles/layout.css" type="text/css" /> &…

    Asked by inok,

    0 votes
    6 answers

  19. Рамки таблицы в Опере при direction: rtl.

    Проблему наблюдать можно здесь. Совершенно безумное поведение рамок у таблиц в опере. В частности, наверху пропала левая рамка, а в таблице в правой колонке ниже картинки автомобиля как будто нижние рамки сдвинуты влево на одну ячейку. Что это за явление? Как с таким бороться?

    Asked by swetlana,

    0 votes
    6 answers

  20. div 3 колонки

    НЕобходимо,чтобы три блока внутри другого блока находились на одной высоте прижатые друг к другу,но 3й блок уходит вниз. Как исправить, потому что не могу понять что делаю не так Код CSS div#header { background: grey; border: yellow 3px ridge; width: 888px; min-width: 200px; } div#logo{ background: red; border: green 2px ridge; width: 363px; height: 140px; float: left; } div#menu{ background: darkblue; border: black 2px ridge; width: 150px; height: 169px; margin-left: 367px; margin-right: 367px; } div#picture{ background: top yellow; border: darkgreen 2px ridge; width: 363px; height: 169px; f…

    Asked by olejan,

    0 votes
    6 answers

  21. Прошу советов по верстке меню (Joomla 1.5)

    Всем привет! В общем дали шаблон с горизонтальным меню и индивидуальными картинками к пунктам: Все просто - картинка сверху, текст снизу... Сперва впервые сделал на жумле 1.6, там все быстро получилось 0_о, имхо - 1 вариант отображению меню - список и ковыряй... Потом решил повторить тоже самое на 1.5 и... ничего не получается... Не знаю, есть ли смысл кидать код - не знаю какой выбрать режим... Как бы вопрос скорее к тем, кто делал подобное на жумле...

    Asked by Игорёk,

    0 votes
    6 answers

  22. Закругленные уголки у таблицы

    Возможно сделать закругленные уголки у таблицы средствами border-radius? Скруглить же только блок можно?

    Asked by maerrry,

    0 votes
    6 answers

  23. Помогите с отображением в IE

    Вот сайт http://рубщик.рф/.Во всех браузерах нормально отображается а в ие нет..Я даже не знаю в какую сторону копать..Помогите..Что надо сделать??

    Asked by Reign2001,

    0 votes
    6 answers

  24. ссылки под зафиксированным слоем background

    Здравствуйте, столкнулся с небольшой трудностью, поставил как фон слой с зафиксированным рисунком посередине. он представляет собой прозрачное изображение с отрисованной правой и левой стороной, но все меню и все ссылки перекрылись им, а в этом месте он прозрачный. как сделать, чтобы ссылки под пустым пространством работали и не нарушать работы сайта http://sadik-yagodka.ru/ #footer1 { position: fixed; bottom: 0; background: url(images/sadik1-2.gif) center ; left: 50%; margin-left: -600px; height: 600px; width: 1200px; }

    Asked by sinpd,

    0 votes
    6 answers

  25. Кнопка внизу td

    Добрый вечер. Вновь обращаюсь за помощью. Есть примерно такая схема Есть некоторая таблица с 2 строками и 3 столбцами. В каждой ячейке текст разных и соответственно высота ячейки может быть различной. Внимание вопрос: как сделать чтобы кнопка в каждой ячейке была на одном уровне по высоте. Код примерно такой: <table> <tr> <td> Текст <a href="#"><span>Кнопка!</span></a> </td> <td> Tекст <a href="#"><span>Кнопка!</span></a> </td> <td> Опять текст <a href="#"><span>Кнопка!</span></a> </td> &…

    Asked by magiq,

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