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. Проблема слоев

    Есть верстка дивами и таблично, там сайт резиной и по высоте, но таблица под основными слоями в шапке тянется по высоте на 100%, но за пределы экрана вниз ровно на то расстояние которое имеет растянутый фон в шапке? Как это исправить, чтобы таблица ровно прижималась к низу окна, а не сползала на это расстояние равное высоте растянутого фона в шапке? вот html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <div id="main"> <div id="header_fon"> <div id="header_left-block"></div> <div id="header_right-block"></div> <div id="center"> <div id="center_header"> <table class="…

    Asked by okunev2,

    0 votes
    3 answers

  2. Проблема смены фона слайдера на CSS в IE11

    Возникла необходимость сделать слайдер с множественным фоном, в котором по нажатию на кнопку один из фонов меняется. И всё замечательно работало, пока я не решил его проверить в IE11. В Chrome и FireFox всё работает. А в ИЕ фон слайдера либо реагирует на некоторые из кнопок, либо не реагирует на них вообще. В чём же может быть проблема? Код UPD. Забавная штука: если названия изображений, расположенных в списке фонов первыми, различаются между собой, то начинает изменяться и изображение, следующее ниже (которое мне и необходимо менять по нажатию кнопки). Это как-нибудь можно обойти?

    Asked by Rumpelstistskin,

    0 votes
    0 answers

  3. Проблема со spotlight

    плохо очень работает spotlight... использую на wordpress тему Spark, вот её демка - http://www.yootheme.com/demo/wordpress вверху выбрать тему Spark. для понятности понаводите на нижние картинки курсором - я хочу также... я создал виджет, туда сунул типа этого: <div class="spotlight fade"> <img src="http://cs5985.vkontakte.ru/u2385349/110040641/z_fd3de59b.jpg" width="640" height="480" alt="spotlight" title="spotlight" /> <div> <h3 class="title">asddsa</h3> </div> </div> сделал как написано было в факе разрабочтика темы: http://www.yootheme.com/docs/home/item/spotlight результат можно посмотреть на главной: w…

    Asked by Kazumi,

    0 votes
    0 answers

  4. Проблема со вложенными списками

    Имеется такой код: <ul class="main"> <li>Item 1</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <li>Item 2</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <li>Item 3</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </ul> В CSS прописано следующее: .main ul, #main li { display: inline; margin: 0; padding: 0; } Как сделать так, чтобы элементы спи…

    Asked by brainiac,

    0 votes
    3 answers

  5. Проблема со вставкой банера

    Подскажите как правильно вставить баннер, чтобы он работал. Вот код баннера: <script language="javascript"> if (AC_FL_RunContent == 0) { alert("This page requires AC_RunActiveContent.js."); } else { AC_FL_RunContent ('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','728','height','90','src','test','quality','high','pluginspage', 'http://www.macromedia.com/go/getflashplayer','align','middle','play','true','loop','true','scale','showall','wmode','window','devicefont','false','id','test', 'bgcolor','#ffffff','name','test','menu','true','allowFullScreen','false','allowScriptAccess','sameDomain','movie','http://pana…

    Asked by dorn,

    0 votes
    2 answers

  6. Проблема со вставкой изображения

    <!DOCTYPE html> <html lang = "eng"> <head> <meta charset = "utf-8"> <link rel = "stylesheet" href = "css/mains.css"/> <title>Шапка</title> </head> <body> <header> <div class = "container"> </div> </header> <section> <div class = "container"> </div> </section> <section> <div class = "container"> </div> </section> <section> <div class = "container"> </div> </section> <footer> <div class = "container"> </div> </footer> </body&gt…

    Asked by jack123537,

    0 votes
    1 answer

  7. Проблема со вставкой своего шрифта в CSS

    Доброго времени суток! У меня проблема со вставкой своего шрифта в страницу. Прочитал статью на сайте (http://htmlbook.ru/blog/svoi-shrift-na-stranitse) попробовал и получилось вот что: <html> <head> <title>Welcome</title> <style> @font-face { font-family: Europe Normal; src: url(font1.ttf); /*Шрифт лежит в той-же папке что и сама страничка*/ } h1 {font-family: Europe Normal, Arial} </style> </head> <body background="back.png"> Hi<br> <h1>Trying to start my font</h1> </body></html> Так вот проблема в том, что выбранный шрифт отображается только в Internet Explorer 10, др…

    Asked by iIntUser,

    0 votes
    3 answers

  8. Проблема со вторым div.row

    Парни, не могли бы объяснить что не так в коде, почему второй div.row занимает не всю доступную ширину ? https://jsfiddle.net/fz4sdjd2/1/#&togetherjs=EmG0dFtdaM

    Asked by Rimming,

    0 votes
    4 answers

  9. Проблема со значками соц. сетей

    Здравствуйте дамы и господа! Подскажите, как можно прицепить значки аддтхиз на сайт, чтобы они находились сбоку от контента, и главное перемещались вместе с окном браузера. То есть постоянно были у пользователя на виду, куда бы он не прокручивал окошко. Надеюсь более менее понятно написал %)

    Asked by igranat,

    0 votes
    2 answers

  10. Проблема со свойствами ссылок

    Начал писать шаблон под DLE, возникла проблема. Установил стиль для ссылки заголовка, для меню, для ссылок управления профиля - все нормально, но когда задал стиль для других ссылок он применился к моим уже "заданным", заголовку, меню и ссылкам управ.проф. (частично).. при чем в стиле title (заголовок) указано .title a:link, a:visited{ color: #666; text-decoration: none; } .title a:hover, a:focus, a:active{ color: #b02020; text-decoration: none; } что уже посещенная ссылка будет цвета #666 а она цвета #b85b5a (это цвет моих "других ссылок" (кстати стиль такой же только тут другие цвета)) а еще в стиле меню указанно что a:hover, a:focus, a:active, margin-le…

    Asked by Skrrg,

    0 votes
    4 answers

  11. Проблема со свойством overflow - в IE+Opera идет, в Firefox - нет

    Добрый день. Такой вопрос: есть страничка (сильно упрощенный код ниже), поделена на три больших . Середина должна скролиться, если сожержимое уходит ниже. Проблема в том, что в Internet Explorer и Opera работает, а в Firefox нет. Поиск по форуму дал много результатов, но именно зависимость от браузера - такого не нашел. Модет кто поможет идеей? Спасибо. Код: ............ <table width="100%" cellspacing="0" cellpadding="0" summary="" style="height: 100%;"> <tbody> .......... <tr> <td width="14%" style="vertical-align: top; background-color: rgb(228, 250, 255);"> МЕНЮ </td> <!-- эта часть не скролится в firefox --> <td w…

    Asked by waldicom,

    0 votes
    1 answer

  12. проблема со скриптом

    проблема со скриптом по слайд-шоу, копирую код и заменяю фотографии на свои,файл index.html и фотки кладу в одну папку,но открывается в браузере только рамка, а фото нет и выдает сообщение о ошибке Ошибка 6 (net::ERR_FILE_NOT_FOUND): Не удалось найти файл или каталог. вот код <html> <head> <title>slides</title> <script language = "JavaScript"> numimg=0 imgslide=new Array () imgslide[0]=new Image () imgslide[1]=new Image () imgslide[2]=new Image () imgslide[3]=new Image () imgslide[4]=new Image () imgslide[5]=new Image () imgslide[0].src ="pic01.jpeg" imgslide[1].src ="pic02.jpeg" imgslide[2].src ="pic03.jpeg" imgslide[3].src…

    Asked by maxim,

    0 votes
    11 answers

  13. Проблема со скриптом swfir.js в IE

    В мозиле, опере, хроме, работает изображение трансформируется после загрузки а в IE пропадает пробовал на 6 и 7 версиях Адрес http://palitra-oil.narod.ru/ Чего молчите ? Жопошники......

    Asked by Palitra,

    0 votes
    4 answers

  14. Проблема со скриптом для изменения прозрачночти в FireFox и Opera

    Такой скрипт: /////////////////////////////////////////////////////////////////////////// var doclick=new Array(0, 0, 0, 0, 0); function onover(obj, par) { if(doclick[par]==1 && document.getElementById(obj).style.opacity<0.60) { document.getElementById(obj).filters.alpha.opacity+=4; document.getElementById(obj).style.opacity=(parseFloat(document.getElementById(obj).style.opacity)+4/100); setTimeout("onover('"+obj+"', "+par+")", 6); } } function onout(obj, par) { if(doclick[par]==0 && document.getElementById(obj).style.opacity>0.20) { document.getElementById(obj).filters.alpha.opacity-=4; document.getElementById(obj).style.opacity=(parseFloat(do…

    Asked by nemecfc,

    0 votes
    5 answers

  15. Проблема со скроллом

    Добрый день. Проблемма в том что не могу сделать так что бы скролл таблица растягивалась на ширину таблицы в которую он вставлен. Не могли бы подсказать как сделать так что бы он расстягивался по высоте форумов.... ото приходится дл кажного раздела задавать собственный размер вот скрин шаблон всего блока шаблон таблицы со скроллом <td width="130px" class="vTop"> <table class="forums"> <tr class="forums_th"> <th class="f_titles">{L_LASTRELIZRAZD}</th> </tr> <tr> <td class="rowa"> <div class="scrollers"> <!-- BEGIN lastAdded --> <a href="viewtopic.php?t={lastAdded.TOPIC_ID}" title="{…

    Asked by frost444,

    0 votes
    1 answer

  16. Проблема со скроллом

    Добрый день. Нужна ваша помощь. Задача: 1. шапка, подвал и правая часть основного контента зафиксированы. Контент должен растягиваться на всю высоту страницы. Скроллиться должна только левая часть контента и полоса прокрутки должна быть только тут. 2. То же, что и в первом пункте, только полоса прокрутки должна быть на всю страницу, а скроллиться лишь левый блок контента. выкладываю, что получилось. Проблема с растягиванием левого контента на всю высоту страницы и нерабочим бегунком. http://codepen.io/anon/pen/KHmGd Большое спасибо за помощь.

    Asked by NatalieZ,

    0 votes
    2 answers

  17. Проблема со сладером

    Некорректно работают кнопки left и right. Иногда right вообще перестаёт работать, если нажимать left. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .slider { border: 2px solid black; width: 300px; height: 60px; overflow: hidden; } #MySlider { position: relative; width: 400px; } #MySlider img { width: 60px; height: 60px; float: left; } #left { position: absolute; top: 205px; …

    Asked by ErUnDAK,

    0 votes
    2 answers

  18. Проблема со слайдером

    Проблема со слайдером, искал уже долго, нужен слайдер, который будет переключать текстовый контент. В интернете нашел только тяжелые слайдера, с эффектами и т.д. Было бы все намного проще если бы что-то понимал в jquery javascript. /Еще ниразу не подключал слайдера/

    Asked by Ghost86421,

    0 votes
    2 answers

  19. Проблема со слайдером

    Здравствуйте, такая проблема. На фрилансе хотел взять заказ верстки такого макета http://i055.radikal.ru/1406/8b/554b941c6cad.jpg макет не сложный, сверстаю на раз. Но там есть слайдер. Я в js И в jquery полный ноль, и делаю все возможное чтобы это исправить, изучаю js и все такое. Скажите такой слайдер самому писать надо? или как? просто реально серьезные проблемы со скриптами у меня.

    Asked by WEB-best,

    0 votes
    2 answers

  20. проблема со слайдером

    http://q26321xa.bget.ru/vpodarok/ есть слайдер на bxslider задача такая: 1) максимальная высота 690px, при сужении экрана высота пропорционально уменьшаеться(адаптивно). 2) а вот здесь у меня проблема. каждое изображение имеет разную высоту. а слайдер подгоняет свою высоту под каждое изрбражение. как сделать чтобы картинки были одинаковой высоты, и при уменьшение все это дело пропорционально уменьщалось?

    Asked by raptor-dm,

    0 votes
    2 answers

  21. Проблема со слайдером slick

    Доброго времени суток, возникла проблема при подключении слика , сделал все как по инструкции (Jqwery до slick.js , main.js после slick.js ) но все равно выдает ошибку : Uncaught TypeError: Cannot read property 'add' of null at c.b.initADA (slick.min.js:17) at c.b.init (slick.min.js:17) at new c (slick.min.js:17) at w.fn.init.a.fn.slick (slick.min.js:18) at HTMLDocument.<anonymous> (VM778 main.js:8) at l (jquery.min.js:2) at c (jquery.min.js:2) подскажите решение , уже все перерыл и не у одного меня такое , но решения так и не нашел .

    Asked by umid99,

    0 votes
    1 answer

  22. Проблема со слайдером при отдалении

    Вот слайдер в обычном разрешении А вот если отдалить страницу Как это исправить? Ниже предоставлен весь код слайдера. И кстати, использую CMS IPS 4.1.18.2 Скрытый текст .wrapper { height: 290px; position: relative; width: 940px; margin-bottom: -10px; } .slider { background-color: #ddd; height: inherit; overflow: hidden; position: relative; width: inherit; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -o-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5); } .wrapper > input { display: none; } .slides { height: inherit; position:…

    Asked by Haspid,

    0 votes
    6 answers

  23. Проблема со слешами у класса

    Здравствуйте. Проблема такая, со стилями в калькуляторе , что-то со слешами (/"..."/), если прописываешь класс в тексте у radio, imput и т.д. Поясню: 1) <span class=txtkalk>4000 руб</span> - классы (стили) подгружаются после обновление страницы. 2) <span class="txtkalk">4000 руб</span> - так вообще не работают классы, появляются слешы (/) между кавычками. Кто не видит разницу, отличие в кавычках у класса. Сайт http://creativesite-perm.ru Страница в разделе "Заказать сайт"

    Asked by webmasterFast,

    0 votes
    6 answers

  24. Проблема со слоем-подложкой

    Здравствуйте ! Верста фикс. макет. Создал слой подложку, отцентрировал его и уже там создал слои header, content, footer. Обычно, когда верстаю, то включаю границы основных слоёв, чтобы можно было нормально контролировать процесс. Включив границы слоя-подложки, обнаружил, что почему-то эти границы замыкаются на header и слои content, footer будто бы не входят в слой wrapper. Как показано на картинке. То, что header, content и footer находятся в слое-подложке - это сто процентов. В ЦСС для слоя-подложки указал лишь центрирование и ширину. В чём может быть проблема ?

    Asked by dimacat,

    0 votes
    4 answers

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

    Добрый день. Не могу понять, как сделать текст над изображением. С z-index`ами пробовал, не получается. Вот исходник html <div id="content"> <div id="sitenews"> <div id="ramka2"> <img src="images/Newslist.gif" height="100%" width="100%"/> </div> <div id="s1"> <div id="flash2"> <div id="text1"></div></div> <script type="text/javascript"> var so = new SWFObject("ob.swf", "newses", "100%", "100%", "8", "#384780"); so.addParam("wmode", "opaque"); so.write("text1"); </script> <div id="inside"> <font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif"> Темы следующего Ток-шоу. …

    Asked by Shaienn,

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