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. Перезагрузка div слоя

    Есть часы. Сделал путем php с выводом в div слое. Файл с функцией пхп подключаю, т.е. он отдельно. Нужно, чтобы див слой перезагружался без перезагрузки самой страницы, чтобы часы работали как надо. Что-то нигде не нашел решения этой проблемы...

    Asked by onsite,

    0 votes
    2 answers

  2. нужна помощь

    есть изображение линии с абсолютными координатами, как ее можно размножить до определенной точки. у меня получается вот такой вариант, но тут он ее просто растягивает на заданную длину, а не копирует. <div style="background-image: url('line_1.gif'); height: 2px; width: 550px; position: absolute; top: 46px; left: 585px;"></div>

    Asked by montana,

    0 votes
    9 answers

  3. порядок загрузки страницы

    очень интересен порядок загрузки страницы. опишу как я его понимаю, если не правильно, то поправьте пожалуйста. js-код по возможности помещают ближе к концу html-кода чтобы сначала на экран выводилась основная информация, которая в тегах, а потом уже js-плюшки. то есть браузер получает с сервера код полностью. затем на основе каких то правил(у каждого браузера они свои) строит некоторую модель(в первую очередь обрабатывается неяваскрипт). потом происходит вывод информации. потом обрабатываются скрипты и снова результат выводится на экран. так ли это? вообще спрашиваю потому, что интересно если встраивать в html-код скрипты тэгом <script>, то будет ли это равносильн…

    Asked by cyklop77,

    0 votes
    1 answer

  4. Расположение блоков

    Привет всем.Начал пробовать верстать свой первый шаблон.Столкнулся с несколькими проблемами. 1)Блок меню не становится на своё место как на скрине 1. 2)При изменении масштаба мой шаблон растягивается как на скин 2(а другие не растягиваются как на скин 3) 3)Есть большая просьба посмотреть коды моего шаблона может что то не так сделал или неправильные теги испрользовал. Сайт на катором шаблон http://proba-12345.ucoz.ru/ Cкрине 1 Cкрине 2 Cкрине 3 HTML <!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" xml:lang="ru" lang="ru"> <head> <t…

    Asked by nimens,

    0 votes
    5 answers

  5. Меню виде border-top

    Помогите разобраться как сделать такое меню Проблема при hover ,не получаеться прописать на одну линию ... размер меню 375px.

    Asked by coldug,

    0 votes
    16 answers

  6. Верстка подвала

    Извиняюсь за банальность, но не могу справиться с проблемой сайт http://www.estilo.kz как серый фон в футере растянуть на всю ширину и прижать его к самому низу браузера?

    Asked by dimdimin,

    0 votes
    1 answer

  7. Масштабирование swf в таблице

    Доброго времени суток, уважаемые профессионалы! Хочу сверстать простейшую html страничку с вставленным swf файлом. Все бы хорошо, но мне нужно, чтобы его размер изменялся в зависимости от размера окна. Усложняется дело тем, что слева должен быть столбец заданной ширины. Пробовала двумя способами - через таблицу и div'ами, в обоих случаях получается ерунда. Вариант с div'ами. Вариант с таблицей. Я совсем не специалист и уже сломала себе голову об эту, как мне казалось, простую страничку! Помогите, пожалуйста!

    Asked by Niucha,

    0 votes
    2 answers

  8. Нарезка шаблона

    Добрый день, я новичок как бы, и почти в каждом шаблоне замечаю что шаблон нарезан. Подскажите по какому принципу это делается и для чего? Порою (как в примере) режется совершенно странным образом. не могу понять смысла. PS верстаю по слоям, сохраняю слой и после уже использую, быть может я что то не так делаю?

    Asked by WabFad,

    0 votes
    2 answers

  9. Ширина табов

    Есть такие табы. Как нужно поменять css, чтобы общая ширина табов была точно равна ширине блока ниже?? Когда я пробовал, вместо символов A,B,C были длинные строки, и у меня постоянно общ. ширина табов либо не дотягивала до ширины блока, либо была больше, и вообще один таб съезжал вниз.. ( Есть ли способ сделать ширины одинаковыми (равномерно табы распределить) - при этом вне зависимости от контента табов(будь то A,B,C или строки подлиннее)?? Или от ширины контента табов всегда будет зависеть?? Тогда как??

    Asked by DrStrangeLove,

    0 votes
    14 answers

  10. Form:select,checkbox,input

    Доброе Утро! Подскажите пожалуйста кто знает: Кроссбраузерные плагины для Form(select,checkbox,input)! Сделать это необходимо на следующую страницу: http://yamaradg.narod2.ru/history/Hosting_Company/1.html Верстаю под: Mazillu,Safari,Operu,Google Chrome,IE-7,8,9... P.S. В заранее благодарен за помощь...

    Asked by Yamaradg,

    0 votes
    3 answers

  11. Помогите с меню справится

    Здравствуйте! проблема с меню при наводке на ссылку не работает :hover в chrome и safari работает в FF IE Opere. здесь можно посмотреть меню ghost1981.co.cc Помогите если не сложно... спасибо! <!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css"> body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th…

    Asked by ghost198119,

    0 votes
    3 answers

  12. Автоматическое создание якоря по заголовкам

    В word-е есть такая функция как "Оглавление и указатели", с ее помощю можно создать авто содержания по заголовкам. Далее это все можно сохранить в html виде, в итоге получится у нас документ с проставленными якорями по заголовкам, но word-е это делать плохо так как много мусора, может есть другие программы, или,или.. которые могли бы в таком автоматическом режиме проставить якоря?

    Asked by hopest,

    0 votes
    4 answers

  13. Как разместить div на границе другого div

    Как разместить div на границе другого div таким способом

    Asked by T@NKIST,

    0 votes
    2 answers

  14. не могу разобраться

    урок 2 http://www.sdelaysite.com/javascript/javascript-video-2 <HTML> <HEAD> <TITLE>this</TITLE> <script type="text/javascript"> ... this.value = ''; </SCRIPT> </head> <BODY> <input type="text" value ="введите email" onClick="..." id="mail"> </BODY> </HTML> что тут надо, чтобы заработало, пожалуйста подскажите и еще один пример не могу разобраться http://htmlbook.ru/samlayout/verstka-na-html5/vnutrennyaya-stranitsa здесь в примере Блок"интересная информация" показано как делается тень я так и недоделала тень в макете "муж на час" <html> <head> <style> .interest { background: #…

    Asked by olga153b,

    0 votes
    9 answers

  15. Не могу кликнуть по ссылке

    вот http://site.druzhina.org/ там слева Главная Новости и прочее, а справа вход так вот, вход какбы сверху, поэтому кликнуть удается только по нему, если уменьшить ширину его блока, то он будет слева, а не справа пробовал z-index не работает. что делать? нужно: слева Главная Новости... справа: вход ЗЫ а в IE8 вообще почему-то разметки нет

    Asked by AquaGen,

    0 votes
    2 answers

  16. Ссылки на сайте перестали быть активными

    В общем проблема такая. В один момент на сайте перестали работать все ссылки, и перестал появляться курсор "pointer". вместо pointer появляется text, курсор для редактирования текста. может кто сталкивался с такой проблемой??? как это выглядит можно посмотреть здесь www.mupgoii.ru А также при наведении на ссылку, не появляется путь ссылки.

    Asked by gas,

    0 votes
    2 answers

  17. Появилась пустая область перед таблицей

    В IE 9 Все нормально: В опере и в FF вот так: вот пример с видимыми границами: Сам код таблицы <table width="100%" border="1" cellspacing="0" cellpadding="5"> <tr><td align="left">Андрей Шишкин - Лола</td><noindex><td width="10%" align="center">[audio:http://dl.dropbox.com/u/16720744/%D0%9B/%D0%9B%D0%BE%D0%BB%D0%B8%D1%82%D0%B0/%D0%90%D0%BD%D0%B4%D1%80%D0%B5%D0%B9%20%D0%A8%D0%B8%D1%88%D0%BA%D0%B8%D0%BD%20-%20%D0%9B%D0%BE%D0%BB%D0%B0.mp3]</td><td width="10%" align="center"><a href="http://dl.dropbox.com/u/16720744/%D0%9B/%D0%9B%D0%BE%D0%BB%D0%B8%D1%82%D0%B0/%D0%90%D0%BD%D0%B4%D1%80%D0%B5%D0%B9%20%D0%A8%D0%B8%D1%88%D0%B…

    Asked by Airogen,

    0 votes
    2 answers

  18. Помогите обернуть баннер и контейнер Дивом.

    Всем привет. Народ помогите пожалуйста, обернуть баннер и контейнер дивом. Нужно чтобы фоновая картинка была под баннером. Фоновую картинку я прописала в контейнер и что то не получается у меня обернуть баннер и контейнер дивом %system getOuterContent('./tpls/content/header.inc.tpl')% <div id="banner"> %content insert('23047')% </div> <div id="container" style="background: url(images/fon.gif) no-repeat;"> %content% </div> <div id="left" style="background:url(/images/indexcontent_line.gif) repeat-y right;"> %news lastlist('/news/', 'home', 4)% </div> %system getOuterContent('./tpls/content/footer.inc.tpl')%

    Asked by hurti,

    0 votes
    7 answers

  19. Не могу разобрать с горизонтальным меню

    Здравствуйте, помогите пожалуйста разобраться с горизонтальным меню Есть горизонтальное меню: Главная Новости Контакты Обратная связь хотелось бы вставить вертикальный разделитель вот так: Главная | Новости | Контакты | Обратная связь мой ксс имеет вид #test-menu li{ background: url(../images/vline.gif) 100% 0 repeat-y ; display: inline-block; font-size:11px; padding: 0 10px 0 10px; } но он отображает меню в таком виде (ставит черту в конце): Главная | Новости | Контакты | Обратная связь | можно как книбудь избавиться от этой черты с помощью ксс???

    Asked by gyper,

    0 votes
    5 answers

  20. отложенная загрузка скрипта

    в моем случае DOM дерево со временем изменяется, как сделать загрузку скрипта через определенное время или циклически?

    Asked by jurassik,

    0 votes
    0 answers

  21. Текст выходит за рамки div по ширине

    Помогите пожалуйста. Текст выходит за рамки блока div по ширине. Всё делаю с видео урока, там всё нормально, у меня вылазиет. Файлами с самого видео курса заменял свои, всё равно такая фигня. Как исправить?

    Asked by dimann90,

    0 votes
    1 answer

  22. Проблема span в табличной верстке. IE7

    Вот часть кода: table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr class="price"> <!-- <td style="padding-right:2px; padding-top:7px"><img src="" border="0"></td> --> <td><b>Цена</b></td> <td width="100%" style="padding-left:18px;" class="tablebody"> <span class="price_num"> 1,59 руб. </span> за шт<br> <span class="price_num"><b>159,00 руб. за партию</b></span> </td> <td rowspan='2' width='100px'> <div class='cheet_logo'> <img src="/images/firms/gemar.jpg" border="0" …

    Asked by moskalev_mihail,

    0 votes
    0 answers

  23. DIV и вторая строка

    Прошу совета. Два дива float:left. Размер первого определяется длинной слова (или слов в <NOBR>), длинна второго — на все оставшееся пространство. Проблема: во втором диве, как только текст доходит на правого края, нет переноса на вторую строку. Вместо этого сам DIV сваливается под первый. Как быть? <DIV style="float:left"><NOBR>Фраза</NOBR></DIV> <DIV style="float:left">текст</DIV> Если бы ни зависимость ширины второго DIV'a от первого, проблем бы не было: при явном указании ширины, перенос на вторую строку во втором DIV'e есть.

    Asked by Artlive,

    0 votes
    16 answers

  24. Пустой span c min-width в таблице. Проблемы с ИЕ7.

    Добрый день! Задача такая: сверстать пустые поля для вывода информации. В дальнейшем они должны растягиваться по содержимому (по ширине). Верстка табличная. <!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> <title>min-width</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> <!--[if lte IE 7]> </style> <![endif]--> <style type="text/css"&g…

    Asked by F315,

    0 votes
    15 answers

  25. проблема со спрайтами

    После подключения файла reset.css перестали работать спрайты в опере, хотя в мозиле отображается всё как положенно. Изменение значения background-position результатов не даёт.

    Asked by olka,

    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