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. Две таблицы на одной строке

    Как разместить две маленьких таблицы на одной строке? Вторая всегда размещается ниже первой, хотя места там достаточно.

    Asked by wewwew,

    0 votes
    9 answers

  2. Как проверить HTML код на валидность?

    Как проверить HTML код на валидность? В Dreamweaver'е можно? Если да то где и как? (Версия Adobe Dreamweaver CS4 EN)

    Asked by kavadims,

    0 votes
    7 answers

  3. Не держится ширина таблицы

    Вся проблема в том,что ячейка с шириной 802 сжимается.Мне нужно,чтобы она оставалась фиксированной,а боковые ячейки были резиновые в зависимости от ширины экрана.

    Asked by user,

    0 votes
    9 answers

  4. IE и height

    Opera 9.62, Safari 3.2, Firefox 3.0, осел 7.0.5730.11 первые три все гуд, последний, одним словом осел привиду точный кусок кода <table width="900" border="0" cellspacing="0" cellpadding="0"> .... <tr> <td rowspan="2" valign="top"><img src="<!--//WAY;-->pic/leftgra2.png" width="5" height="277" alt="" border="0"></td> <td valign="top"><!--//menu;--><img src="<!--//WAY;-->pic/undermen2.gif" width="150" height="61" alt="" border="0"></td> <td colspan="5" rowspan="2" valign="top" align="left" background="<!--//WAY;-->pic/1x1white.png" bgcolor="#ffffff"> <!--//body;--> </td> …

    Asked by clgs,

    0 votes
    2 answers

  5. IE6 включает padding в height?

    IE6 включает padding в height? Вроде читал, что не должен, но у меня почему-то включает. В мазиле и в ИЕ6 следующий код отображается по-разному <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> HTML { height:100%; } BODY { height:100%; } #div1 { border:solid 1px #999999; position:absolute; width:50%; height:expression(document.body.offsetHeight-500); top:0px; bottom:500px; } #div2 { border:solid 1px blue; width:auto; height:100%; float:left; padd…

    Asked by Колос,

    0 votes
    1 answer

  6. чем заменить <div align="center"> для strict типа документа ?

    <div align="center"> код всей стр.. </div> строгий тип документа. ему не нравится алигн центр. чем можно заменить ?

    Asked by nickflip,

    0 votes
    4 answers

  7. Изменение прозрачности

    Привет всем! Хочу у вас спросить как сделать изменение прозрачности изображения при наведении? Видел вот на этом сайте вверху, но не разобрался. Спасибо!

    Asked by Verty,

    0 votes
    6 answers

  8. перекрытие слоев

    подскажите как победить такую конструкцию? есть картинка с z-index: 1; и есть меню с z-index: 2; но в том месте где меню в зоне картинки оно не работает, т.е. получается что часть меню становиться не активным по логике ведь меню выше слоя картинки

    Asked by zloi-kasper,

    0 votes
    6 answers

  9. Разместить рисунок выходящий за рамки ДИВа

    Привет всем! Мне надо разместить картинку в футере, кторая будет выходить за рамки ДИВа футера. Как это сделать? Помогите советом... или может кто-то сталкивался... прошу помощи

    Asked by privat,

    0 votes
    11 answers

  10. Центрирования content

    Вот такой код. Фаяфокс и Опера в порядке, ИЕ не центрирует маргин: авто. Речь идет о "после" шестой версии) Центрировал, все было в порядке. Начал править что-то совсем другое... и все. В чем может быть проблема? Спасибо! html, body {margin: 0; padding:0;} body {font-family: Arial, Sans-serif; font-size: 10pt; background-color: #e5f0f6;} #container {margin: 0 auto; width: 900px; background: white;} p {margin: 3px 0px 4px 0px;} h2{font-size: 13pt; margin: 3px 5px 4px 5px;} h3{font-size: 11pt; margin: 3px 5px 4px 5px;} a:link {color: #1450aa; text-decoration: underline;} a:visited {color: #525f66; text-decoration: none;} a:hover {color: #525f66; text-decoration: none;} a…

    Asked by Rootical,

    0 votes
    2 answers

  11. onmouseover эффект на одой линии кнопок работает, а на другой не работает

    У меня onmouseover эффект на одой линии кнопок работает, а на другой не работает. как починить? http://members.dodo.com.au/~rouslan/ninawebsite/index.html и еще, есть ли способ, когда можно не вкладывать onmouseover эффект два раза на странице, но при этом все кнопки работали внизу и наверху, то есть есть ли какой-нибудь "под-код", который будет повтрорять onmouseover эффект?

    Asked by DolbyRoom,

    0 votes
    2 answers

  12. Возможно ли отменить действие стилевого правила?

    Имею выносной стилевой файл в котором определены такие настройки (все упростил для наглядности): a { color:#f00; } a:hover { color:#000; background:#bbb; } и html <div id="block"> <p>бла-бла-бла <a href="#">Здесь</a> бла-бла-бла</p> <ul> <li> <p>пам-парам <a href="#">Тут</a> пам-парм</p> </li> </ul> </div> если я пропишу правило (таковы требования) div#block p a { color:#ccc; } то оно применится ко всем ссылкам блока (id="block") в тч и в составе списка. Но вот именно в списке мне нужно оформление ссылок, которое задано "глобальным" правилом. Вопрос: можно ли каким-то пр…

    Asked by Punsh,

    0 votes
    1 answer

  13. IE + высота ячейки

    Opera 9.62, Safari 3.2, Firefox 3.0, осел 7.0.5730.11 первые три все гуд, последний, одним словом осел короче, вот главная, а при большом теле место под меню съезжает вниз, а нужно как, ну как в других браузерах, т.е. нормально =) ставилял во второй строке height=*, height=99%, height=600... не чего не помогает..

    Asked by clgs,

    0 votes
    2 answers

  14. резиновая таблица в web диалоге и в простом окне

    вот такая таблица - хочу сделать в popup окне резиновую таблицу, чтобы ширина изменялась в зависимости от того, насколько растянуто окно <table width="100%" border="1"> <tr> <td width="20%"> 1</td> <td >2</td> </tr> </table> если окно открываю через window.open то поведение таблицы как планировалось - ширина изменяется вместе с щириной окна. если открываю окно через window.showModalDilaog, то ширина таблица при открытии окна такая же как и ширина окна, но далее при изменении ширина таблицы останается такой же как и была. почему такая разница и как сделать резиновую таблицу в we…

    Asked by monstrU,

    0 votes
    7 answers

  15. пару вопросов

    1. как нибудь можно вывести на страницу содержимое, например файла exel? 2. как сделать, чтобы можно было загружать и сохранять файлы с сайта? текст, музыка, фото и прочее 3. как можно добавить небольшое видео на сайт? например, в шапку сайта какой-нибудь ролик секунд на 5-10? 4. как вынести в css в style рамку, цвет, толщину рамки и др свойства для таблицы?

    Asked by Ramazzzik,

    0 votes
    2 answers

  16. Сделать элемент недоступным

    Имеется довольно сложное меню: <div id="menu"> ...... (внутри много чего) ...... </div> Необходимо сделать это меню недоступным. То есть, чтобы онКлики не срабатывали, по ссылкам пройти нельзя было. Может кому-нибудь приходилось такое делать. Как лучше такое сделать?

    Asked by Колос,

    0 votes
    2 answers

  17. позиция рисунка в ячейке таблицы.

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

    Asked by arlek1n,

    0 votes
    26 answers

  18. [help] Проблемы с позиционированием.

    Здравствуйте уважаемые. Возникла проблема с позиционированием футера на сайте. Футер в виде темной полоски с горизонтальной менюшкой. Необходимо чтобы он был вплотную прилеплен к нижнему краю экрана. Было сначала: Если много контента на страничке (больше чем на высоту экрана) - то футер нормально позиционируется и прижимается к нижнему краю. Если же контента мало (меньше чем на страничку) - то он поднимается на середину экрана. Тогда я применил абсолютное позиционирование: style="position: absolute; bottom: 0px; width: 100%" Теперь возникла другая проблема. Если контента мало - все нормально - футер как прилепленный к нижнему краю. НО если количество контента больше чем…

    Asked by rijy,

    0 votes
    4 answers

  19. Как избежать наложения текста(выпадающий список)?

    <script language="javascript"> var what_design_visible=false; why_design_visible=false function show_what_design(){ if (what_design_visible==false){ document.getElementById('what_design').style.display='block'; what_design_visible=true; } else {document.getElementById('what_design').style.display='none'; what_design_visible=false;} } function show_why_design(){ if (why_design_visible==false){ document.getElementById('why_design').style.display='block'; why_design_visible=true; } else {document.getElementById('why_design').style.display='none'; why_design_visible=false;} } </script> <a href="#"><H2 class="style1" style="position:absolute; top:…

    Asked by AlexMak,

    0 votes
    3 answers

  20. таблица, фиксированная ширина колонки

    Товарищи.. просьба не пинать сильно, но реально решения пока не нашёл, хотя поиск и различные манулы перелистал... в кратце ситуация... есть таблица. в ней две строчки... вторая строчка слипляется в одну колонку (<td colspan = "2">) в первую колонку (первой строки) попадет информация, которая является длинной и не разделимой. как сделать так, чтобы появился скрол горизонатльный и тем самым колонка эта была фиксированной "толщины"... подобный эффект полается с обычным текстом если поставить свойство запрета переноса текста. (с высотой всё нормально... а вот с шириной не получается..) вот кусок кода: <table width = "100%" height = "100%"> <tr> <td wid…

    Asked by Legi,

    0 votes
    20 answers

  21. Ссылка

    http://www.cosmocard.ru/ Как можно сделать такие ссылки без попиксельного подбирания? Допустим карта космополитан или журнал, т.е. ссылка идёт по краю картинки, а картинка наклонена.

    Asked by sm0k,

    0 votes
    5 answers

  22. как расстянуть несколько вложенных div-вов по высоте

    Сайт со сложной версткой бэкграундов. Нужно расстянуть несколько вложенных div-вов по высоте (.wp1, .wp2, .wp3), чтобы футер при этом был прижат к низу. Расстягивается только wrapper, а .wp1, .wp2, .wp3 - НЕТ!!! Буду очень благодарен за совет. Вот код: <html> <title>Макет</title> <style type="text/css"> * {margin: 0; padding: 0;} html, body {height:100%;} body {min-height:100%;} .wrapper, .wp1, .wp2, .wp3 { position:relative;min-height:100%; height:100%; width:1000px;} * html .wrapper,* html .wp1, * html .wp2, * html .wp3 {height:100%;} /* хак для ie6 */ .header {background: blue;} .sidebar {float:left; width:200px; background: red;} .content {flo…

    Asked by sarlv,

    0 votes
    2 answers

  23. Резиновая таблица в IE 7 - как?

    То ли я поиском пользоваться не умею, то ли решение этой проблемы затерялось в дебрях прошлого. но все же. Нужно сделать таблицу (именно table а не div) из двух колонок, одна фиксированной высоты, вторая - на всю оставшуюся часть высоту экрана. Сделал - в опере и ФФ работает, в IE 7 появляется вертикальный сролл. У самого 6 эксплоера нет, но вроде бы там тоже все ок. В чем проблема? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>{title} -</title> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> <style type="text/css"> <!-- html…

    Asked by pimandr,

    0 votes
    7 answers

  24. Ссылки с текстового поля

    Здравствуйте я новичок в html. Помогите пожалуйста. Сайт создан на ucoz хотелось бы осуществить следующее. Есть переменная $BRIEF$ (краткое описание материала) В которую пользователь вводит текст ссылки в рядок. Нужно сделать так чтоб каждый рядок представлялся как отдельная ссылка. и при в вставке $BRIEF$ в код страницы отображалось нечто подобноее. Мой познания в html не велики. Но я предполагаю что это можно сделать как нибудь так 1. Написать скрипт которий будет разделять каждый редок и представлять его как ссылку(если это возможно). 2. Написать скрипт который занесет информацию из $BRIEF$ в некий файл на сервере, и уже потом в файле разделять и выводить рядки. Н…

    Asked by ДрайВ,

    0 votes
    6 answers

  25. Первые секунды загрузки сайта

    Делаю не первый сайт, и который раз возникает следующий вопрос: Первые секунды загрузки сайта контент отображается "как есть" пока подгружается файл стилей. Потом резко все становится на место. Как решается данный вопрос? Только на своих сайтах вижу) Проблема в доктайпе? Спасибо!

    Asked by Rootical,

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