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. избирательность first-child

    объясните пожалуйста почему на страничке псевдокласс :first-child не действует на article ?

    Asked by cyklop77,

    0 votes
    15 answers

  2. Поехал сайт

    Поехала страница сайта (нет сайдбара) http://regotvet.ru/pro-neobhodimyie-dokumentyi-dlya-registratsii-ooo-samostoyatelno.html но не могу понять в чем проблема. Помогите!

    Asked by fowl,

    0 votes
    2 answers

  3. Smarty получить значение из цикла ВНЕ цикла

    Доброго времени суток. Ребята, такой вопрос. Ест массив array( 'title' => название, 'status' => 1, 'opt' => array( 'opt_name' => 0, ), ) в шаблоне {foreach $arr AS $a} {$a.title}<br /> {foreach $a.opt AS $o} ... {/foreach} {/foreach} и мне нужно ВНЕ этих циклов узнать, есть ли в массиве opt значения 1(единиц) т.е. если там есть хоть одно значение 1, то нужно выводить определенный текст. Пример {if $opt > 0}Есть опции{/if} Как-то можно это сделать? В доках smarty ничего похожего не нашел.

    Asked by dropoff,

    0 votes
    5 answers

  4. Списки!

    Всем привет!У меня возникла небольшая проблемка!Дело в том,что я создаю одну менюшку,не очень сложную,и в процессе создания дабы списки отображались друг за другом я прописал свойство "display:inline-block" и вот вроде бы все стало нормально.И тут показывают мне фигуМежду тегами <li> образовался пробел!(Ну или расстояние)Что делать? Проблема решена

    Asked by ELBegemotos,

    0 votes
    2 answers

  5. Моя не внимательность

    del

    Asked by Ergonav,

    0 votes
    3 answers

  6. Как убрать элемент с потока и расположить его по центру экрана?

    Может кто-то знает как вынесенный из потока элемент расположить по центру страницы в независимости от разрешения монитора. По аналогии с margin: 0 auto и заданной шириной, но с position: absolute margin: auto не работает, наверное из за того что в элементов вне потока нет явной ширины.

    Asked by tini.kRyptoNite,

    0 votes
    6 answers

  7. Блок с текстом и фиксированной высотой

    http://4tab.pavelzheglov.ru/sample.html Там, где выводится сейчас анонс статьи, размещен абзац с фиксированной величиной. Надо сделать так, чтобы при при растягивании и сжатии шаблона текст реагировал так же, но чтобы его не было видно за пределами блока, как сейчас. Т.е., допустим, на сайте будет подгружаться 1000 символов анонса, но при разрешении 1024 по ширине видно будет только 600 символов, а при разрешении большем будут вылезать остальные строки, т.к. ширина блока будет увеличиваться пропорционально. На последнюю строку скорее всего сделаю затухание белым полупрозрачным градиентом.

    Asked by Jackky,

    0 votes
    5 answers

  8. не работает hover

    не могу понять почему список не отображается при наведение <!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="event_call.js"></script> <style> *{margin:0;padding:0;} .menu { margin:20px;} .menu ul{ display:none; list-style:none; color:#0FF; margin-top:20px; height:0; } .menu .menu-title { padding:5px 5px 5px 0; border:3px dashed blue; } .menu a:hover ul{ color:red; height:140px; display:block; } </style&g…

    Asked by cyber_ua,

    0 votes
    2 answers

  9. Смещается по вертикали тест в формах и не только

    Добрый день! Возникла следующая проблема при отображении форм и некоторых элементов текста В INTERNET EXPLORER (в Опере и Мозилле проблем нет). Проблема заключается в том, что текст внутри форм болтается в этой форме смещаясь вверх-вниз. То есть текст расположен часто слегка уехавшим за пределы видимой области формы, а если зажать мышку, то можно как-будто проматывать вверх-вниз текст в формах таким образом, что он уползает за экран. Лучше всего это отразит картинка: Как видно, текст в формах можно болтать туда-сюда, а также цифры счетчика символов тоже подвержены этому. У меня только 1 подозрение, - возможно для элементов текста введёна слишком большая высота строки.. …

    Asked by oleg_ad,

    0 votes
    4 answers

  10. Проблема с работой "открывающегося" меню

    Меню <ul id="menu"> <li> <p align="center"> <a class="ssilka" style="margin-left:-40px;" href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/">Модули<br /> Воздухоподготовки</a></p> <ul style="margin-left:-40px;"> <p style="font-size:12px; color:#fff; margin-left:10px;"> - Охлаждение газов<br /> - Нагрев воздуха<br /> - Осушение воздуха<br /> - Смешение потоков </p> <li> <a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mob.html"><strong>МОВ</strong> – воздушный охладитель</a></li> <li> <…

    Asked by dtagan,

    0 votes
    3 answers

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

    Здравствуйте. Сейчас ведется работа по созданию сайта. Шкурка табличная, изначально была привязана к таблице width="1024". Но нужна резина. И засада в том, что в некоторых блоках, дивы вылезают за границы ячеек таблицы. Если удается призвать к порядку в хроме и опере, то ползет IE/ И наоборот. А поженить никак не получается. Подкиньте пожалуйста здравую мысль, как эту пакость победить. css выводится в браузер, посмотреть пример вылезания можно тут - tt-rus.ru/index.php?page=wiki#all_articles Да и на других страницах тоже косяки табунами.

    Asked by favor,

    0 votes
    8 answers

  12. Проблема со слоями

    Помогите реализовать следующее. Есть два div'а всплывающих влево, у левого дива фиксированная ширина и высота, правый div растягивается в зависимости о количества текста в нём. Я реализовал это так: HTML: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title> Test Page </title> </head> <body> <div class="firstbox"> </div> <div class="secondbox"> ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ </div> </body> </html> …

    Asked by Foxter,

    0 votes
    10 answers

  13. пунктриная рамка для круга

    Добрый день, уважаемые форумчане! Я столкнулся с проблемой, описанной в сабже. Собственно превратить div в круг довольно легко: #circle { width: 112px; height: 112px; background: #333333; -moz-border-radius: 56px; -webkit-border-radius: 56px; border-radius: 56px; } Задать простому прямоугольному div'у пунктирную рамку еще проще: border: dashed white; Проблема возникает при попытке соединить эти два момента в одном блоке - пунктир сливается в одну непрерывную линию. Чуть лучше получается если задать свойство border: dotted; - линия дробится на четыре равные части (на 12, 3, 6 и 9 "часов"). Возможно кто-нибудь сталкивался с такой проблем…

    Asked by Koloyar,

    0 votes
    7 answers

  14. В ie 6 дочерний блок выходит за границы родительского блока

    Доброго времени суток! В ie 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=windows-1251"> <title>Документ без названия</title> <style type="text/css"> *{ margin:0; padding:0; } #cont1{ zoom:0; } /* *** Float containers fix ***#cont1 { zoom: 1; } */ html,body{ height:100%; min-height:100%; height:auto !important; background-color:#D2F7DF;} #header{ height:100px; width:1000px; background:#D0D0D0; margin:0 auto…

    Asked by tanaka,

    0 votes
    3 answers

  15. Иероглифы, при включенной кодировке

    Собственно код HTML: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="jquery-1.7.2.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div id="warp"> <div id="head"></div> <div class="comment" action="script.php"> <textarea class="forms" name="comment" cols="40" rows="6"></textarea> <input class="button" type="submit" value="Отправить"> <input class="button" type="reset" value="Очистить"> </div> </div> </body> <…

    Asked by vaak,

    0 votes
    5 answers

  16. Конвертер валют

    На сайте есть цена в долларах (обычное текстовое значение - не из БД). Рядом хочется вывести сумму в рублях, но из-за скачков доллара она постоянно меняется. Можно ли прикрутить скрипт, который умножал доллары на коэффициент, полученный, скажем из центрабанка, и выводил рядом? Есть ли какое-либо решение? Повторюсь, значение - обычный текст..

    Asked by B-Real,

    0 votes
    3 answers

  17. Вопрос по баннеру

    Подскажите, пожалуйста, как прикрутить к страничке вот такой вот банер - http://www.soft99.co.jp/ (наверху страницы, со стрелочками) и как сделать, чтобы картинки так же перелистывались? Ну и естественно, чтобы каждая картинка вела на свою страницу.

    Asked by Drakonyashka,

    0 votes
    10 answers

  18. Текст

    Здравствуйте! Я чайник! Обрабатываю форму, в php. запускаю, появляется новая страница с обработанными данными. А как сделать чтобы на предыдущей странице появилось имя или логин!? Т.е. Как вписать туда какие то данные? Только начинаю! Если можно без мудреных слов. Пожалуйста!

    Asked by hobin,

    0 votes
    1 answer

  19. Выравнивание по середине и слева

    Собственно что необходимо. Есть div в нем img и текст в виде сылок. img должен находится горизонтально по середине div. под img находится сылка(а1.1 а2.1). Которая также должна быть выравнена по горизонтали по центру блока. ниже самое интересное идет список сылок, и эти сылки должны быть выравнены по началу сылки выше. Тоесть на рисунке я показал как будет выглядить это в случае с длинным названием (белый цвет) и в случае с коротким названием (синий цвет). Лучше всего понятно на синем цвете. Тоесть список сылок а2.2 а2.3 а 2.4(на рисунке косяк мой). Должен быть выравнен по левому краю относительно сылки а2.1 Код я не показываю потому что уже бошка не варит на ночь глядя…

    Asked by korinf,

    0 votes
    0 answers

  20. Клик по ссылке

    Как сделать что бы при клике по ссылки вылетало окошко Загрузка файла, а не открывалось в окне браузера?

    Asked by Zzz_,

    0 votes
    4 answers

  21. <meta> и XHTML

    В XHTML атрибуты и их значения должны писаться в нижнем регистре. Действует ли это правило для http-equiv="Content-Type"? Если да, то должно быть так: http-equiv="content-type"? Я просто никогда не видел, чтоб так было. Еще вопрос по XHTML: вместо атрибутов name должен использоваться атрибут id (за исключением форм). Касается ли это якорей?

    Asked by nemo59,

    0 votes
    8 answers

  22. Вырезать изображение в Photoshop

    Подскажите, пожалуйста. Имеется макет в psd, фрагмент которого привожу ниже. Точнее - это кусок макета с проблемным для меня местом. http://savepic.su/2233598.htm Стоит задача вырезать фотографию, причем без рамки (ее доделаю в CSS). В панели слоев Photoshop такая "картина": http://savepic.org/2402954.png Рамкой обвел те слои, которые рисуют это изображение. Но, насколько я понимаю, один слой связан с другим. И отделить один от другого, чтобы вырезать картинку, у меня не получается. Подскажите, как правильно это сделать? P.S. Когда писал, пришла мысль - может воспользоваться Crop? Все равно подскажите, как нужно выполнить эту операцию? До этого с такими замысловатыми слоя…

    Asked by aaron,

    0 votes
    12 answers

  23. Не работает background-color в body

    Имеется такой вот код страницы: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="jquery-1.7.2.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div id="warp"> <div id="head"></div> </div> </body> </html> собственно ничего такого, и строчка в CSS body { background-color: gray; } Так вот, фон не заливается цветом, перепробовал все. Div'ы заливаются и цветом и имагой, то есть все работает. Но весь бэк браузера не заливается... в чем дело? Помогите, а то уже головная…

    Asked by vaak,

    0 votes
    2 answers

  24. Разница между inline и inline-block

    Подскажите новичку. Стоит задача создать горизонтальное меню. Имеются такие строки: ul li { ... display:inline; ... } А чем отличается вышеприведенная строка от следующей: ul li { ... display:inline-block; ... }

    Asked by aaron,

    0 votes
    7 answers

  25. Получить высоту блока

    День добрый!!! Необходимо сделать скобочку для блока под ссылки. Вот пример страницы, где выглядит все как надо, пока только в Опере http://izss.ru/Продукция На всякий случай сделал фото http://глобалавто18.рф/img/izss.png Столкнулся с двумя проблемами: 1) Не могу задать блоку с границами высоту родителя. Пробывал задавать высоте значения 100% и inherit, тогда блок становится маленьким, отображаются только границы, будто высота родителя нулевая. Пока задал высоту в 120px. Вот кусочек кода. HTML <div id='links'> <div id='border'></div> <a href='Продукция/Комплектные трансформаторные подстанции'>Комплектные …

    Asked by rulevoi,

    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