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. Что Надо Изменить Чтобы Исправить?

    помогите!! написал страницу в adobe dreamweaver там в просмотре всё было нормально а когда сохранил и посмотрел в хроме и иешке там такой глюк как исправить вот скрин и код страницы <html> <head> <title>Без имени-1</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="961" height="901" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="4" rowspan="2" background="images/index_01.png" width="367" height="151"> </td> <td colspan="8" bac…

    Asked by Sanya95,

    0 votes
    10 answers

  2. Прокрутка Внутри Таблицы

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

    Asked by stone86,

    0 votes
    10 answers

  3. Проблема выпадающего меню

    Здравствуйте! Подскажите, пожалуйста! Делаю сейчас сайт на платформе wordpress. Выбрала тему которая нравится, но там возникла такая проблема. Когда открываешь видео, выпадающее меню находится ЗА видео, а мне надо чтобы находилась ПЕРЕД видео. Можно ли это как то исправить?

    Asked by SexPantera,

    0 votes
    10 answers

  4. выравнивание по нижней границе блока

    Есть внешний <div> внутри него <div> c текстом. Задача- выровнять текст относительно нижней границы внешнего блока. Мне казалось логичным сделать это с помощью margin-bottom. Но нифига. Относительно левой границы margin-left работает, относительно верхней границы margin-top работает и смещает блок, а вот изменение margin-bottom ни к чему не приводит...

    Asked by miknsk,

    0 votes
    10 answers

  5. Помогите выудить FireBug-ом элементы списка.

    Здравствуйте специалисты по CSS. Помогите пожалуйста выудить Firebug-ом один элемент. Вот сайт http://nablago.com.ua/ там меню сбоку раскрывается/открывается Хочу сделать чтобы родительский уровень (1) был одним цветом, а те которые выпадают (2) другим? Что-то тыкаю FireBug-ом никак не могу его подловить.

    Asked by VasyOK{!},

    0 votes
    10 answers

  6. div relative и static одновременно

    Добрый день, Есть два слоя, ширина 100%, следующие друг за другом. <div>(1) static, высота не известна заранее, т.к. определяется контентом, который вставляет php</div> <div>(2) relative, т.к. внутри используется div с абсолютным позиционированием</div> Чтобы внутри второго слоя (2) работало абсолютно позиционирование, я ставлю ему relative. Но тогда он не учитывает, что перед ним есть другой слой (1) и слои накладываются, (2) поверх (1). Вопрос: как сделать так, чтобы внутри второго слоя работало абсолютно позиционирование, но он располагался строго под первым? Заранее спасибо) UPD: Чуть ниже разместил наглядную картинку "что сейчас и что не так"

    Asked by Diver2,

    0 votes
    10 answers

  7. треугольник паскаля

    построил треугольник паскаля как сделать так чтобы он выглядел как треугольник?

    Asked by vvsh,

    0 votes
    10 answers

  8. DOCTYPE изменяет размер шрифта

    Здравствуйте. Столкнулся я на днях с необходимостью переделать мною же написаный некогда маленький сайтик. Закончив работу как умел (аматор я), отправился в гугл почитать - как правильно. Среди прочего узнал я и о ДОКТАЙПЕ. Прописал эту строчку в код, обновил страницу - увидел что шрифты "выросли" и появился пэддинг таблицы (картинка из кусков), хотя я его задал=0. Скажите ,пожалуйста, в чем может скрываться причина такого явления, и нужен ли он вообще этот доктайп?

    Asked by amorts,

    0 votes
    10 answers

  9. Не равняются дивы - гляньте, простой примерчик.

    Значит просто вспоминаю верстку странички, делаю элементарное, но вот ступор почему hauptbox не в диве container? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Praktikum1</title> <link href="style.css" type="text/css" rel="stylesheet" media="all" /> </head> <body> <div id="container"> <div id="header">Header - Logo</div> <div id="hauptbox"> <div id="menu"> <p><a href="">Alles</a></p> <p><a href="">Fotos</a></p> <p><a href="">Videos&lt…

    Asked by webdev,

    0 votes
    10 answers

  10. как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?

    как ограничить размер всего сайта по ширине не вставляя его в общую таблицу? вот index.php <div align="center"><table width="1014" border="0" cellspacing="0" cellpadding="0"> <tr> <td><?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!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> <?php mosShowHead(); ?> <meta http-equiv="Content-Type" content="text/html; …

    Asked by vovchikku,

    0 votes
    10 answers

  11. Как растянуть div по высоте

    Здравствуйте. Подскажите, пожалуйста, как сделать, чтобы рамка блока 2 растягивалась в зависимости от высоты рамки блока 3. Верстка блочная. Помогите пожалуйта.

    Asked by _Tornado_,

    0 votes
    10 answers

  12. Проблема с FF под MACом.

    Всем доброго времени! Никто не сталкивался с такой проблемой? FF 3.5 на MACе один единственный div из всей страницы смещает вправо. При этом тот же FF 3.5 под Win & Linux отображает все нормально. Не соображу где искать проблему PS MAC мне не доступен, сдвиг вижу на скрине, кот. мне посетитель прислал. Может быть дело в конкретном компе?

    Asked by orthodoxy,

    0 votes
    10 answers

  13. Высота левой колонки сайта по содержимомму

    Добрый день. Нужно чтобы серые квадраты повторялись по вертикали в зависимости от содержимого. <table cellspacing="0" cellpadding="0" align="center" border="0"> <tr> <td style="width:966px; height:100%"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:42px; height:780px"></td> <td style="width:876px; height:780px"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:876px; height:100px"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:435px"> <br style="line-height:20px"> <a href="/"><img…

    Asked by Николаич,

    0 votes
    10 answers

  14. Нужна помощь по выпадающему меню

    Добрый день! Есть готовое выпадающее горизонтальное меню (2-х уровневое). Появилась необходимость добавить третий уровень вложенности. Подскажите, как это делается. Спасибо! Вот код css: #nav, #nav ul { list-style: none; margin: 0; padding: 0; border: 0px solid #000; background: none; float: left; width: 100%; } #nav li { float: left; position: relative; background: none; } #nav li ul { display: none; position: absolute; background: #2B4173; padding: 8px 0; width: 138px; } #nav a { text-align:center; text-decoration: none; display: block; width: 105px; padding: 4px 0px; background: none; } #nav a:hover { color: #99CCFF; …

    Asked by julie83,

    0 votes
    10 answers

  15. для чего нужен тег iframe

    Подскажите, пожалуйста, для чего нужен тег iframe. В каких интернет-технологиях или просто ситуациях его надо применять? Ещё интересно, как он поддерживается браузерами и стандартами w3c. К примеру, могу ли я делать сайты на XHTML Transitional и применять этот тег в вёрстке? Что такое фреймы и как они позволяют в одном окне браузера отображаться разные документы, я вполне представляю, так что про сами фреймы мне не надо объяснять.

    Asked by clavin,

    0 votes
    10 answers

  16. проблема с картинками

    я создал html файл, загрузил в браузере Mozilla Firefox. Вставил в него картинку, а она не отображается на странице на моем компе, а на другом компе отображается. Файл и картинка находятся на рабочем столе в обоих случаях (на моем и другом компе). Кто что может посоветовать? В чем причина? Причем, если вставлять картинку с сайта (по ссилке), то она отображается.

    Asked by iGO25,

    0 votes
    10 answers

  17. Задний фон

    Подскажите как зделать такой http://ipicture.ru/uploads/101009/2bDN2WP6W8.jpg задний фон???

    Asked by Mr.Black,

    0 votes
    10 answers

  18. Как убрать пунктирную обводку input'ов в firefox?

    Помогите решить проблему с кнопками в Firefox. При нажатии у кнопки появляется пунктирная обводка. Похожая проблема есть со ссылками, но она решается с помощью: outline:none; Но проблема с кнопками вышеуказанным способом не решить. Подскажите есть ли способ решить проблему пунктирной обводки кнопок в Firefox. З.Ы. Кстати проблема пунктирной обводки у ссылок есть и в IE6, и она тоже не решается с помощью outline:none.

    Asked by Nigelist,

    0 votes
    10 answers

  19. Верстка форм. Проблемы с FF4

    Доброго времени суток. Есть формочка - http://beavers-net.narod.ru/primers/forms.html Собственно два вопроса - как её сверстать лучше, чтоб не прыгали инпуты туда-сюда и все было ровно и в Лисе input file для аватара не тянется Inline-стилями - в чем фишка? *валидацию прошел. По поиску побродил, но ничего не нашел,( Только вот - http://forum.htmlbook.ru/index.php?showtopic=20084&hl=%E2%E5%F0%F1%F2%EA%E0+%F4%EE%F0%EC Оно занятно, да не об том. Заранее спасибо. С уважением, Олег.

    Asked by tt48,

    0 votes
    10 answers

  20. table в css

    Например, как можно задать рамку таблице в файле стиля?

    Asked by Sandr,

    0 votes
    10 answers

  21. Разместить блок (подвал) по центру снизу.

    Нужно разместить не фиксированный блок шириной 1000px по центру низа страницы. Атрибут "align" не предлагать.

    Asked by pxdude,

    0 votes
    10 answers

  22. Струкрута контента

    Это мой первый сайт. Сразу к делу.... Создал я более или менее приличное горизонтальное меню (надписи с ссылочками) но не в этом суть...сделал лого и вставил его через css. далее надо сделать самое важное - контент сайта... как сделать? если я понимаю..то просто создать div или table и заполнить нужной инфой...сделать так с каждой страницей а меню будет перекидывать? можно ли это сделать проще и как будет правильней и удобней? жду ваших поправок и советов.

    Asked by MefistofeleS,

    0 votes
    10 answers

  23. полу прозрачный фон под текстом

    Нужно сделать под текстом полу прозрачный белый фон вот тут http://plastik-pvh.ru/ где ротируются картинки Просто сложно выбрать такой цвет шрифта, чтобы он был заметен на любом изображении, поэтому хочу сделать черный шрифт на на белом фоне с прозрачностью 40-50%

    Asked by fowl,

    0 votes
    10 answers

  24. Помогите разобраться с параметром "vertical-align"

    .menu_but{margin:0; padding:0; width:300px;background: #0420c3; list-style:none;} .menu_but li{padding:0; margin:0 0 1px 0; height:67 px; } .menu_but li a{ text-align:left; height:67px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:table; vertical-align:middle; background:url("../images/but.png"); background-repeat:no-repeat; text-decoration:none; outline:none;} .menu_but li a:hover{background:url("../images/but_a.png");} .menu_but li a.active, .menu li a.active:hover{background:url("../images/but.png");} .menu_but li a span{line-height:15px;} Если я правильно понимаю параметр vertical-align "Применяется К встрое…

    Asked by marrone-art,

    0 votes
    10 answers

  25. Проблема с "подвалом" (footer)

    Проблема вот в чем. Есть на сайте контент, под ним полоса height:50px;. Если контент не на всю страницу, то он все равно будет внизу страницы. Если контента много, то он окажется после него, и будет скролится. Пример такой http://vk.osvita.org.ua/footer.htm Все понятно. Но. Как я понимаю, задавая элементам body, html {height:100%}, мы задаем главным элементам размер. Теперь. Посмотреть описание CSS width "Если родитель явно не указан, то в качестве процентной записи выступает окно браузера." Т.е. задавая размер этого footer 100%, он будет не на весь экран, а на 100% видимой области, что заметно, если уменьшить размер окна браузера меньше, чем элемент на странице. Появля…

    Asked by SCHNITZER,

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