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. Помогите с литературой для новичков.

    Всем доброго времени суток. Нужен ваш совет по поводу выбора литературы по CSS. Есть начальные знания по HTML и CSS, но понимаю, что без хорошей литературы долго буду буксовать на месте. Пытаюсь освоить вёрстку DIV-ами, если есть какая нибудь литература и в этом направлении, тоже очень хотелось бы почитать. Так как в интернете полно всякого нужного и ненужного материала решил обратится за помощью к людям которые уже через это прошли и имеют хороший опыт. Надеюсь на вашу помощь и заранее благодарен.

    Asked by yujin11,

    0 votes
    3 answers

  2. Верстка - правый элемент ризины

    Здравствуйте. Подскажите как сделать так чтобы правый блок (#right-right) при изменении размера окна "заезжал" за пределы окна, т.е. как сейчас левый (#left-left)? вот тут макет тут Ну и может пару комментов по поводу верстки. Заранее огромное спасибо.

    Asked by clgs,

    0 votes
    9 answers

  3. floating DIVs

    давно не дает покоя эта проблема, когда родитель плавающего блока не растягивается под плавающие в нем объекты иными словами хочу сделать так но если делать только DIV-ами получается вот так вот в HTML http://bolotnikoff.com/pub/qwer.html вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>floating DIVs</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> </head> <style type="text/css"> .div1, .div2 { width: 150px; margin: 30px; padding: 10px; back…

    Asked by bolotnikoff,

    0 votes
    8 answers

  4. Помогите адаптировать вкладки под свои нужды )))

    Здравствуйте ! Помогите разобраться с вкладками ! Задача в том, что бы к кнопкам Document1, Document2, Document3, Document4, Document5 привязать выполнение какого либо действия, тоесть не просто вывод текстовой информации а например загрузка картинки или xml файла. Заранее благодарен вам за помощь ! Вот пример самой странички с вкладками http://zzz.ho.ua/ Вот html код: <!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> <title>Dynamic tabs with jQuery - why and how to create them | JankoAtWarpSpeed Demos</title> <sty…

    Asked by 333_org_ua,

    0 votes
    6 answers

  5. Как выровнять список страниц по центру блока навигации

    Проблема со стилями нумерации страниц. Блок wp_page_numbers имеет ширину 600px. Ссылки с номерами страниц должны располагаться по центру блока независимо от того, сколько их будет - одна или 20. У меня никак не получается выровнять список страниц по центру блока навигации. #wp_page_numbers { clear: both; width : 600px; height : auto; text-align: center!important; font-weight : normal; margin: 10px auto 20px; } #wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a { padding: 0; margin: 0; border: none; text-decoration: none; font-weight: normal; font-style: normal; list-style: none; text-transform: none; text-indent: 0; font-variant: n…

    Asked by Mila,

    0 votes
    7 answers

  6. Вопрос по mootools

    Доброго времени суток. Нужна помощь Есть див с уникальным классом .prew, внутри еще один див, с не уникальным классом .value (но уникальным в пределах родителя) внутри последнего текст Отдельно существует ссылка с #prew. Задача назначить текст внутри дива в качестве атрибута href ссылки пробую так: <script type="text/javascript"> document.addEvent('domready', function () { var b = $('.prew').getElement(".value").get("text"); $('prew').set('href', 'b'); }); </script> не получается, подскажите в чем не прав

    Asked by adekvat,

    0 votes
    4 answers

  7. Непонятный отступ

    Добрый день! Может этот вопрос уже задавался, но я даже не знаю по какому словосочетанию искать. Дело в том, что появляется небольшой отступ в меню, непонятно откуда... В IE и Firefox отступа нет... Скриншот: Код: <!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"> <title></title> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style> body { font-family: Arial; font-size: 14px; } #block { min-width: 980px; width: 100%; margin: 0 auto; overflow: hidden; } #b…

    Asked by fl4sh,

    0 votes
    3 answers

  8. Поиск на сайте

    Хочу сделать поиск по сайту (php) Какой вариант лучше - скрипт, готовый яндекс или гугл или с помощью базы данных. Условие не должно быть никакой рекламы, быстрый, авто индексация, сайт около 400стр. в идеале похожий на http://loza.ru/ я так понимаю сайт на готовом движке Что значит сайт с базой данной - как это вообще работает Полный лузер в этом вопросе.

    Asked by Арт,

    0 votes
    7 answers

  9. css верстка, блоки, нужна помощь

    Добрый день уважаемые. окажите пожалуйста помощь в решении следующей задачи. Дано четыре блока в две колонки. хочу чтобы при изменении высоты блока 4, высота колонок оставалась одинаковой при этом блок 1 и 3 своих размеров не меняли, а высота левой колонки изменялось за счет высоты блока 2.

    Asked by alHaos,

    0 votes
    13 answers

  10. Не корректное отображение таблицы в FF

    Здравствуйте, такой вот код. <html><head> <script src='../jquery-1.4.2.min.js' language='javascript'></script> <script language='javascript'> function adduserpost(){ res="<tr style='background-color: #ffffff'><td class='normal'>Фамилия: </td><td><input type='text' name='u_f' class='input' style='width: 200px' value=''></td></tr>"; $('#modermsgdiv').append(res); } </script> </head> <body> <table cellspacing=1 cellpadding=5 style='background-color: #e1e1e1'> <tr style='background-color: #ffffff'><td class='normal'>Фамилия: </td><td><input type='text'…

    Asked by papa_serg,

    0 votes
    4 answers

  11. переполнение ячейки

    Есть табличка простая: 2 колонки. 2-я колонка объединяет все строки первой колонки. Если во второй колонке мало текста, то всё хорошо, но если больше чем может поместится, то таблица увеличивается по высоте, а нужно что бы при переполнении появлялся скрол и таблица не увеличивалась. Нашел один выход, вложил во вторую колонку див, и всё как бы хорошо, НО надо указывать высоту, если не указать, то таблица снова расползёться. А нужно, как раз что бы высоту не указывать в лоб, т.к. строк может быть n-количество. Пробовал указать height: 100% - в ИЕ, как ни странно всё хорошо, а в фоксе плохо, нет там атрибута высота вроде как. Что посоветуете, форумчане, какие мысли решения? …

    Asked by Sober,

    0 votes
    7 answers

  12. Сложная таблица проблема с шириной в разных браузерах

    Нужно на странице показать 2 таблицы являющихся по смыслу одной, только 1я - это шапка, а вторая - содержание таблицы. Причем шапка лежит в div с параметром position: fixed; Проблема в том, в разных браузерах: Opera, IE, Chrome ширина таблиц разная, замучился уже Результат таков: Opera: верхняя уже нижней IE: все хорошо Chrome: верхняя шире нижней таблицу сюда сложно добавить + стили в отдельных файлах, поэтому вот ссылка: http://artistone.ru/pricenew1.htm до 7го столбца все отображается одинаково, дальше ширина столбцов отличается, хотя ширины столбцов явно задавл через тег COL и параметр WIDTH, есть один ньюанс, может тут дело: в верхней таблице 7я ячейка имеет п…

    Asked by vfix,

    0 votes
    3 answers

  13. input type

    <!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>Тег INPUT</title> </head> <body> <form name="test" method="post" action="input1.php"> <p><b>Ваше имя:</b><br> <input name="nick" type="text" size="40"> </p> <p><b>Каким браузером в основном пользуетесь:</b><Br> <input type="radio" name="browser" value="ie"> Internet Explorer<Br> <input type="radio" name="browser" value="opera"> Opera<Br>…

    Asked by SingIe,

    0 votes
    7 answers

  14. 3 дива в одну линию и в центральном диве есть вложенные дивы

    Добрый вечер товарищи. У меня такая проблема, может она покажется вам пустяковою но я вот уже несколько часов бьюсь над ее решением, а она проклятая все никак не поддается. Вот вам html код страницы <!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=windows-1251" /> <title>Тестовая главная страница</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="conteiner"> <div id="header"> …

    Asked by Мо ок,

    0 votes
    3 answers

  15. позиционирование текста с элементами

    <div style="float:left;"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td style="font-size:30px; color:white;">10</td> <td style="border-right:1px solid #747474; padding-left:5px;"> </td> <td style="padding-left:5px; padding-right:10px;" align="center"> <table cellpadding="0" cellspacing="0" > <tr> <td style="font-size:19px; color:#c7c7c7; padding-left:5px;">10</td> </tr> <tr> <td style="font-size:14px; color:#747474;">2010</td> </tr> </table> </td> </tr> </table> </div&…

    Asked by Simon,

    0 votes
    2 answers

  16. Резиновая вёрстка

    Здравствуйте! В общем сайт выглядет вкратце примерно так: <table width="100%"> <tr> <td width="170">левая колонка</td> <td>центральная колонка</td> <td width="170">правая колонка</td> </tr> </table> И видимо из-за того, что на сайте много медиа контента и скриптов, идёт не красивая загрузка страницы: загружается левая фиксированная по размеру колонка, затем появляется центральная колонка шириной от конца левой колонки до правой границы браузера, и затем уже появляется правая колонка, вследствии чего центральная колонка на глазах сужается. Можно ли как-то сделать, чтобы центральная колонка оставалась ре…

    Asked by ramambarum,

    0 votes
    2 answers

  17. outline выходит за рамки

    При увеличении картинки с помощью fancybox появляется вот такая вот штука. Вот такая вот штука http://s1.ipicture.ru/uploads/20101207/Ydh3N91A.png . Такая ерунда только в броузере opera. Так у мени варианта, который увеличаем, стоит в стилях outline:2px solid #ddd; Есть рецепты какие нибудь? Ну кроме как убрать эту рамку.

    Asked by prowoke,

    0 votes
    2 answers

  18. expression вызывает зависание IE6

    Здравствуйте, написал следующее под IE6 #last_news .inner { height: expression(this.scrollHeight > 211 ? "211px" : "auto"); } #last_news .content { height: expression(this.scrollHeight > 150 ? "150px" : "auto"); } Этот CSS загружается с помощью условных комментариев. Вешает Internet Explorer 6 ( А вот HTML, для которого он предназначен <div id="last_news" class="cornered"><div class="top"><div class="rt"></div><div class="lt"></div></div><div class="inner"><h3>Заголовок новости </h3><div class="content"><img alt="" src="/sites/all/modules/akado_news/news_stub.png"><p>Текст новости</p…

    Asked by warobushek,

    0 votes
    6 answers

  19. Настройка страницы

    Доброе время суток! Подскажите пожалуйста, кто-нибудь знает как сделать настройку страницы (с записью в кукис) на сайте. Точно так же как на яндеске. Там на главной странице кнопка "Личные настройки->настроить яндекс" есть возможности добавлять новые блоки и перемешать блоки, при сохранение идет запись в кукис.

    Asked by Pavlov___,

    0 votes
    4 answers

  20. Изображения и ссылки

    День добрый подскажите в вопросе вот сайт http://new.velasat.ru/ в фоксе при наведении на часть картинок справа происходит смешение нижних блоков. Как от этого избавиться на некоторых внутрениих страницах тоже самое вот например одна картинка стоит на месте, а другая скачет.

    Asked by crazybet,

    0 votes
    2 answers

  21. Не работает выравнивание по центру в IE8

    Не работает выравнивание по центру в IE8 сайт http://wowzoloto.ru/ #PageWrapper { margin:0 auto; padding:25px 0 0; width:990px; }

    Asked by alex252003,

    0 votes
    12 answers

  22. Позиционирование слоя в гибридной странице

    Возникла необходимость внести на страницы, свёрстанные таблицами, элемент, который должен располагаться над всеми другими элементами(ячейками таблиц) страницы, на пересечении границ ячеек. Скажите пожалуйста, как вывести эту картинку "на верхнем слое", и отпозиционировать её относительно ячеек таблицы (таблица расположена всегда по центру окна, поэтому от границ окна устанавливать фиксированные координаты к сожалению нельзя ). Очень прошу помочь.

    Asked by zuldek,

    0 votes
    4 answers

  23. INPUT type="radio" Нестандартное оформление

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

    Asked by Mr Loga,

    0 votes
    4 answers

  24. Резиновая верстка

    Всем привет. Вот допустим у меня разрешение экрана 1280х1024 в body стоит min-width: 980px;max-width: 1500px; шапка ( она сейчас единственная вставлена ) имеет разрешения 1300х453px, как я могу сделать чтобы, у меня не появлялась полоса прокрутке, а шапка растягивалась. И хотелось бы узнать как завиксировать отдельный блок чтобы он не растягивался. Спасибо. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="sh…

    Asked by ret,

    0 votes
    9 answers

  25. Проблема с ИЕ7

    Здравствуйте у меня такая проблема, блок опросов отображается нормально во всех браузерах в том числе и в ИЕ7 но при наведении на чекбоксы или лабелы под ними пропадает фон самого блока опросов. Кто сталкивался - подскажите плз как это вылечить, я уже все перепробовал и позишены и !important и т.д.

    Asked by pro100set,

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