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, ну и плюс ксс, собственно вопрос может кто знает. У меня возникла такая ситуация в которой нужно гиперссылки 2-х цветов, потому как в левой менюшке они у меня красные а в правой фон будет красный, и если я на нем поставлю гиперссылку то, е? видно не будет, короче может кто в курсе как можно сделать на одной страничке гиперссылки 2-х разных цветов. Кто ответит тому буду очень благодарен.

    Asked by samael_96,

    0 votes
    3 answers

  2. Как открыть отдельное окно

    Как открыть отдельное окно без инструментов, скроллинга и т.д. без java script. Например, в прописать стили? Подскажите, а то ведь поисковики не ходят по ссылкам со скриптами.

    Asked by sold_of_fortune,

    0 votes
    7 answers

  3. Позиционирование внутри слоя

    Есть проблема в позиционировании внутри слоя. Есть картинка, которую нужно абсолютно отпозиционировать в слое. Картинки нужно разместить так, чтобы они прилипали к слою: одна - вверху влева за слоем, другая - внизу справа за слоем. С размещением первой проблем нет - все кроссобраузерно. Вторая в Explorer позиционируется от окна браузера, а не слоя. Как это решается? .mainbox{ position: relative; margin: 2px 205px 0 202px; background: #F8F8F8; border: 1px solid #F2F2F2; } img.fon_top{ position: absolute; top: -2px; left: -17px; } img.fon_bottom{ position: absolute; bottom: 0; right: -10px; } <div class="mainbox"> <img src="i/main_fon_top.jpg" wid…

    Asked by pbeloysov,

    0 votes
    2 answers

  4. как сделать 100% высоту?

    Я хочу сделать что бы левый и правый столбец были ограничены линией dotted 1px например... но блоки у меня не фиксированной длины а могут изменяться в зависимости от информации... @@@@@@@@@ @@@@@@@@@ @@ @@ @@ @@ @@ @@ @@ @@@@@@@@@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica…

    Asked by allod21,

    0 votes
    5 answers

  5. Заголовок и примечания на страницах

    Приветствую Вас, искусники HTML! Я разрабатываю проект на VB 6.0 Необходимо генерировать и распечатывать красочные отчеты по средствам html. С генерацией и распечаткой трудностей особых не было, пока шеф не захотел видеть отчеты на бланке конторы. То есть, вверху и внизу каждой страницы отчета должны быть расположены рисунки шириной с лист. Я создал большую таблицу во весь лист с 1 столбцом и 3 строками: 1 и 3 строки заняты рисунками, а во 2-ой расположено основное "тело" отчета (таблички и цифирки). Как только данных в "теле" превышают размер одного листа, то они переносятся на второй. Нижний рисунок оказывается по середине второго листа. Нужно что-бы на каждом листе был…

    Asked by Grover,

    0 votes
    8 answers

  6. background-image с тремя картинками - можно?

    Привет честной публике! С наступающим Новым годом! Всех благ и удач! Вопрос такой. Недавно увидел любопытный код для создания блока с двумя закругленными углами по разным углам, скриншот смотрится неплохо, но... результат не повторился. Идея автора кода такая: если в font-family можно записать 3 шрифта, почему бы в background-image не вписать три картинки? Две картинки распихиваются по разным углам, а градиентной картинкой заливается сам блок. Уголки сделаны так: внутри четвертинки круга фон прозрачный, снаружи - непрозрачный, совпадающий с фоном тушки. Итак, код: .block { background-color:#4ea5ff; background-image: url(bot-left.gif), url(right-top.gif), url(background…

    Asked by Ksanytch,

    0 votes
    5 answers

  7. Проблема с центровкой в ячейке таблицы (рейтинг)

    Народ, подскажите плиз, в чем может быть проблема и как ее решить ? Вот тут drossel.msk.ru/blocks.rar лежит вырезанный кусок скрипта (+ картинка), отображающий рейтинг в ячейке таблицы. надо решить 2 проблемы. 1. Это отцентровать по вертикали и горизонтали. 2. В Опере кажет нормально (есть глюк не большой), а в Осле "расплываются слои". Вторую проблему можно решить, прописав что-то типо FONT-FAMILY: Verdana,Tahoma,Arial,Sans-Serif; FONT-SIZE: 11px; но все равно появляется тот самый мылкий глюк, наблюдаемый и в опере. Слои так же разъезжаются, но на 1 пиксель =( 3-и сутки ломаю голову и перепробовал пачку вариантов, но так ни к чему не пришел. Мож кто поможет ? ЗЫ. Таблиц…

    Asked by UnDetected,

    0 votes
    7 answers

  8. Сброс по умолчанию...

    Здравствуйте, не подскажете ли мне, как сбросить в стилях по умолчанию на ноль padding и margin?

    Asked by Emil,

    0 votes
    5 answers

  9. В ячейке текст переносится на новую строку, почему?

    Делал таблицу в программе NVU, в первой ячейке должен быть заголовок "московский государственный университет природообустройства (мгуп), но почему-то после слова университет текст переносится на другую строку этой же ячейки, почему такое происходит? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>Table</title> </head> <body> <table style="text-align: left; width: 1200px; height: 800px;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 95px; width: 33…

    Asked by sinderman,

    0 votes
    3 answers

  10. часть страницы из другого файла

    Подскажите такой момент. Как в Хтмл страницах сделать, что бы часть ее загружалось из отдельного файла. Я про такое узнал, когда монтировал гостевую, но там у нее свои какие то параметры, там используется такая строка . А возможно, что бы в хтмл так же загружать? а то меню сильно большое и создает путаницу, да и утяжеляет каждую страницу, а то бы прописать ее в отдельном файле, вот хорошо бы было

    Asked by apika,

    0 votes
    3 answers

  11. Как мне разместить тектс на?

    Всем привет! Я сталкнулся с проблемой, я не могу разместить текст, на кортинке или на подготовленом для это элементе в формате GIF. он либо идет после элемента, либо вообще невидно, какой скрипт нужно писать? Жалко что скриншоты тут не предусмотрены , но скрипт вот такой я пишу Текст И еще как мне изменять цвет текста на кортинке?

    Asked by Bismuth,

    0 votes
    26 answers

  12. Опрос

    Всех с Новым Годом! Подскажите, как сделать страницу результатов опроса?

    Asked by krig,

    0 votes
    10 answers

  13. в ie после завершения li и ul образуется отступ - не понял

    Здравствуйте! читал недавний топик http://forum.htmlbook.ru/index.php?showtopic=6752 но так и не разобрался... я делаю вертикальное меню, и после него вниз идет отступ, правда только в **** ie. В том топике я так понял что человеку помогли, но в чем суть? может у меня не описан стиль для P ? css: ul#listed { border-bottom: 1px solid #000; list-style: none; } ul#listed li a { font-family: Arial; font-size: 14px; display: block; color: #000000; font-weight: bold; text-transform: uppercase; text-decoration: underline; margin: 8px; padding: 5px 5px 5px 7px; list-style: none; } ul#listed li a:hover { text-decoration: none; color: #fff; background: #3366ff; } в…

    Asked by walaby,

    0 votes
    13 answers

  14. Помогите!

    Здравствуйте. У меня проблема. Когда браузер раздвигаешь, слова съезжают с картинок, смотрится очень весело. Не подскажите какой скрипт отвечает за это. Ну или скажите (если есть) скрипт, который автоматически подгонял бы браузер под нужный мне размер. Заранее спасибо.

    Asked by SANR,

    0 votes
    10 answers

  15. Таблица

    Всем привет! Как создать таблицу что-бы независимо от содержимого ее размеры по горизонтали оставались неизменными . Нужно что-бы строка "ФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФ" ложилась в таблицу width='150' height=* *параметр высоты незадан . Что-бы размеры таблицы изменялись в зависимости от содержимого по высоте а-не по ширине .

    Asked by dima2207,

    0 votes
    4 answers

  16. Псевдо...

    Всем привет! Подскажите, пожалуйста. Мне нужно через css добраться до стиля тега , размещ?ного внутри таблички с id="footer". Пишу так: p#footer { парам-парам } Не работает. Что я делаю не так? Заранее спасибо.

    Asked by Zevgma,

    0 votes
    2 answers

  17. Странный эффект с выпадающим меню

    Доброго всем! Возникла проблема при создании выпадающего меню на сайте: http://dev.kp.ru/ Пункт "Спецпроекты" в главном горизонтальном меню. Нормально отображается в ИЕ, Опере, а вот в Мозилле не хочет. Фон и текст выводятся поверх меню Разбирался... Нашел, что есть какая-то непонятная зависимость у перекрывающих выпадающее меню блоков со свойством overflow При значении hidden - перекрывает, при значении visible - нет. Но это решило часть проблемы, т.к. например у закладок на главной странице что работают с помощью ява-скрипта этого значения вообще нет, так же как и у надписи "Финансы". Выставление значения не помогает. Вобщем вот весь код: ХТМЛ: <li class="last">&…

    Asked by Ramles,

    0 votes
    4 answers

  18. как залить контент в сверстанный дизайн

    Здравствуйте, у меня такая проблема нужно срочно выложить сайт, есть дизайн -верстка в html в дивах, я не пойму ,как туда залить контент, то есть у меня есть сайт, который подвергся дизайну на php, там просто есть главная, остальные страницы туда генерируются вот так: <td width=87%> <?php Error_Reporting(E_ALL & ~E_NOTICE); $req_1="1.php"; $req_2="2.php"; ... if ($req == 'link1'): include($req_1); elseif ($req == 'link2'): include($req_2); elseif ($req == 'link3'): include($req_3); ... else: include($req_2); endif; ?> </td> В новом дизайне такая ситуация: справа меню, слева меню, в середине должен располагаться контент, а в странице дизайна т…

    Asked by energy!,

    0 votes
    1 answer

  19. Слои + Формы

    Тут такая проблемка. Есть форма, которая содержит несколько элементов типа text, но перед самим input стоит текст, что-то типа: Имя И еще несколько такого типа, надо чтобы input был на одинаковом расстоянии от каждого текста. Т.е. типа 2 колонки 1 - текст, 2 - тэги. Так можно сделать без проблем на таблицах, а вот как на слоях ???

    Asked by G-Style,

    0 votes
    5 answers

  20. Проблема с блоком

    При просмотре в ИЕ - 3 блок имеет свойство "падать" вниз если окно браузера изменять,... как можно избежать этого в данном примере? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; } #Container { width:100%; height:50px; z-index:1; float: lef…

    Asked by allod21,

    0 votes
    2 answers

  21. Форматирование полос прокрутки

    Добрый вечер! Я точно знаю где-то есть параметры в CSS для форматирования полос прокрутки. Мне нужно это сделать для слоя DIV - и ещ? очень надо сделать вертикальную полосу слева, а не справа, как по-умолчанию, а горизонтальную отключить... Подскажите, пожалуйста. С уважением.

    Asked by Zevgma,

    0 votes
    5 answers

  22. Подсветка текста

    Подскажите можно ли средствами html и css сделать подсветку текста не болком а ареолом т.е. чтоб посвечивались опрделеным светом имено очертание каждой буквы

    Asked by Unikal,

    0 votes
    7 answers

  23. Помогите чайнику с БД

    Нужна помощь! В конструкции сайта предусмотренно два форума с разным оформлением, заполнением,содержанием и т.д. Нужно знать можно ли использовать одну БД для этих форумов или как можно используя разные БД экспортировать и импортировать данные введ?нные при регистрации пользователем? п.с. форум пшпбб типа этого... Блш спсб!!!

    Asked by west,

    0 votes
    6 answers

  24. Два слоя в строчке. Один фиксированный, другой нет.

    Есть два слоя, один выровнен как float: left , другой right . Который справа, должен быть фиксированн, например 300px, а тот что слева должен растягиваться до правого слоя. Как растянуть левый слой? Если ставить width: 100% , то слои переносятся на разные строчки.

    Asked by 100kd,

    0 votes
    9 answers

  25. В 6IE Выскакивает таблица из <div>-а

    Здравствуйте, возникла передо мной проблема, которую никак не могу решить самостоятельно. Имеется шаблон с фиксированной шириной правой и левой колонок и резиновой центральной. Сделано так: три -а, правый и левый float-нутые в соответствующие стороны, центральный position: relative. Вот они: #main { position: relative; clear: both; width:100%; padding-bottom: 52px; overflow: hidden; } #left { float: left; width: 260px; background-image: url(images/left_fon.jpg); background-repeat: repeat-y; margin: 0; padding: 0; } #right { float: right; background: url(images/right_fon.jpg) repeat-x; margin-top: 30px; width: 250px; } #content { position: relative; b…

    Asked by N-Mak,

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