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. height 100% в XHTML под IE 7.0

    Если ставить общей таблице и одной из составляющих tr высоту 100%, то под IE7.0 значительно увеличивается общ. высота, появляется scroll. Помогите!!!!!

    Asked by elza,

    0 votes
    3 answers

  2. Как увеличить поле form и сделать красивое обрамление ?

    Создал контактную форму - не могу разобраться - как увеличить поля (через css или нет), тк они получились маленькими, особенно где должен быть текст сообщения php код вот: <form method="post" action="<?php echo "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>" id="contactform"> <strong>Имя</strong>*<br/> <input type="text" class="textbox" id="cp_name" name="cp_name" value="<?php echo $cp_name;?>" /><br/><br/> <strong>E-mail адрес</strong>*<br/> <input type="text" class="textbox" id="cp_email" name="cp_email" value="<?php echo $cp_email;?>" /><br/><br/> &l…

    Asked by walaby,

    0 votes
    3 answers

  3. Ширина высота рисунка в background

    собственно есть стиль: td.bg_fotogal1 { background: url(images/bg_fotogal1.png) no-repeat; background-position: right top; width: 28px; height: 16px; } но здесь указана только ширина и высота ячейки таблицы, а я хотел бы также указать высоту и ширину выводимого background?

    Asked by okunev2,

    0 votes
    3 answers

  4. Что происходит с таблицей под DIVом в разных броузерах...???

    Код примера DIV за ним ТАБЛИЦА <!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>Новый Документ</title> </head><head> <style type="text/css"> * { margin: 0; padding: 0; border: 0; } #s{ background: #FFFCDF; height: 50px; width: 100px; position: relative; float: right; } </style> </head><body> <div id="s"></div> <table width="100%" bgcolor="#C0E0B4"> <tr> <td> </td> </tr> </table> </body> </html…

    Asked by Serjinio,

    0 votes
    3 answers

  5. Одно слово

    Привет! Мне нужно в текстовом блоке выделить первое слово другим цветом и шрифтом. Если для этого дела переопределить какойнибудь тег (h например), то остальной текст после него начинается с новой строки. Как поступить?

    Asked by иннокентий,

    0 votes
    3 answers

  6. Трехколоночный макет

    Решил сделать верстку слоями с помощью плавающих элементов. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> <html> <head> <title>Hellow world!</title> </head> <body style="margin:0; padding:0"> <div style="width:200px; padding:0; margin:0; height:100px; background-color:green; float:left; color:yellow;"> Первый </div> <div style="width:200px; height:100px; background-color:red; float:right;"> Третий </div> <div style="height:100px; background-color:blue; color:white;"> Второй </div> </body> </html> Все бы ничего да в ИЕ между средним слоем и двумя другими образуют…

    Asked by Postal,

    0 votes
    3 answers

  7. DIV-ка с изображением внутри

    Здравствуйте, такой вопрос: Сайт сверстан слоями. На сайте три колонки. Верстка резиновая. В центральной колонке нужно разместить блок (дивку), в которой размешено большое (2000px по ширине) изображение. При этом это изображение должно быть отцентровано в этой дивке. Т.е., если к примеру центральная колонка сайта получилась шириной 800px, то от изображения должно обрезаться справа 600px и слева столько же, а центральная часть отобразится. Это было бы просто сделать, если положить изображение бэкграундом, но вся беда в том, что изображение связано с картой (MAP)? т.е. на изображение есть ссылки. Я попробовал применить к дивке вот такие стили overflow: hidden; text-align: …

    Asked by Stutzer,

    0 votes
    3 answers

  8. Окрашивание бордера таблиц

    Друзья. Пользовался некогда вот таким стилем для окрашивания бордера таблиц: table.tm { font-size: 9pt; padding: 1px; background: red; } table.tm td { font-size: 9pt; padding: 1px; background: white; } и <table class="tm" cellspacing="1" cellpadding="0"> Но у этого способа есть небольшой недостаток, если таблица объемная, то сначала окрашивается бордеры td а только потом бордер table. Есть ли другой способ, дабы избежать этого недостатка? Но небольшой каприз, стиль задавать только для таблицы, для td не выход. Спасибо.

    Asked by walek,

    0 votes
    3 answers

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

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

    Asked by apika,

    0 votes
    3 answers

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

    Делал таблицу в программе 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

  11. Bootstrap 4, Flexbox или Cssgrid

    Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…

    Asked by Владимир Горинов,

    0 votes
    3 answers

  12. Как поставить на одной страничке гиперссылки разных цветов

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

    Asked by samael_96,

    0 votes
    3 answers

  13. Див по середине страницы!

    Необходимо отцентрировать див по середине страницы(по горизонтали и вертикали), поверх остальных таблиц, рисунков и т.д. Заранее Спасибо

    Asked by ros.pro,

    0 votes
    3 answers

  14. Меню на CSS и list-style-image

    Всем привет В первый раз делаю горизонтальное выпадающее меню на CSS, то есть меню, представляющее собой на самом деле маркированный список. Ну, с самим меню вроде вс? ясно Но вот есть такой вопрос. А возможно ли сделать маркеры у списка, т. е. у пунктов самого меню, ввиде маленькой картинки? И если да, то как? Для маркированного списка в сво?м обычном виде такое сделать получается, а как только для [*] зада?шь float:left, чтоб элементы списка расположились горизонтально, - в IE маркеры вообще исчезают, в других браузерах есть, но не совсем так, но с этим, думаю, можно что-то сделать , а во как с IE быть, не знаю...

    Asked by Koldunja_Leessa,

    0 votes
    3 answers

  15. что скажите ?

    Вот верстал меню Что скажите по коду мне честно говоря он кажется не очень Как можно было бы сделать подругому без помоши картинок ? <div class="head2"> <ul> <li><a href="1.html"><img src="images/1.gif" alt=""></a></li> <li><a href="2.html"><img src="images/2.gif" alt=""></a></li> <li><a href="3.html"><img src="images/3.gif" alt=""></a></li> <li><a href="4.html"><img src="images/4.gif" alt=""></a></li> <li><a href="5.html"><img src="images/5.gif" alt=""></a></li> <li><a href="6.html">&l…

    Asked by musulman,

    0 votes
    3 answers

  16. Информер в новом окне

    Интереса ради скопировала себе код информера. Хотелось бы, чтобы при клике сайт открывался в новом окне. С обычным HTML кодом справиться я могу. Со скриптом-проблемы. Материалы здесь на сайте посмотрела, но что то я запуталась куда и что размещать. Может кто поможет дополнить необходимое? <script language=javascript src=http://www.sunhome.ru/informer/magics/magics.php?w=NjAw&ts=NA==&ls=MTE=&txs=MTI=&bs=Mg==&align=bGVmdA==&color=ZmYwMGZmODAwMDgwNDQ0NDQ0ZWU4MmVl >

    Asked by Юлия,

    0 votes
    3 answers

  17. Центрирование менюшки

    Приветик всем. Пытаюсь позиционировать менюшку строго по центру. В ИЕ6 центрируется нормально, но мозилла сдвигает ее влево. Ставлю в двух дивах. Не пойму, что не так. Заранее спасибо за поддержку. Код такой: /*——————headmenubox—————-*/ #headmenubox {position:absolute; top: 290px; width: 795px; height: 30px; margin-left: auto; margin-right: auto; background-color: #F7F2EE; border: 2px outset; z-index:3;} /*——————header-menu—————-*/ #header-menu {position:relative; top:0; width: 90%; height:auto; padding-left:; margin:0 auto; font-family: Times New Roman, serif; text-align: center; font-weight: bold; font-style: italic; background-color: #F7F2EE; colo…

    Asked by Oliany,

    0 votes
    3 answers

  18. Отступ br

    Доброго времени суток. Какие наиболее валидные варианты вы можете предложить для уменьшения отступапосле тага

    Asked by Neolink,

    0 votes
    3 answers

  19. Вертикальный отступ для фона

    <div style="border:1px solid red; width:400px;height:400px; background:url(images/button.jpg) repeat-y;background-position:300px 30px;text-align:right"> <img src="images/image.gif" width="20" height="30" alt=""> </div> Подскажите,плз,такая проблема Есть слой,в правом верхнем углу находится изображение gif высотой в 30px с частично прозрачными областями. Нужно к правому боку слоя прижать фон(ширина 20px),повторяющийся по вертикали, таким образом,чтобы он начинался сразу под картинкой и не просвечивал через нее (через нее должен просвечивать фон,заданный для body).Пытался задать отступ для фона через background-position - не получается.Думал над тем,чтобы …

    Asked by Микель,

    0 votes
    3 answers

  20. как сделать фон страницы не через bgcolor

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

    Asked by FLYERok,

    0 votes
    3 answers

  21. не работает align

    В одном из тегов значение align="center" действует только в самом файле, а если выношу в CSS, то как будто его и нет. Отчего это может быть?

    Asked by anvash,

    0 votes
    3 answers

  22. Сбивается <a name=""></a>

    Огромные респекты сему братству! Переделываю в HTML очень интересную автобиографическую книгу. В ней много текста и фоток. Поначалу хотел фотки вставлять прямо в текст, по получилось криво - соотнести фотку с коротким абзацем сложно. Поэтому решил использовать фреймы: в левом узком фрейме разместил фотки, а в правом широком - текст, в котором поставил ссылки на фотки из левого фрейма: имхо достаточно удобно кликнуть на ссылку в тексте чтобы слева колонка промоталась на фотку. Вобщем, такой код: index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <HTML> <HEAD> </HEAD> <FRAMESET cols="2…

    Asked by Ksanytch,

    0 votes
    3 answers

  23. Синтаксис XHTML: name или id в тегах <form> и <input>

    Согласно Вашей статье "Шаг за шагом > XHTML по шагам > Синтаксис XHTML" вместо параметра name необходимо указывать атрибут id. Относится ли это к тегам и ?ЗЫ: может пост не по теме - просто "там" нет обсуждения...

    Asked by Shur,

    0 votes
    3 answers

  24. Подключить шаблон к странице (вопрос от чайника)

    Я успешно произвел базовую установил Смарти. В папке templates есть два файла index.tpl и menu.tpl. Как мне подключить шаблон к обычному html-файлу из папки www? Спасибо!

    Asked by Никита,

    0 votes
    3 answers

  25. Рамка вокруг страницы. XHTML

    Всем добрый день. Возник вот такой вопрос. Задача следующая: есть страница с контентом в 800px, вокруг страницы нужно сделать рамку, которая должна быть по периметру окна при любых его размерах, при этом если ширину окна сделать меньше ширины контента, то правая полоса рамки должна пропадать. Если высота контента меньше, чем высота окна, то вертикального скролла быть не должно. Доктайп следующий: quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Внимательно изучил форум, есть несколько вариантов решений, но на 100% ни одно не подходит. Мои варианты решения: 1. Правая полоса рамки не растягивается на всю высоту окн…

    Asked by Storm,

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