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. Базовый синтаксис Smarty

    Шаблон Smarty представляет собой обычный HTML-документ с добавленными в него специальными smarty-тегами. По умолчанию эти теги заключаются в фигурные скобки ? {тег}. При выводе шаблона эти теги обрабатываются компилятором и в зависимости от их назначения ? переменная или функция, отображается желаемый результат. В примере 1 приведен шаблон, в котором одновременно встречаются теги HTML и smarty-теги. Пример 1. Файл с шаблоном {include file="header.tpl" title="HTML и CSS"} <div id="col1"> <p id="tagtitle">Теги HTML</p> <div class="panel"> <div><a href="/html/">Все теги</a></div> {foreach from="$tag" item="entry"} <div&gt…

    Asked by Vlad,

    0 votes
    0 answers

  2. Установка Smarty

    В дальнейшем будем предполагать, что у вас установлен веб-комплект Денвер и вы тестируете свой сайт на локальном компьютере под управлением Windows. Вначале скачайте последнюю версию Smarty с сайта http://smary.php.net и распакуйте архив. Несмотря на обилие в архиве директорий и файлов, нас интересует лишь одна папка libs. Создайте на диске Z, который автоматически подключается после установки Денвера, внутри home папку с именем вашего сайта и в нее добавьте папку libs. Далее создайте еще одну папку с именем smarty, внутри которой располагаются следующие подпапки: cache, config, templates, templates_c. Вся структура папок на примере сайта webimg.ru приведена ниже. Z:home…

    Asked by Vlad,

    0 votes
    3 answers

  3. высота ячейки и разрешение\тип монитора

    Наткнулся на определ?нную проблему. У меня картинка разрезана на 2 фрагмента, которые вставлены фоновыми рисунками в 2 ячейки (TD). При отображении ячеек одна под другой получается целый рисунок. Верхнюю ячейку фон заполняет целиком (утрируя - ширина и высота рисунка=ширине и высоте ячейки). В нижней ячейке background-position:top; Поверх фона ид?т текст, а в верхнюю ячейку встроена ещ? одна таблица с текстом ( <table> <tr> <td style="background-attachment:fixed; background-image:url(imagesban.gif);....."> <table><tr><td>ля-ля-ля</td></tr></table> </td> </tr> </table> ). К таблицам приминяются отсту…

    Asked by toro,

    0 votes
    7 answers

  4. "железная ширина"

    не могу понять в чем дело... задал ширину в 171px визуально 171px, но когда начинаешь вставлять тект в этот слой, то этот слой становится шире в зависимости сколько в н?м текста! Как задать ширину так, чтобы текст не удлинял слой, а как обычно сам впихивался в эти 171px ?

    Asked by maza,

    0 votes
    13 answers

  5. Бордеры пропадаю из за флоата ?

    Обратите внимание товариши . Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>TesT</title> <style type="text/css"> * { margin:0; padding:0; border:0; } html { background-color: white; width: 1024px; } body { } #center { width: 940px; padding: 0; margin: 0 auto; background: #fafcfb; border-left: 3px solid #b8b9bd; border-right: 3px solid #b8b9bd; } #top { background: url(images/top_bg.gif) top left repeat-x; width: 660px; height: 62px; } #top ul li{ list-style: none; display: inline; margin: 5px; } #top2 { background-image: url(images/top_bg2.gif); background-repe…

    Asked by musulman,

    0 votes
    3 answers

  6. Резиновый макет 3 колонки: проблема в IE и Opera

    Народ подскажите что делать, есть макет в 3 колонки: Так вот какая проблема, в осле и опере если ширина контента недостаточна, то левая и правая ячейки выползают и становятся шире своих заданных размеров, а дизайн никак не предполагает изменения размеров этих ячеек, как это можно исправить?

    Asked by Shar,

    0 votes
    6 answers

  7. В чем разница?

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

    Asked by Slon,

    0 votes
    7 answers

  8. Как разместить 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

  9. Обтекание картинки текстом

    Есть простой пример: <div> <img style="float:left" src='aaa/aaa.jpg'>text text text text text text text text text text text text </div> <div>подробнее...</div> Дело в том что TEXT обтекает картинку, но если его мало и он не доходит до низа картинки, то ПОДРОБНЕЕ... из нижнего находится не под картинкой, а съезжает вверх, и находится справа от картинки, под TEXT... Как сделать чтобы не съезжало?

    Asked by yeastor,

    0 votes
    3 answers

  10. Проблема с repeat

    Привет У меня возникла проблема со свойством repeat Мне нужно чтобы этот рисунок был фоновым изображением body (не html) и при этом чтобы position было bottom. Но он вообще не отображается на моей старнице. Подскажите пожалуйсто в чем дело: Link: www.helpeks.ru/ex/noname1.htm CSS: html {background-image:url(images/bg_html.jpg); background-repeat: repeat-x; background-position: top; } body {background-image:(images/bg_body.jpg); background-repeat: repeat-x; background-position: bottom; width: 100%; }

    Asked by Kev,

    0 votes
    13 answers

  11. Проблема с переносом слов в IE

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

    Asked by Damnedest,

    0 votes
    3 answers

  12. Вопрос по ссылкам

    Чтобы просто открыть в другом окне, нужно добавить к ссылке target=?blank?. А как сделать чтобы при переходе по ссылке, перейти на другую страницу сайта на котором сейчас находишься и открыть в другом окне другой сайт.

    Asked by CRANK,

    0 votes
    14 answers

  13. Резиновый, БОЛЬШЕ 3-х колонок, РАВНАЯ ВЫСОТА, не работает в Опере :(

    Вс? время добивался одного и тогоже... то что есть в таблицах и это элементарно в цсс это что-то сверхестественное.. дизайн состоит из 5 колонок (4 колонки в одной) , почему? из-за фоновых изображений, можно было сделать из 3-х колонок, но решил сэкономить на размерах изображений, тем более если сделал 3, то 4, 5, 6 и больше ты тоже сделаешь. КОРОЧЕ: Там у меня в красном прямоугольнике типа как плавающий подвал, который всегда находится внизу... тока он работает только в Эксплорере и ФФ, в Опере почему-то не работает... Кто-то может тыкнуть пальцем где нужно исправить чтобы в Опере заработало ? сайт

    Asked by maza,

    0 votes
    11 answers

  14. Проблема с png и ссылками в IE6

    Значит есть некий div, background которому я слелал png, и вставил в него 3 ссылки. Ссылки естественно тоже png. Так вот эти значит ссылки в IE 6 не работают - как ссылки, :|:/

    Asked by psy-del,

    0 votes
    6 answers

  15. жесткий размер окна браузера

    Спасите чайника, расскажите подробнее какими способами можно задать жесткие размеры к окну браузера(Eplorer), чтобы само окно вообще не растягивалось и можно ли вообще... Заранее спасибо

    Asked by Александр85,

    0 votes
    3 answers

  16. nobr или nowrap как убрать отступы между елементами?

    <div style="white-space:nowrap; margin:0; padding:0;border:0;"> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </div> или </nobr> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </nobr> как убрать откступы

    Asked by newbigmir,

    0 votes
    4 answers

  17. Проблемы с кодировкой

    Сайт берет скрипт карты с GOOGLE. В "Opera" русские шрифты отоброжаются нормально, а в IE некоректно. У меня не большой опыт в web-програмировании. если не сложно опишите подробно, что нужно сделать чтобы у меня все отображалось коректно. Заранее спасибо!

    Asked by malphax,

    0 votes
    10 answers

  18. резина по вертикали

    доктайп хтмл 1,0 транситионал задача. заставить три дива растягиваться на 100% по высоте окна. внутри них четвертый див с минимальной высотой 500px; хотелось бы, чтобы когда текста было много (т.е. суммарно больше высоты в 500px) one, two и three "тянулись" вниз.. CSS * {margin: 0; padding: 0;} html, body {height: 100%;} .one {height: 100%; background: red url('image.gif') top repeat-x;} .two {height: 100%; background: green url('image2.gif') bottom repeat-x;} .three {height: 100%; background: #fff; margin: 0 200px;} .text {min-height: 500px; height: auto; //height: 500px;} HTML <div class="one"> <div class="two"> <div class="three"> <di…

    Asked by vr201,

    0 votes
    2 answers

  19. Background repeat, Background position

    Сколько читал, но так и не понял. Сделал Background repeat:no repeat; Background position:20% 80%; background attachment: fixed получилось наоборот. И повторяется, и прокручивается. И вообще хотел уточнить. fixed- фиксирует рисунок на странице или на экране? Потому что у меня получается что на экране. А то что он размножается это я вообще объяснить не могу. Вот страница пробная http://kochubey-city.narod.ru/index1.html

    Asked by SHeiH,

    0 votes
    5 answers

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

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

    Asked by Evgenia,

    0 votes
    1 answer

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

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

    Asked by Alexxx2783,

    0 votes
    1 answer

  22. Как сделать свой шаблон?

    Здравствуйте! Пишу свой сайт. Хочу использовать минимум наворотов, пока . Основной вопрос заключаться в следующем. Как сделать свой шаблон, или подскажите как делать в следующей ситуации: мне нада строчку вынести в другой файл, и на всех страничках сайта просто сделать ссылку на этот файл, чтобы кодировку можно было менять только в одном файле ). Вроде как один HTML здесь не обойтись, но SSI не подходит такая штука не работает на сервере где у меня сайт размещен. PHP тоже не подходит, потому как пока хочу обойтись простыми приемами. Извините за что по корявому объяснил, как умею . Заранее спасибо.

    Asked by maximus,

    0 votes
    10 answers

  23. работа с CSS

    В каком лучше редакторе работать со стилями ? Приходится в ручную лопатить что очень не удобно. И еще может есть какая болванка с помощью которой будет удобно смотреть созданные стили и как они вообще работают что бы все время в браузер не лазить ... Поделитесь опытом

    Asked by HelpIT,

    0 votes
    3 answers

  24. не могу сделать что бы менюшка "налезла"

    http://www.helpit.ru/about/?temp=0 не могу сделать что бы внутреннее меню работало как здесь http://www.helpit.ru/about/?temp=1 т.е. оно у меня вниз не спускается из за блока как понимаю , как исправить ? пробывал z-index не помогло ...

    Asked by HelpIT,

    0 votes
    5 answers

  25. Поле с изображением

    Здрасти. Такая проблема. Вот в этой статье (http://stepbystep.htmlbook.ru/?id=23)написано, что можно вместо кнопки поставить изображение. Это хорошо. Но не до конца. Мне нужно, чтобы там было не просто изображение, а rollover, с текстом поверх картинки. Как такое можно осуществить, имея только это: <input type="image" src="/images/imgbutton.gif" width="91" height="25" align="middle" alt="Отправить форму на сервер"> и это: <FORM name=web action=http://www.yandex.ru/yandsearch method=get><INPUT maxLength=500 size=38 name=text><font face=arial> <a href="???" class="rollover3"><div onclick=location.http:/???"><table style='FONT-SIZ…

    Asked by ags,

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