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. контент исчезает, выходя за рамки блока в IE6

    <!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=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> .img_30 {float:left; width:34px; height:34px; border-top:0 none; border-bottom:0 none; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;} .img_30 img {margin:-1px 0 0 0; _margin:-1px 0 -5px 0!important; padding:2px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} </style> </head> <body&g…

    Asked by Mutant,

    0 votes
    4 answers

  2. Верстка в 2 слоя и их позиционирование

    Добрые друзья! Обращаюсь к вам с вопросом, который не могу разрешить уже несколько дней... Есть страница, сверстанная слоями: Заголовок и подвал растягиваются в длину. Content - в длину и в высоту. Слой mini является чем-то вроде боковой колонки. Его высота иногда меняется, а ширина - нет. Вся проблема в том, что когда в слое content мало информации, слой mini наползает на подвал, перекрывая его! Я никак не сумел исправить эту проблему. Пытался использовать табличку, запихнув content и mini в две соседние ячейки, но это лишь породило новые проблемы - т.к. в content'e часто находится преформатированное содержимое (тег <pre>). Пробовал позиционирование - absolute о…

    Asked by dobriy-kot,

    0 votes
    1 answer

  3. div или table

    Как по Вашеу мнению, что эффективней, быстрее и к"кроссбраузерней" ) использовать div или table. Приветствуются именно аргументированные ответы, а не в стиле "Я использую table, потому что меня так научили..." и т.п.

    Asked by emgebor,

    0 votes
    24 answers

  4. Прозрачный PNG в background

    Есть проблема - ссылки имеют фон с прозрачным PNG, и в 6м эксплорере не удается заставить его быть прозрачным. для всех остальных картинок PNG, в том числе и для изображений PNG, положеных как фон, срабатывает, а для ссылки - нет Ссылка в коде выглядит так: <a class="png mnu m01" id="act" href="/company/">компания</a> Обработчик в коде, обрабатывающий ПНГ (взято у Лебедева): <!--[if lt IE 7]> <style> .png{ filter: expression(fixPNG(this)); } </style> <script type="text/javascript" src="/ie6-fix.js"></script> <![endif]--> Содержимое файла ie6-fix.js: try{ document.execCommand("BackgroundImageCach…

    Asked by d0ublezer0,

    0 votes
    5 answers

  5. Как создать страницу фиксированного размера?

    Меня интересует как можно создать странику фиксированного размера? Ну например 200х200 пикселей Например, вот такую как на рисунку. Только это в опере. А то есть страницы, которые и в ИЕ отображаются похоже. Как так сделать?

    Asked by ownermoney,

    0 votes
    2 answers

  6. возможно ли редактирование swf файла

    форум на Joomla пока не работает, вот решила здесь кликнуть Значит проблема в следующем: скачала шаблон для движка Joomla, а там верхняя картинка в swf выполнена. но ладно бы просто картинка была , та еще и текс вставлен, который охота либо просто убрать либо изменить на что-нибудь подходящее. Что можно зделать?

    Asked by olga_4444,

    0 votes
    8 answers

  7. прослушать музыку на странице

    Здравствуйте) оч нужно сделать так,чтобы можно было прослушать треки музыкальные на страничке, по выбору из списка, но без возможности скачивания. Если кто знает, напишите,спасибо заранее

    Asked by viresse,

    0 votes
    5 answers

  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" lang="ru"> Есть таблица, завернутая в другую ячейку таблицы: <td> <table width="100%" height="100%"> <tr> <td valign="top">инфа1</td> </tr> <tr> <td valign="bottom">инфа2</td> </tr> </table> </td> Проблема в том что не могу растянуть по высоте эту таблицу и выравнить по нижнему краю (valign="bottom") инфу2. Подскажите, плиз, как это побороть не меняя данный доктайп?

    Asked by okunev2,

    0 votes
    11 answers

  9. Перенос столбцов в таблице

    Задача Существует таблица, в ней !!одна строка (<tr></tr>), в строке столбцы (<td></td>), столбцов может быть 6, 7 и т.д. создаются автоматически скрипом. Как заставить таблицу переносить столбцы вниз (не создавая при этом новые строки), чтобы в строке оставалось по 3 столбца?

    Asked by aruza,

    0 votes
    3 answers

  10. Использование CSS без внешних таблиц

    Каким образом прописать стиль ссылки, не использую заранее подготовленные таблицы стилей во внешних файлах, ни в <head>. Например необходимо текст типа <style> :hover { color=blue; } </style> ..... <a>fsdf</a> переделать в вид: <a style="????"> fsdf</a>

    Asked by chin67,

    0 votes
    7 answers

  11. Вертикальное растягивание

    В левом и правом блоке есть бэк, они оба должны тянуться по вертикали, но не тянутся... <div id="left_blok"></div> <div id="right_blok"></div> html: <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> </head> <body> <div id="wrap"> <div id="heder"> <h1><a href="index.html">Имя Сайта</a></h1> <div class="bg_menu"></div> <div class=…

    Asked by rus,

    0 votes
    3 answers

  12. Лишние пиксели по краям div в IE

    http://goodfengshui.ru/ нижнее оформление: страница: <div id="footer2"> <div id="btm1"></div> <div id="btm3"></div> <div id="footer31"></div> <div id="footer3"><H2>Телефон: 8(926)533-59-18</H2></div> </div> css оформоение: #footer2 { width: 100%; } #btm1 { float:left; width: 315px; height: 293px; background-image: url(i/btm2.jpg); } #btm3 { float:right; width: 315px; height: 293px; background-image: url(i/btm1.jpg); } #footer31 { height: 252px; } #footer3 { height: 41px; background-image: url(i/btmfill.jpg); backgrou…

    Asked by alabaha,

    0 votes
    1 answer

  13. Высота таблиц в опере

    Если в параметрах таблицы или ее стиле задать таблице высоту 100% то опера ровняет высоту по контенту и никакие уговоры не помогают. есть ли выход?

    Asked by mmaxim,

    0 votes
    1 answer

  14. проблема

    Здравствуйте, у меня есть такая проблема: Значится есть 3 блока 2 по краям(для рамки) один по середини чистый у него задана ширина и белый фон в него из базы выводится текст, проблема в том что текст может быть разной величины и поэтому не хочется задавать этому блоку высоту ну чтобы он растягивался зависимости от обьема текста собственно это он делает великолепно, но по бокам есть 2 дива у них прописан бг и маленькова кусочка шириной 18px высотой 1px и хочется чтобы этот кусочек повторялся по всей высоте главного блока, а он не как не хочет повторятся без задания высоты… http://s61.radikal.ru/i174/0811/82/2ce78ed25139.jpg

    Asked by stars,

    0 votes
    3 answers

  15. бокс по центру экрана

    Есть бокс, который выравнен по центру экрана, однако, если заполнять бокс инфой, то он "устремляется вниз", т.е. свеху пусто, а от центра экрана вниз идет бокс. Возможно ли его всегда выравнивать по центру?

    Asked by bFree,

    0 votes
    9 answers

  16. Картинку на шапку

    Добрый день!извините за глупый вопрос, но форум создан для того что бы задавать ВОПРОСЫ!! Скажите пожалуйста как сделать так что бы картинка стала шапкой моего сайта(размеры подобраны)!!! Пожалуйста не закрывайте тему сразу!!! И объясните плиз(не говоря "учи html" )))заранее спасибо!!!и еще можно объяснять поподробнее(я новичок)

    Asked by tear33,

    0 votes
    17 answers

  17. отключение элементов

    Интересует вопрос возможно ли для определенного пита браузеров к примеру «IE6» отключить тот или иной элемент? Вот например у меня один див в IE6 отображается не правильно он на 2 пикселя смещен возможно ли его именно для этого браузера отключить? или задать другие параметры style.css (я бы так в ручную его подвинул)

    Asked by stars,

    0 votes
    1 answer

  18. Как можно организовать смену (к примеру) курса валют на Всех страницах (200 - 300 шт.)

    Каким образом можно организовать смену определенных участков текста на Всех страницах одновременно. Тобишь - не сидеть и вставлять измененный текст на каждой странице, а просто "выделить" (может с помощью какого-то скрипта) определенные участки текста и все эти участки свести в один файл (вроде как настройки страницы выделяються в несколько CSS-файлов), и при изменении текста в этом файле изменяеться этот самый текст на всех страницах. К примеру у компании изменились/появились новые телефоны или изменился курс доллара/евро за наличные и безналичные рассчеты - не сидеть-же и менять это в каждой странице !? Подскажите, пожалуйста, как в таком случае быть ? Спасибо

    Asked by Lime,

    0 votes
    10 answers

  19. Буквица и Firefox 3

    Верстаю один макет. Возникла необходимость сделать буквицу для заголовка h1. html: <h1>Сегодня вечером на Патриарших прудах будет интересная история!</h1> css: h1 { float:left; text-align:left; } h1:first-letter { text-align:left; font:normal 120% Verdana; color:#9acd32; } Код именно таков, потому что рядом справа от заголовка h1 будет еще одна надпись. по ТЗ надо чтобы она с заголовком помещалась в одну строку, поэтому и float:left; Теперь собственно по поводу брыкания Огнелиса 3: если в оформлении буквицы размер шрифта указан отличным от 100% (как в моем случае 120%) то размер блока h1 увеличивается в ширину, что легко проверяется прописыванием дл…

    Asked by Punsh,

    0 votes
    0 answers

  20. стили для инпутов

    Здрасте, стал вопрос о том как правильно сменить стандартные стили у инпутов типа чекбокс и радио., например поставить свою картинку.

    Asked by Elendor,

    0 votes
    2 answers

  21. проблемы вложенности слоев

    Привет. все браузеры вроде отображают правильно, но Opera не хочет растягивать фон заднего слоя полностью, лишь частично. для наглядности вот страница http://rhcp.info/test/ Заднему фону синим цветом соответвует слой <div id="content">: <!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=windows-1251"> <title>xxx </title> <link rel="stylesheet" type="text/css" href="menu.css"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="script.js"></script> <…

    Asked by TOREN,

    0 votes
    4 answers

  22. верстка

    вотс пробую сделать http://stars124.narod.ru/stat/ проблема такая в IE6 откудато в низу непонятные квадратикии серая полоска http://s42.radikal.ru/i095/0811/af/b36b00df40e8.jpg в опере основной блок mn1 не закрашивается серым... http://s39.radikal.ru/i085/0811/56/dc4f3a13481e.jpg html <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Картинка</title> <link href="style.css" rel="stylesheet" type="text/css" > </head> <body> <…

    Asked by stars,

    0 votes
    3 answers

  23. Как засунуть в один блок неизвестной ширины 2 блока 50% с бордюром.

    Проблема как раз в бордюре и заключается. При указании размера в процентах бордюр не учитывается и эти сраные 2 пикселя и не влазеют

    Asked by akms,

    0 votes
    3 answers

  24. Как сделать смену картинки при наведении мышью ?

    Примерно так: Картинкамаленькая1 | Картинкамаленькая2 | Картинкамаленькая3 КАРТИНКАБОЛЬШАЯ1 Т.е три маленькие картинки находятся в верхней табличке, состоящей из 1 ячейки и трех столбцов, а Большая картинка расположена под этой табличкой, нужно чтобы при наведении мышью на маленькие картинки, большая картинка внизу менялась на соответствующую. Спасибо.

    Asked by AndreyM,

    0 votes
    16 answers

  25. Как сделать?

    Вот я хочу сделать так, чтобы у страницы был бэкграунд, а остальная часть была резиновой, и чтобы ее можно было скролом прокручивать. вот как тут http://acreed.ucoz.ru/

    Asked by vvsh,

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