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. Якорь

    возможно ли к input type="submit" прицепить якорь ?

    Asked by amerov,

    0 votes
    2 answers

  2. Dreamweaver CS4 + use css instead of html files

    Dreamweaver 8 была такая опция как "use css instead of html files", где эта опция включается в Dreamweaver CS4 ?

    Asked by pribl,

    0 votes
    0 answers

  3. Как расположить один блок поверх другого?

    В продолжение этого топика. Имеется 2 блока. В одном - фон, составленный из обрезков. В другом - собственно контент. Задача: расположить второй блок (div с контентом) поверх первого так, чтобы фон покрывал весь контент. Фон (в 1 блоке) сделан в виде таблицы 3x3, в которой боковые стороны тянутся, а углы - фиксированного размера. Это для того, чтоб фон был резиновым не только по горизонтали, но и по вертикали. Поэтому просто вложить слой с контентом внутрь слоя с фоном не получится. Если абсолютно позиционировать фон - то он отрисовывается поверх контента, так что это тоже не подходит. <div id="page"> <div id="page-back"> <div class="back-2"><div…

    Asked by Lex-DRL,

    0 votes
    11 answers

  4. Очень простой вопрос

    Вопрос очень прост, возможно ли использование двух классов для одного блочного тега. Пример <div class="alfa" class="beta"></div>. Правильно ли это с точки зрения синтаксиса, если да, то как они могут между собой конфликтовать?

    Asked by svdsLis,

    0 votes
    10 answers

  5. Нуждаюсь в экстренной помощи. JS/Резина

    Приветствую! Господа, нужна помощь. Есть макет. Вопрос в том, как его сверстать таким образом, что бы при уменьшении окна броузера сжимались все картинки, совершенно ВСЕ, как логотип, так и кнопки и букет (в данном случае). Потому, если оставить все изображения как есть, они остаются при малых разрешениях монитора ГРОМАДНЫ. Для наглядки — Посоветовали скрипт — http://designformasters.info/stuff/adaptiv...ayout_news.html При сжатии и разжатии окна броузера, Вы заметите как себя ведет скрипт. Но вопрос, как его использовать? Ссылку на скрипт в документе html указал, все классы в css соответствующие скрипту так же указал. Реакции нет. В чем моя ошибка? Спасибо.

    Asked by Bondarov,

    0 votes
    9 answers

  6. Всплывающие подсказки

    Title корректно обрабатывается в теге img только в IE. Опера и Мозилла не выводят всплывающую подсказку. Решение только в переносе title из img в a href?

    Asked by Эдди,

    0 votes
    2 answers

  7. Как сделать активным поле textarea при нажатии на checkbox?

    Ребят, помогите с кодом. Как при помощи javascript сделать так, чтобы при нажатии на checkbox становилось активным поле textarea и наоборот?

    Asked by sergey_sergey,

    0 votes
    3 answers

  8. Помогите найти шаблон для joomla 1.5

    Помогите пожалуйста найти бесплатные шаблоны под joomla чтобы примерно получился вот такой сайт http://www.delaydengi.com/ И шаблоны под такой сайт http://www.webpark.ru/ Нужны определённые шабоны, желательно с ссылкой на них, а не ответы типа Поищи в гугл. В первый раз создаю сайт, искал шаблоны в гугл и не один под эти сайты не подошёл. Спасибо!

    Asked by Maximalistik,

    0 votes
    4 answers

  9. CSS не могу понять в чем дело

    Есть такая проблема: Сверстан шаблон, в div блоках нахолятся таблицы с дизайном, соответсвенно в каждой ячейке картинка background-image: (url/...) Когда код css находится в <head>...<style>...код css...</style></head> то все нормально отображается, но толко стоит засунуть CSS в файл например style.css то весь дизайн(картинки) пропадает. текстотвые стили, позиционирование блоков отображетеся нормально подключаю файл через <link rel="stylesheet" href="css/style.css" type="text/css">

    Asked by octavian,

    0 votes
    2 answers

  10. Родительский div не хочет растягиваться на всю высоту дочерних.

    3-ий день мучаюсь - не удаётся решить банальнейшую задачу. Родительский блок содержит 2 дочерних, которые располагаются друг за другом. Родительский блок должен "окружать" дочерние - а вместо этого он рисуется, словно ничего внутри него нет: HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html dir="ltr" xml:lang="ru" xmlns="http://www.w3.org/1999/xhtml" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Simple Test | Простой тест</title> <link type="text/css" rel="stylesheet" media="all" href="simpletest.css"> </…

    Asked by Lex-DRL,

    0 votes
    12 answers

  11. меню уезжает

    Пытался сделать менюшку, вроде получилось, только она почему-то съезжает. http://srv19341.ht-test.ru/index.php .menu ul { list-style:none; } .menu li { width:80px; float:left; position:relative; } .menu li ul { display:none; position:absolute; z-index:1; } .menu li a{ padding:5px; text-decoration:none; color:#CCC; padding:2px; border:1px solid #666; display:block; border-collapse:collapse; } .menu li a:hover { background:#666; } .menu li:hover ul, li.over ul { display: block; } Если честно последний пункт я просто слизал. Что значит li:hover ul, li.over ul ? И почему не работает border-collapse:collapse; ?

    Asked by sh1va,

    0 votes
    2 answers

  12. Редко используемый шрифт в макете как логичнее быть

    Есть макет в нем шрифты в этом случае Century Gothic, так вот как этот сделать Century Gothic в верстке. Уже много раз возникала подобная ситуация я просто подбирал подобный в верске нужного размера. Например на Century Gothic похож шрифт Verdana. А если хочется сделать так как в макете, а именно использовать этот шрифт как быть или логичнее всетаки не использовать подобные шрифты.

    Asked by voooodoo,

    0 votes
    7 answers

  13. wmv vs FF

    Не знаю что делать, уже все перепробовал и перегуглил. При попытке вставить видео формата wmv в документ, оно не проигрывается в Файрфоксе, хотя в других браузерах (Хром, Ие7/8, Сафари, Опера) все нормально. В чем может быть причина? Вот код: <object ID="Player" width="330" height="310" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <param name="autoStart" value="True"> <param name="uiMode" value="full"> <param name="volume" value="100"> <param name="mute" value="false"> <param name="URL" value="video.wmv"> <embed src="video.wmv" width="330" height="310" autoStart="True" uiMode="full" volume="100" mute="false"><…

    Asked by milax,

    0 votes
    12 answers

  14. Изображение внизу меню с отступом

    Всем доброго времени суток, делаю сайт...столкнулся с неприятной проблемой, нуждаюсь в вашей помощи. Суть проблемы: в блоке который растягивается есть бэкграунд, который отображается в самом низу, моя задача вставить в тот бэкграунд в "рамочку для изображений" изображение, которое будет выдавать скрипт...прописал диву позицию релатив и bottom опр.число, сдвигов вообще никаких...поколдовал, поколдовал...ничего...вот прошу вашей помощи...урл сайта: http://pwow.ucoz.com ибо думаю тупо копить суда код бессмыслено....зайдите в новость lorem ipsum и сами всё увидите, как ничего не растягивается...при bottom:72px, хотя есть сделать position:fixed всё снизу отсупает...но мне то н…

    Asked by LeoBit,

    0 votes
    0 answers

  15. в IE иконки плывут

    фигня с ИЕ сверху - то как отображается в firefox, снизу - ИЕ 8 а вот то что в Хроме, Сафари, и в Опере вот ЦСС .editor_button { float: left; cursor: pointer; padding-bottom:0px; padding-left: 2px; padding-right: 2px; } /* klass dlya kartinok v BB kodah */ .bbimage { width:23px; height:25px; border:0px; } .bbimagesep { width:5px; height:25px; border:0px; } вот код (тупо ряд иконок, код напрямую взят из движка ДЛЕ форума, с малыми поправками) <div style="width:98%; border:1px solid #BBB; background-image:url('{THEME}/bbcodes/bg.gif'); text-align:left; line-height:0.7;"> <div id="b_b" class="editor_button" onclick="simpletag('b')"><img ti…

    Asked by Proks,

    0 votes
    1 answer

  16. border

    Правильно понимаю, что контролировать border: 4px dotted; никак нельзя? Например в ИЕ точки-кружки а в ФФ: точки-квадратики. Или регулировать длину штриха при border: 4px dashed;? Именно через бордер, фон занят более важным. Спасибо.

    Asked by Sh.B.Malinkin,

    0 votes
    3 answers

  17. С чего начать?

    Нарезал Макет, Шапка, банеры, текст, подвал! Каким образом теперь мне поместить Шапку на место? (DIV-ная верстка) Буду весьма признателен за помощь!

    Asked by sv12,

    0 votes
    20 answers

  18. Как реализуется такое меню?

    http://rospotrebnadzor.ru/ Подменю раскрывается как таблица.

    Asked by falckon,

    0 votes
    6 answers

  19. Фон сайта две картинки !

    Пробую реализовать но не получается ! Идея заключается в том чтоб на сайте сверху шла одна картинка в низу совсем другая ! Вот мой код ! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link type="text/css" rel="StyleSheet" href="style1.css" /> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> </head> <body> <div class='wrap'> <div class='sheader'> <div class='sfooter'> </div> &lt…

    Asked by darewangog,

    0 votes
    13 answers

  20. Смена IP сайта

    Здравствуйте, подскажите пожалуйста! Пользуюсь виртуальным хостингом на hostmonster.com, мой сайт находится в ТОП-10 по всем запросам связанных с моей тематикой сайта, в гугле и в яндексе. По некоторым причинам мне нужно взять выделенный IP для сайта, скажите пожалуйста, повлияет ли смена IP адреса на выдачу результатов в поисковиках, не упадут ли позиции в выдачи ? Спасибо.

    Asked by Maximus_,

    0 votes
    2 answers

  21. Joomla и div-ы

    http://domostroenie.by/new/ Firefox и Chrome умнички, нормально отображают div-ы. Opera же сами посмотрите что делает. Мало того, что не выделяет под флешку расстояние, так ещё и правый блок сдвигает вниз. Как победить? Да ещё и с расположение проблемы. Чтобы сделать прижатую к правому краю флешку, и прижатую к ней картинку делаю так <object width="730" height="250" align="right"> <param name="movie" value="media/test.swf"> <embed src="media/test.swf" width="730" height="250" align="right"> </embed> </object> <img src="media/logo-default2.gif" align="right"> Очень нелогично, но действенно. В каком месте я дурак?

    Asked by Valentinych,

    0 votes
    2 answers

  22. Два блока в одном при плавающих размерах двух из трех.

    Привет, в общем имеется задача: Где контейнер имеет плавающую ширину. Красный прямоугольник имеет фиксированную ширину. Блок с текстом имеет плавающую ширину В первом варианте, случилось чудо, и строка ровно такая чтобы прижать красный блок к контейнеру. Во втором варианте, текста совсем мало. Поэтому красный блок уезжает вместе с границей блока с текстом влево. В третьем варианте, текста слишком много, и он опускается на новую строчку, не сгоняя при этом красный блок вниз. (По идеи если в первом блоке строк много, и красный будет выровнен еще и по вертикале на середину то это будет в обще просто супер. Но об этом приходиться только мечтать.) Кто нибудь может натолкнет …

    Asked by pizzZ,

    0 votes
    20 answers

  23. Помогаем не стесняемся

    Наерезал я макет на шопе, Блокнот готов, шо дальше?

    Asked by sv12,

    0 votes
    0 answers

  24. Проблема с таблицами!

    Подскажите пожалуйста, что необходимо сделать, чтобы внутренняя таблица растягивалась на все 100%, при увеличении текст «sf» ? <table style="border:1px solid red; width:100%;"> <tr> <td>sf<br/ >sf<br />sf<br/ >sf<br />sf<br/ >sf<br />sf<br/ >sf<br />sf<br/ >sf<br /></td> <td style="border:1px solid #993883; height:100%;" ><table style="border:1px solid red; width:100%; height:100%; " height=100%><tr><td style="height:100%; ">rrrrr</td></tr></table> </td> </tr> </table>

    Asked by _Alexanred_,

    0 votes
    1 answer

  25. div не хочет влезать в родительский div

    По коду в тег div входит ещё несколько div-ов, проблема в том что в браузере это не отображается, все это слои ставятся отдельно от родительского div-а . На сайте главный div выделен белой рамкой, а div в котором должны находится меню, главная колонка выделен красным. помогите найти ошибку в сайте вот ссылка на народ, если мой комп опять демоны выключат /*stylesheet*/ body {background:url(img/ev_bg.jpg) repeat-x black ;margin:0; padding:0px } img {border:none} #ev{ background:url(img/col_bg.gif) ; width:1024px; margin:0 auto; padding:0px; border:5px #FFF solid } #top {color:white; width:1024px; height:52px; background:#000; margin:0px; …

    Asked by Winni,

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