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 части и в каждую часть посередине ставим круг. Не получается сделать это. Вот точто я смог сделать: http://l2-infinity.com.ua/tempus/default.html Заранее спасибо.

    Asked by AiVeR,

    0 votes
    14 answers

  2. Что такое st1:metricconverter?

    Нестандартный тег. И все же встречается. Откуда он возник?

    Asked by Ashotn,

    0 votes
    8 answers

  3. Резиновый input внутри резинового div'а

    Как растянуть input на 100% внутри div'a который в 25%. Если тупо задать 100%, растягивает страницу в ИЕ. <style> #kolonki {width:25%; display:block; float:left;} .poisk { background:white url(poisk.png) no-repeat scroll 6px 6px; border:1px solid #D1D6DF; color:#909090; float:right; font-family:Tahoma; font-size:13px; height:20px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:3px 0px 0px 22px; width:100%;} </style> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"> <input class="poisk" /> </div>

    Asked by Избранный,

    0 votes
    1 answer

  4. Абсолютное позиционирование и Firefox

    Возникла проблема вставки баннера. По ширине сайт 1000px необходимо справо вставить баннер ( за пределами сайта) но на одном уровне. <div class="banner"><a href="http://адрес_сайта.ru/"><img src="/banner/Banner-230-100.gif"></a></div> <div class="container"> <table cellspacing="0" cellpadding="0" border="0" class="header"> <tr> .... а в css .banner { display:block; position: absolute; height:100; width:230; padding-left:1003px; } во всех браузерах проблем нету, только ФФ и Google Chrome почему-то перекрывает всю верхнюю часть на 100px (невозможно нажать на ссылки). Подскажите как пофиксить эту проблему. Или как по д…

    Asked by yyyurik,

    0 votes
    5 answers

  5. При просмотре Гугл Хромом таблицы прижимаются к верхней границе

    При просмотре Гугл Хромом таблицы прижимаются к верхней границе, в других браузерах такого не наблюдается, что делать. уточню это мой первый сайт

    Asked by Likhin,

    0 votes
    13 answers

  6. Единый блок <div> для всех станиц

    В CSS мы например делаем файл со всеми параметрами стилей file.css ( например) и ссылаемся на него со всех страниц. Таким образом меняя какой то параметр в этом файле, изменения происходят на всех страничках. Можно ли сделать, чтобы какой то блок <div> "лежал отдельно" как и файл CSS со стилями? Чтобы когда его редактируешь, менялся он и на остальных страницах.....Надеюсь вы меня поняли.

    Asked by LBM,

    0 votes
    3 answers

  7. bg no repeat не помогает...

    Доброго времени суток! проблемы собсна 2: 1-ая: при разрешении 1280х768 в колонке справа повторяется фон средней колонки. пытался описать колонки так : #row_left { width:10%; height:"650"; background:url(bg_left.JPG); background-repeat:no-repeat; } #row_main { width:80%; height:"650"; background:url(backg.jpg); background-repeat:no-repeat; } #row_right { width:10%; height:"650"; background:url(bg_right.JPG); background-repeat:no-repeat; } ничего не получилось. 2-ая - меню " На главную", " Карта сайта", "Контакты " только в IE расположено красиво. в фаере и опере увеличивается высота. ПРОШУ помощи! с меня ПИВО. ЗЫ: не судите строго - это моя первая верстка... если…

    Asked by Fioletov,

    0 votes
    7 answers

  8. Помогите плис новичку

    Ребят кароче такая проблема как сделать так чтоб картинки шли в один ряд т.е мне надо чтоб в однум ряду было 4 картинки во втором ряду было 4 картинки и т.д и еше один вопрос надо следать так: Картинка в маленьком разрешении нажимаешь на нее она становиться полностью открытой Простите за некоректность вопрос...

    Asked by 6apc1k,

    0 votes
    1 answer

  9. Непонятное увеличение высоты

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Непонятное увеличение высоты</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> HTML { height:100%; } BODY { margin:0px; padding:0px; height:100%; } #zagolovok { margin-top:100px; border:solid 1px #E3D884; } </style> </head> <body> <div id="zagolovok">Заголовок</div> </body> </html> В ИЕ всё работает понятно для меня, в мазиле и опере же способ работы данного кода для меня не понят…

    Asked by Колос,

    0 votes
    11 answers

  10. Меню из списка

    Как грамотно сделать из списка <ul> верхнее главное меню, аналогичное такому, которое на http://htmlbook.ru?

    Asked by Kenshi45,

    0 votes
    1 answer

  11. Div

    у меня вопрос, можно ли задавать координаты размещения слоя от какой либо картинки, а то они у меня на болшем расширение сьезжаютв бок(у меня 1024x768 )

    Asked by Noks,

    0 votes
    10 answers

  12. Разное отображение стилей в IE 7.0 и FF 3.0.7

    Уважаемые Гуру. Нужен Ваш совет. И так. Есть код CSS body {margin: 0px;} img {border: 0px;} BODY { FONT-SIZE: 11px; COLOR: #075273; FONT-FAMILY: Tahoma, Arial, Helvetica } TD { FONT-SIZE: 11px; FONT-FAMILY: Tahoma, 'Arial Cyr', 'MS Sans Serif' } A { FONT-SIZE: 11px; COLOR: #d7e5ec; TEXT-DECORATION: none} A:active {FONT-SIZE: 11px; COLOR: #d7e5ec; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:visited {FONT-SIZE: 11px; COLOR: #d7e5ec; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:hover {FONT-SIZE: 11px; COLOR: #3a92b3; FONT-WEIGHT: normal; TEXT-DECORATION: underline} /* Поле меню */ .menu { padding: 0; margin: 0; font: 8pt/11pt Tahoma, sans-serif; width: 180px;…

    Asked by BadBoy,

    0 votes
    7 answers

  13. Как прикртить к нему?

    $output .= "include 'ban1.php'"; Мне надо его прикрутить именно между $output .= "тут" я незнаю как?

    Asked by angelShlesser,

    0 votes
    4 answers

  14. DIV

    у меня вопрос, можно ли задавать координаты размещения слоя от какой либо картинки, а то у меня при разрешене больше чем 1024х768 таблица с картинками центруется а слои остаются на местя(и выглядит все так что слоиуходят в бок) вот html: <html> <head> <title>Don't panic</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/buttons.css" > </head> <body> <div style="position: absolute; display:block; width: 549px; height: 474px; z-index: 2; left: 244px; top: 285px" id="history"…

    Asked by Noks,

    0 votes
    3 answers

  15. Двухуровневое Вертикальное меню

    Проблема при наведение на пункт меню Test 2.5. Смотрите код ниже. Нужно, чтобы при наведение на пункт меню Test 2.5, подменю Test 2.2.1 и Test 2.2.2 появлялись с права и при этом не растягивалось выпадающие окно с пунктами меню Test 2.1 - Test 2.5. Как это можно сделать??? Заранее всем спасибо! 1. <style> 2. 3. div#pd_menu_01 { 4. float:left; /* добавляем список в div */ 5. font-size: 14px; /* задаем размер шрифта */ 6. font-weight:bold; /* Делаем шрифт ширным*/ 7. } 8. div#pd_menu_01 ul { 9. padding: 0px 0px 0px 0px; 10. margin: 0px 0px 0px 0px; 11. } 12. div#pd_menu_01 li { 13. float:left; /* …

    Asked by dembi,

    0 votes
    1 answer

  16. IFRAME и border

    Есть таблицы шириной 100% и рамкой, заданной с помощью CSS. Под таблицей вставлен IFRAME. Для фрейма также с помощью CSS установлена граница. <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid; border-bottom-style:none"> <tr><td>content</td></tr> </table> <iframe width="100%" frameborder="0" style="border: 1px black solid"></iframe> По идее таблица и фрейм должны быть одинаковой ширины, но на практике фрейм, за счет границы, шире на 2 пиксела. Пробовал сделать так: <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid"> <tr><td> <table cellp…

    Asked by ZooY,

    0 votes
    1 answer

  17. доктайп и js, как подружить?

    имеется следующий код, на замену iframe: <script type="text/javascript"> function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } addLoadEvent(function() { showPage1(); }); var baseUrl = ""; function showPage1 () { showPage (document.getElementById ("indexx.html")); } function showPage(el) { var div = document.getElementById("textDiv"); page = baseUrl + el.id; div.innerHTML = "<iframe src ='" + page +"' width='100%' height='100%' scrolling='auto'>"; } </script> продолжение:…

    Asked by xameleon,

    0 votes
    6 answers

  18. Как семантично оформить цитату?

    Просто, есть два тега, один - <cite> -для цитаты, а другой <blockquote> - но у него есть утрибут cite для обозначения источника сообщения. Хотя вроде как оба тега правильные, но всеже интересна мне такая тонкость...

    Asked by Razor,

    0 votes
    1 answer

  19. Как минимизировать ширину слоя?

    Возникла проблема в верстке.. Даже не знаю как рассказать попонятнее) Вобщем есть вот такой участок кода из дле: <table cellspacing=0 cellpadding=0 border=0 width=100% height=62> <tr> <td width=15 style="background:url({THEME}/images/1.gif) no-repeat left" valign=top class=header_01> </td> <td style="background:url({THEME}/images/2.gif) repeat-x left" valign=top class=header_01><div id='spbar'>{speedbar}</div></td> <td width=15 style="background:url({THEME}/images/3.gif) no-repeat left" valign=top class=header_01> </td> <td style="background:url({THEME}/images/4.gif) repeat-x left" valign=top cl…

    Asked by rijy,

    0 votes
    16 answers

  20. Как сделать что бы в одной строке часть текста была справа, а часть слева?

    Как выровнять текст на одной строчке, как это сделано на этой картинке: Это вообще можно сделать с помощью css или какого то тега html? Или нужно просто поделить ячейку на 2 и применить text-align: left | right

    Asked by tok24ua,

    0 votes
    9 answers

  21. Две "рамки у таблицы"

    Помогите, надо сверстать такую таблицу не получается сделать белую рамочку внутри. Получается только так: test.egmelso.ru/templates Кто подскажет какие возможно варианты? Без использования всяких дивов и прочего. Только стили.

    Asked by Ginger,

    0 votes
    6 answers

  22. Проблема с плавающим фреймом

    Здравствуйте! На странице имеются плавающий фрейм (чат) и скрипт для его сокрытия/показа по клике на ссылку. Все прекрасно работает во всех браузерах, кроме Лисы. Почему-то, при назначении свойства display:none через атрибут style непосредственно диву с фреймом последний тут же куда-то уезжает. Причем в остальных случаях (например, при вытаскивании свойства через айдишник и подвешивания на наведение/убирание мыши) никаких проблем не возникает. Прошу помощи в поиске мистической связи свойства с глюком и способов его решения. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>..…

    Asked by Gamer,

    0 votes
    28 answers

  23. Фоновый цвет gif-анимации

    Нашел коллекцию (loadinfo.net) иконок, предназначенных для обозначения процесса загрузки. Видать, кто-то постарался, налепил анимаций на любой вкус. Но плохо то, что когда вставляешь их иконку в свой сайт, она выглядит, как черный квадрат, то есть фон иконки не прозрачный. И вот я озадачился: эти иконки предназнаы для размещения в черных html-блоках или существует простой способ сделать их фон прозрачным, а я об этом ни чего не знаю?

    Asked by freeneutron,

    0 votes
    2 answers

  24. багроундс и ифрейм

    первый вопрос, каким образом подключить внешний стиль багроундс для html & body (нужно залить фон через внешний внешний css) второй вопрос, как лучше изменять текстовую информацию, нашел в инете ифрейм но люди пишут что это не лучший способ, что посоветуете?

    Asked by xameleon,

    0 votes
    24 answers

  25. FORMA

    Есть форма с полями. По нажатию клавиши на клавиатуре "Enter" форма отправляется. Как сделать так что бы этого не происходило?

    Asked by Bolmazov,

    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