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. Переделка шаблона под cms

    Задача:нужно переделать шаблон(Psd,html,css файлы присутствуют) под смолу.Файл шаблона сделан версткой слоями.Для этого имхо удобней конвертировать слои в таблицы а затем распихивать их по *.tpl Проблема:В дримвивере при конвертации слоев в таблицы исчезают несколько картинок. Где собака зарыта?

    Asked by BoJIand,

    0 votes
    1 answer

  2. Iframe - скрыть следы окна

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

    Asked by Alexxx2783,

    0 votes
    1 answer

  3. Выравнивание ширины плавающих блоков

    Добрый день. Есть набор из произвольного количества блоков. Каждый блок состоит из: - картинки (всегда одной и той же) - строки текста под картинкой (количество символов ограничено сверху, т.е. всегда не больше некоего заданного числа); суммарная длина строки может быть больше ширины картинки Блоки выводятся один за другим: float: left; padding: 0 2em 2em 0; Картинки в блоках: position: relative; left: -4px; Блоки выводятся внутри ограничивающего контейнера, и мне надо, чтобы они равномерно распределялись по нему. То есть и по ширине, и по высоте они должны быть одинаковыми. (Можно представить себе сетку таблицы, и вне зависимости от количества блоков, размера шрифта и ве…

    Asked by Evgenia,

    0 votes
    1 answer

  4. Как разместить div

    Макет: Вопрос: как разместить див с машиной (div#car), чтобы он расположился как нужно? html {background-image:url(images/bg_html.jpg); background-repeat: repeat-x; background-position: top; } body {background-image:url(images/bg_body.jpg); background-repeat: repeat-x; background-position: bottom; width: 100%; margin: 0; padding: 0; } div#wrapper {margin: 0px; } div#logo{ margin-top: 3%; margin-left: 5%; width: 167px; height: 117px; background-image:url(images/logo.gif); } div#order{ position: absolute; left: 70%; top: 0; width: 179px; height: 102px; background-image:url(images/24_bg.gif); } div#menu { width: 120px; font: bold 16px Verdana, sans-serif; padding: 0px; m…

    Asked by Kev,

    0 votes
    1 answer

  5. Позиционирование таблицы

    Решил обратиться за помощью, вдруг кто знает. Дело вобщем нехитрое, вот в чем оно заключается.Надо чтобы таблица не переводилась на новую строку, а была какбы частью текущей. Если просто создать таблицу после текста : <body> текст текст текст текст текст текст текст <table border="1" width="" style="vertical-align: text-top;"> <tr><td>текст </td></tr> <tr><td>текст </td></tr> </table> </body> будет так: текст текст текст текст текст текст текст таблица ,а надо так: текст текст текст текст текст текст текст таблица можно сделать все одной таблицей с , но может ктото знает, как обойтись без это…

    Asked by Serg_Bloim,

    0 votes
    1 answer

  6. Smarty формы

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

    Asked by klerk,

    0 votes
    1 answer

  7. проблемка с позиционированием элементов

    хочу сделать в блоке footer чтобы картинка выравнивалась по левому краю, а link по провому нижнему углу. делаю так <style type="text/css"> .bottom { /* Нижняя часть */ background: #e3e8cc; /* Цвет фона */ border: solid 1px black; /* Параметры рамки */ font-size: 90%; /* Размер шрифта */ padding: 3px; /* Поля вокруг текста */ } .bottom_link { float:right; } .bottom_img { float:left; } </style> <div class="bottom"> <div class="bottom_img"> <a href="http://www.tyda.ru"><img src="img/p1.jpg" alt="img" width="90" height="54" /></a> </div> <div class="bottom_link"> <a href="http://my.com">link</a> …

    Asked by vrazbros,

    0 votes
    1 answer

  8. Аналог min-width в IE

    Народ, нужна помощь. Сделал на дивах такую конструкцию: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <body> <style> <!-- #d_left { background:#666666; height:56px; width:40%; float:left; } #d_right { background:#CCCCCC; height:56px; width:40%; float:left; } #d_center { background:#999999; height:56px; text-align:center; color:#000000; width:20% !important; /* Для всех остальных браузеров */ width:19%; /* Для браузер…

    Asked by Андрюха,

    0 votes
    1 answer

  9. Непонятный глюк или опять FF против MSIE

    Сверстал страницу но вот беда, в MSIE все нормально а вот в FF вся картинка почему-то подскакивает вверх (10рх), но опять-таки не сразу, раз 5 перезагрузил. Закрыл FF. Открыл и подгрузил страницу, все гуд, но пару перезагрузок и дизайн полез вверх приблизительно на 10рх. Где искать проблему и что это вообще за глюк? http://politptaha.ho.com.ua/test/11.gif

    Asked by kozakmamai,

    0 votes
    1 answer

  10. Верстка: проблемы

    Поставил страницу http://rang56.ru/pages/aboutus/ в Опере она отображается правильно, а в IE почему-то смещается вниз? В чем проблема?

    Asked by help26,

    0 votes
    1 answer

  11. абсолютное позиционирование в ИЕ

    помогите решить проблему 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"> <head> <meta name="description" content="description" /> <meta name="keywords" content="keywords" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title> JM - Job Market </title> <style type="text/css"> * { margin:0; padding:0; } html {height: 100%;} body { position: relative; height: auto !important; height: 100%; min-height: 100%; } .podval { position: absolute; bottom: 0…

    Asked by vr201,

    0 votes
    1 answer

  12. Начинающий: Прокрутка всей страницы

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

    Asked by fivtin,

    0 votes
    1 answer

  13. резиновость с относительной шириной

    Суть вопроса весьма странна. Есть двух колоночный шаблон с шапкой и футером прибитым к низу окна. Причем и шапка и футер тянутся в ширь. Но вопрос не в этом. Одна и колонок это меню и имеет постоянную ширину. А вторая колонка должна тянуться, но при этом вертикально центрирована в оставшейся справа свободной части экрана. Короче ее ширина должна составлять около 80% от свободной области справа. Проблема в том что в разных броузерах по разному понимаются некоторые приемы реализации данного изврата дизайнера. Может подскажите хотя бы по какой дороге идти чтоб найти решение. P.S. нужно чтоб все это было чисто в дивах. соббственно сам код страницы <!DOCTYPE html PUBLIC "-…

    Asked by guvatara,

    0 votes
    1 answer

  14. Неправельно отображаются таблицы в IE (в остальных правельно)

    В мозиле, опере отобпажение идет правельное привожу скриншот в IE таблицы разной ширины , искал в чем причина не могу найти, вроде везде стоит 100% помогите вот скрин а ниже код <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <!-- левая сторона --> <td width="160" valign="top"> <!--Блок поиск --> <TABLE cellPadding=0 cellSpacing=0 > <TR> <TD vAlign=top width=14><IMG alt="" height=12 src="{THEME}/images/1_1.gif" width=14 border=0></TD> <TD vAlign=top width="100%" style="background-image:url({THEME}/images/2.gif)"></TD> <TD vAlign=top width=14><IMG al…

    Asked by lex200,

    0 votes
    1 answer

  15. таблица без полей

    Нужно кросбраузерно изобразить таблицу примерно так как рисуют игру "крестики-нолики", без внешней границы. делаю что то вроде <table align="center" cellpadding="0" cellspacing="0"> <tr><td>X</td><td>O</td><td>O</td></tr> <tr><td>X</td><td>O</td><td>X</td></tr> <tr><td>X</td><td>X</td><td>O</td></tr> </table> и использую стили table { border-collapse: collapse; border:1px solid #FFF; } td { padding: 5px; border: 1px solid #999; } В эксплорере работает а в Фаерфоксе сабака не хочет ... Кто то может быть подск…

    Asked by folibis,

    0 votes
    1 answer

  16. Перенос длинной непрерывной строчки

    Доброго времени суток. Имеется проблема. Есть контейнер (DIV) ограниченной ширины, но не ограниченной высоты. Есть непрерывная строка (без пробелов) которая по ширине больше чем вышеуказанный контейнер. В общем сама проблема: как можно стилями сделать так, что бы строка обрезалась по ширине контейнера и остаток переносился на новую строку ? и можно ли такое сделать ? Буду очень признателен за помощь.

    Asked by rdk,

    0 votes
    1 answer

  17. Можно ли тень нарисовать?

    нужно что от картинки отбрасывалась тень. Подскажите плс кто знает. Спасибо

    Asked by art,

    0 votes
    1 answer

  18. растягивание по вертикали

    В общем не могу растянуть слой по вертикали CSS #d1{width:700px; position: absolute; background-image:url(images1.gif); background-repeat:repeat-y; margin-left:20%; padding-left:12px; height:100%; } #d2{ height:100%; width:650px; background-image: url(images2.gif); background-repeat:repeat-y;} HTML <div id="d1"> <div id="d2"> content </div></div> в Opera работает а с IE не получется что я делаю не так.

    Asked by B@M,

    0 votes
    1 answer

  19. Фреймы

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

    Asked by TaisNm,

    0 votes
    1 answer

  20. Reset form

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

    Asked by korzhik,

    0 votes
    1 answer

  21. Проблема с меню

    Ребята, Мозилла на отрез отказывается отображать менюшки(сделанные в Ксаре), ИЕ и Опера без проблем, а вот Мозиллу уговорить не могу, что делать? Помогите чем смогите, пожалуйста!

    Asked by Сеня,

    0 votes
    1 answer

  22. Высота родительского div'a в FF и Opera

    Подскажите, что надо изменить в коде, чтобы в FF и Opera вс? отображалось также, как в ИЕ. <!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=windows-1251"> <title>Untitled Document</title> <style type="text/css"> body {background-color:#000000; margin:0;} #main{background-color:#0000ff; margin:0 auto; padding:5px; padding-top:20px; padding-bottom:20px; width:740px;} #inside{margin:0 auto; width:700px; text-align:center;} #header{margin:0 auto; padding:0;} #h-left{background-color:#FF0000; width:366px; flo…

    Asked by serdeles,

    0 votes
    1 answer

  23. Странная проблема с behavior...

    Помогите пожалуйста. Сделал выпадающее меню без жабаскрипт на CSS. Поскольку для списка 6-й ИЕ :hover не понимает, использовал #main-menu ul li { behavior:url(menu.htc); }. Вот содержимое menu.htc: <PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="DoHover()" /> <PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="RestoreHover()" /> <PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="DoActive()" /> <PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="RestoreActive()" /> <SCRIPT LANGUAGE="JavaScript"> function DoHover() { element.className += ' hover'; } function DoActive() { element.className += ' active'; } function RestoreHover() { element.className = element.className.rep…

    Asked by milax,

    0 votes
    1 answer

  24. Email

    Подскажите пожалуйста форму для отправки email с сайта без участия Outlook

    Asked by Jon,

    0 votes
    1 answer

  25. МИГАЮЩИЙ ТЕКСТ

    Ребята! Как сделать мигающий текст без использования скриптов ? Есть такие теги ? В каких браузерах они работают ? А если скриптом то как ? Спасибо

    Asked by STINGRAY,

    0 votes
    1 answer

  • Обсуждения

    • 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