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. Сообщение валидатора

    Поясните пожалуйста что надо изменить? Видимо где-то текст на сайте написан не UTF-8, а BOM-ом?

    Asked by Анна,

    0 votes
    2 answers

  2. Вставка видео на сайт

    Добрый день, вставил видео с youtube кодом, который он сам же и предоставляет, везде работает, вот только в IE 8 не пашет это, хотелось бы узнать. для IE надо как-то по-особому вставлять видео (может свойство какое-то нужно задать) или это с настройками браузера надо копаться, сайт на локалке.

    Asked by axigreat,

    0 votes
    2 answers

  3. Выравнивание ul в ячейке таблицы по правому краю

    Здравствуйте. Помогите пожалуйста выровнять список (пагинацию) по правому краю ячейки. Что я только не делал: text-align: right в теге TD не помогает, пробовал float:right в теге DIV - выравнивает, но не так как надо; пробовал в каждый тег LI ставить float:right - но тогда список переворачивается задом-наперед. Привожу примерный код (в моем случае LI отображаются в цикле на PHP): <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <table border="1" style="width: 100%; border-collapse: collapse;"><tr> <td style="border: 1; width:15%;">Что либо</td> &lt…

    Asked by gegmaster,

    0 votes
    2 answers

  4. Подскажите пожалуйста!

    Извиняюсь. Поторопился с темой. Разобрался сам... За то появился другой вопрос) Сверстал свою первую страницу, но на ней появилась горизонтальная полоса прокрутки при просмотре на разрешении 1024x768. включил оверфлоу-икс. при проверке валидации на css2.1 валидатор естественно выдал ошибку, а при css3 ничего не выдал. Где то читал, что поисковики при индексации смотрят на валидность кода. Вопрос: на какую версию CSS смотрят поисковики? CSS 2.1 с ошибкой или CSS3? И ещё вопрос) В браузере при уменьшении масштаба ссылка в навигации "Контакты" съезжает вправо под "Главная". Подскажите как это можно поправить? _yourspotolki.ru

    Asked by Un1x,

    0 votes
    2 answers

  5. Не хочет работать скрипт в модальном окне

    Вопрос по модальному окну в html Панель авторизации работает вне модального окна: В модальном окне не как не хочет " разворачиваться" Код модального окна: <script type="text/javascript"> jQuery(document).ready(function($) { $('a[rel*=facebox]').facebox({ loading_image : 'loading.gif', close_image : 'closelabel.gif' }) }) </script> html код: <a href="#info" rel="facebox">Авторизация</a> <div id="info" style="display:none;"> {login} </div>

    Asked by Bandyy,

    0 votes
    2 answers

  6. Фокус экран на странице

    Подскажите, пожалуйста, какое свойство css нужно задать, чтобы при серфинге по сайту положение экрана относительно самой страницы оставалось на том же уровне, что и после нажатия на ссылку, т.е., если я остановился зрительно на футере и нажал на ссылку, например, "КОНТАКТЫ", экран также показывал бы футер (пример не совсем удачный, но,как мне кажется объясняющий проблему)? )))

    Asked by badsanta,

    0 votes
    2 answers

  7. Проблемы с фоном при горизонтальной прокрутке

    Здравствуйте, уважаемые специалисты! http://margolis.ihaveacamera.ru/index.php?/works/igrushki/ Делаю сайтик. Не могу понять, почему происходит такой эффект: при горизонтальном прокручивании исчезает фон наверху. Помогите разобраться. Нужно чтобы фон оставался на месте. При этом хотелось бы элементы фона положить в разные слои. Спасибо.

    Asked by grisha_21,

    0 votes
    2 answers

  8. Как можно сделать динамический шрифт ?

    Помогите, кто знает как можно сделать чтобы шрифт регулировался в зависимости от расширения монитора и ОС ? Знаю что реализуется вроде как ..em/..em только вот настроить толком не удается. Я с таким впервые столкнулся, верстку знаю слабо, может что подскажите.

    Asked by Saturn,

    0 votes
    2 answers

  9. Текст вылазит из дива

    Текст вылазит из дива, хотя диву уже прописал его ширину, таблице внутри дива прописал ширину и даже ячейкам таблицы прописал ширину. Текст всеравно уехал вправо. Посмотрите пожалуйста http://yametal.net/guess_the_group/ Где я облажался?

    Asked by Tchorteg,

    0 votes
    2 answers

  10. Неправильное построение DOM в ie7

    На сайте есть меню вверху с разделителем. Меню сделано списком. Разделители - div.sep <ul class="menu" id="topmenu"> <li class="item-101 current active"><a href="/" >На главную</a></li> <div class="sep"></div> <li class="item-102"><a href="/index.php/about" >О проекте</a></li> <div class="sep"></div> <li class="item-103"><a href="/index.php/news" >Новости</a></li> <div class="sep"></div> <li class="item-104"><a href="/index.php/advertisers" >Рекламодателям</a></li> <div class="sep"></div> <li class="item-105"><a hr…

    Asked by Enclave,

    0 votes
    2 answers

  11. Расстояние между строками таблицы

    Всем доброе время суток. Допустим, у меня есть таблица в виде: <table> <tr><td>...</td><td>...</td></tr> <tr><td>...</td><td>...</td></tr> <tr><td>...</td><td>...</td></tr> </table> И там расположен в ячейках какой то материал. Как задать расстояние между строками? cellspacing/padding увеличивает все расстояния, а мне нужно что то вроде <tr><td>...</td><td>...</td></tr> <tr><td colspan="2"><br/></td></tr> Либо <tr><td style="padding-bottom:50px;">. Просто как грамотно это сд…

    Asked by Akcium,

    0 votes
    2 answers

  12. Многоуровневая

    У меня есть такая структура списка <div> <ul> <li> <ul> <li> <ul> <li> <ul> <li> <ul> <li> <ul> <li></li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </div> Я пишу стили для каждого вложения, получается огромная пирамида. Можно как-нибудь указать один раз стили для всех UL LI, которые находятся в дивке и чтобы у текста, который нахо…

    Asked by d3nis,

    0 votes
    2 answers

  13. фон

    Решил помочь другу и переделать верстку, думал справлюсь с фоном, а оказалось нет( В общем вот моего друга верстка, вообще ужас код, но по принципу так же и делал фон, но не получилось - http://media24.ee/test/ Первое облако нормально сделано, но из-за того что допустим экран 1400 на 900 то второе облако полностью не влезает и получаеться нижняя полоса прокрутки, меня не интерисует физичиское убирание нижней полосы прокрутки оверфловом, мне надо сделать так сказать растягивающийся фон, заранее благодарен

    Asked by nikita0010,

    0 votes
    2 answers

  14. Не корректно отображается выпадающее меню

    Здравствуйте, у меня возникла проблема на этапе реализации выпадающего горизонтального меню. Оно выпадает, но не все. Вот ссылка на страницу http://tanusha.0fees.net/opinion.html В отличии от главной страницы, где меню раскрывается как положено, здесь почему прячется за блок <section>, хотя может проблема и в чем другом. Подскажите, пожалуйста, где собака зарыта и как можно привести это меню в порядок.

    Asked by rilada,

    0 votes
    2 answers

  15. Активная область шапки сайта или её части

    Как сделать переход с шапки сайта на главную страницу? Шапка- background. Вроде думала можно использовать map с area, но как я поняла из описания тега map, он связывает тег img с активной областью, а у меня нет его, рисунок находится в фоне.

    Asked by Анна,

    0 votes
    2 answers

  16. Не показывается баннер

    Здравствуйте. Сделал в программе aleo flash баннер. Aleo дал мне HTML код <embed src="Blok_2.swf" quality="high" type="application/x-shockwave-flash" wmode="transparent" width="240" height="400" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="always"></embed> и саму флешку которую я сделал. Мне надо этот баннер вставить в раздел авто на сайте. Баннер я назвал Blok_2 Я беру файл баннера .swf и файл HTML который мне попутно создал Aleo, кидаю их оба в корень сайта и через Total Kommander редактирую HTML файл таким образом: <embed src="Blok_2.swf" quality="high" type="application/x-shockwave-flash" wmode="transparent" width="240…

    Asked by bufer,

    0 votes
    2 answers

  17. Плавное появление цвета у картинки

    сайт на wordpress. вызывается функция, выдающая 15 случайных картинок из страниц. мне нужно сделать так, чтобы они отображались черно-белыми, а при наведении курсора ПЛАВНО превращались в цветные. как это сделать? я находил какие-то похожие свойства, но CSS3. да и как это сделать плавно не знаю. подозреваю, что нужно делать с помощью js. можете помочь?

    Asked by rondew,

    0 votes
    2 answers

  18. html5 canvas интерактивная карта мира

    Здравствуйте! Стоит задача поверх jpeg картинки сделать интерактивную карту мира: 1) полупрозрачная подсветка разными цветами территорий произвольных стран стран 2) реакция на клик по области Если использовать канвас и обводить страну LineTo(), это же с ума сойти можно. Есть в природе другие варианты решить такую задачу ?

    Asked by lessless,

    0 votes
    2 answers

  19. jCarousel не работает в Opera

    В общем карусель работает везде кроме Opera (пробовал в 10.50) Погуглил: Вопрос: куда этот таймер вставлять? <script type="text/javascript"> jQuery(function(){ jQuery(".carousel").jCarouselLite({ auto:3000, speed:800, btnPrev: "#prev", btnNext: "#next", mouseWheel: true }); }); </script>

    Asked by bob_24,

    0 votes
    2 answers

  20. старожилы форума подскажите

    Здравствуйте, подскажите пожалуйста новичку - возможно ли как то сделать что бы при переходе на другие страницы сайта <div> блок не подгружался заново а оставался как есть. Заранее извиняюсь за не совсем корректный вопрос, постараюсь объяснить примером: на всех страницах сайта чуть ниже шапки - присутствует флеш сайдер который (при загрузке флешка издает звук и прогоняет по очереди заданные слайды)и при переходе на новую страницу сайта она снова издает звук и начинает показ слайдов. Если посетитель находиться на страницы достаточно долго тогда вся эта конструкция смотрится нормально, однако если человек привык к быстрому серфингу страничек тогда начальная мелодия фл…

    Asked by test777,

    0 votes
    2 answers

  21. Проблема с позиционированием кнопки

    Почему кнопка с текстом лезет куда-то наверх? <style type="text/css"> button {width: 32; height: 32;} </style> <button></button> <button>1</button> <button></button>

    Asked by Тёмик,

    0 votes
    2 answers

  22. полоса под картинкой-ссылкой

    <div class='desc'> <a class='foto' href="foto/53.jpg" id="53"><img src='foto_min/53.JPG'></a> <div class='text'>Москва</div> </div> .desc{ width:730px; margin:25px auto 0; clear:both; min-height:250px; } .text{ float:left; width:315px; min-height:230px; height:100%; margin:0 15px; border:1px solid black; border-radius:5px; padding:5px 5px 13px 13px; display:inline-block; } .foto{ float:left; width:333px; min-height:248px; border-radius:5px; margin:0 15px 25px; border:1px solid black; display:inline-block; padding:0; }

    Asked by Seretyr,

    0 votes
    2 answers

  23. очистка флоатов))флоат под флоатом

    привет еще раз! у меня очередная проблема —-очистка флоатов! КОД <html> <head> <style type="text/css"> *{ padding: 0;margin:0 } body,html{ height: 100%; background:black; } div.HH{ border:2px solid red; overflow: hidden; _overflow:visible; _height:1%; } div.ff{ width:300px; height:100px; background: yellow; float:left; } .aa{ clear:both } </style> </head> <body> <div class="HH"> <div class="ff">1</div> <div class="ff aa">2</div> <div class="ff">3</div> <div class="ff">4</div> <div class="ff aa">5</div> <div> </body> </html> хочу сделать фл…

    Asked by dostel1,

    0 votes
    2 answers

  24. Как сделать ширину по содержимому?

    Надо чтобы один заголовок был снизу справа от другого. <div id="logo"> <h1> <h2> Не выходит: Рассчитанный стиль: width: 1022px; Стили: width: auto; Тоесть надо чтобы блок div был такой же ширины как надпись в h1

    Asked by AquaGen,

    0 votes
    2 answers

  25. Notepad++

    помогите пожалуйста.в Notepad++ перевел кодировку на utf-8 без BOM,но когда пишу русскими буквами появляются какие то непонятные символы.как исправить эту проблему?

    Asked by vanzz,

    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