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. не могу поставить блоки по середине сайта

    на сайте несколько ссылок набитых на квадратных картинках (9шт) все они смещены влево к меню сайта а не по середине.помогите! не получается что бы они были по середине вот мой код: <table cellpadding="0" cellspacing="53px" border =0 > <tr> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Turkey.JPG)"> <a href="?id=10056" ><font color=#FFFFFF><font size=+1><b>Турция</b></font></font></a> </td> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Tunis.jpg)" > <a href="?id=10048" ><font color=#FFFFFF><fo…

    Asked by denis21,

    0 votes
    4 answers

  2. Вопрос по overflow: scroll

    Нужно сделать как тут. Я имею ввиду именно это так скажем "внутреннее окошко". Там оно сделано на фреймах, хотелось бы блочными элементами сделать тоже самое. Попробовал с overflow: scroll, но скролится по вертикали. Смотреть Попробовал добавить float:left; для первого изображения, но ничего не изменилось. Смотреть с float:left Помогите пожалуйста

    Asked by Rustick,

    0 votes
    8 answers

  3. Проблемища при масштабировании

    При масштабировании ("ctrl"+"-") блоки съезжают друг под друга. Это такой баг браузеров и стоит забить, или же нужно делать как-то по-другому? При смене же разрешения ничего не смещается. Ну не переношу, когда вёрстка разваливается при масштабировании Это не первый момент с float в моих работах, раньше забивал, теперь хочется понять, почему так происходит? спасибо заранее <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> h…

    Asked by monsterr,

    0 votes
    21 answers

  4. Помогите разобраться с margin

    Собственно только начал осваивать верстку и сразу попал в тупик с выравниванием блоков. Я хочу чтобы внутрение блоки имели отступы между собой и от границы родительского блока. Покажу лучше на примере. Вот что нужно: И вот что имею: Если задать padding родительскому блоку(класс item_list) то отступ от границ получиться margin + padding. Сам код: <!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> <title>Example</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="t…

    Asked by Inf1k,

    0 votes
    7 answers

  5. Анализ одного ключевого слова

    Анализ ключевого слова "Усилитель сотового сигнала" Я стал заниматься анализом сайта 1 места по данному запросу выдачи Яндекса и увидел интересную хтуку Забил в поисковую строку домен сайта полный путь и наткнулся на вот что http://nakomp.com/search/icq+7.2+3525.html УСКОРИТЕЛЬ КОМПЬЮТЕРОВ И ИНТЕРНЕТА UltraFast PC - сверхэффективный ускоритель, разработанный под систему Windows и любой тип интернет-соединения. Ваш компьютер будет работать как новый! Увеличение производительности компьютера! Значительное ускорение загрузки Интернет-страниц, фотографий и файлов! Эффективность проверена тестами. Рекомендуем! скачать_______ При этом после слов найденные файлы стояли ссылки на…

    Asked by excomf,

    0 votes
    2 answers

  6. Щелчек по свободному полю -> переход по ссылке

    Всем привет, Уважаемые форумчане, прошу Вашей помощи в решении такого вопроса: Создал сайт на джумле, менюшки, ествественно, гененируются автоматически и на выходе получается вот такой код: <ul class="menu"> <li id="item-105"><a href="/index.php/kamaz" >камаз</a></li> <li id="item-106"><a href="/index.php/maz" >маз</a></li> <li id="item-107"><a href="/index.php/paz" >паз</a> <li id="item-109"><a href="/index.php/uaz" >уаз</a></li> <li id="item-110"><a href="/index.php/ural" >урал</a></li> <li id="item-111"><a href="/index.php/yazda" >язда&l…

    Asked by goodguy,

    0 votes
    2 answers

  7. body{display:table}

    не шарю я это!!!! может есть примеры у вас что это за ужос....!! это вроде связано з фоном????

    Asked by bot87,

    0 votes
    10 answers

  8. Фон сайта

    Друзья! У меня есть свой сайт, пишу в html, но тут столкнулся с проблемой: хочу сделать фон сайту картинкой, делаю, но у меня контент сайта тоесть где написан текст, тоже становится прозрачным и становится ка картинка. Так вот вопрос, что мне сделать, чтобы фон сайта был нижним слоем? вот код: <HTML> <TITLE>Всё о цветах</TITLE> </HEAD> <body> > <center> <TABLE width="750"border="1"> <TR><TH colspan="2" width="750" height="150" bgcolor="#A0CFFF"> <img src="sait.jpg"> </TH> </TR> <TR> <THEAD> <TH bgcolor="#CCFFFF" width="120"valign="top"><a href="index.html" style="text-decor…

    Asked by alessandrou,

    0 votes
    17 answers

  9. помогите у блога двигается тело

    У блога в блоггере двигается всё содержание, во время загрузки, на любом разрешении монитора. Во время загрузки появляется шапка, затем когда загружаются темы - вся страница смещается где-то на 20 пкс влево, можете сами посмотреть если не внятно объясняю bllo net Я подозреваю что виноват рисунок слева в углу сверху, в виде узора. И когда он загружается бразуер равняет по центру шаблон, можно это как то исправить? я пробовал убрать параметр center у #page чтобы не центровало, работает правильно только на одном разрешении, если менять размер окна или разрешение всё содержание выходит из границ

    Asked by virgin,

    0 votes
    9 answers

  10. Расстояние пунктов меню (Linear)

    здравствуйте, у меня проблема с выделением пунктов меню в данный момент имеется это: #page .nav .item a{ font-family: Calibri; font-size: 18px; line-height: 1.4em; color: #ffffff; font-weight: normal; text-decoration: none; border-spacing: 1px 0px } #page .nav .item a:hover{ background-color: #FFFFFF; border-radius: 0px; color: #2da1e0; text-decoration: none; padding: 8px 16px; } #page .nav .current a, #page .nav .current a:hover{ background-color: #ffffff; border-radius: 0px; color: #2da1e0; text-decoration: none; padding: 8px 16px; } хотелось бы настроить так , чтобы при наведении курсора текст не разъезжался, тоесть нужно оптимизировать (или просто расставить п…

    Asked by exzmaxi,

    0 votes
    3 answers

  11. Крякозябры в опере

    На сайте http://bezvesie.ru/ в опере весь текст отображается крякозябрами,в чём может быть проблемма?

    Asked by NeoMurderer,

    0 votes
    6 answers

  12. Проблема с Div блоками по горизонтале

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

    Asked by mixman48,

    0 votes
    2 answers

  13. расположение Div

    Хочу вот такую структуру сверстать В менюшке к правому краю прилеплена маленькая картиночка и дальше идет горизонтальный список. Суть проблемы В том что контейнер something ,вместо того что бы прилипнуть к правому краю экрана,прилипает к левой границе контейнера skriptorsomething.Я не знаю,как можно расставить два правых блока skriptorsomething и something так что бы слева от них был блок main во всю высоту экрана ,поэтому решил сделать main позиционированным ,что бы два правых отображались ,так будто бы main и нет вовсе. Значит вот код HtML: <div id="shapka"><img src="images/logo.jpg" class="imgshpk"><h1>Cайт о чем то </h1></div> <div …

    Asked by boooze,

    0 votes
    8 answers

  14. Заместо русских букв выводятся знаки вопроса

    Помогите пожалуйста. За место русских букв выводятся знаки вопроса !!! Что делать ? С заранее спасибо

    Asked by ClickW,

    0 votes
    24 answers

  15. :hover

    Здесь написано http://htmlbook.ru/css/hover ,что В браузере Internet Explorer до версии 6.0 включительно псевдокласс :hover работает только для ссылок.А мне надо hover для label.ПОдскажите как можно решить проблему.? Только ли через JavaScript ?

    Asked by new01,

    0 votes
    32 answers

  16. Label

    Вот у меня задача такая: Сделать так чтоб при нажатии на букву активировалась: <input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'> это я делаю с помощью LABEL : <label class='label' id='r1' for='ati1'>1</label>. Проблема заключается в том ,что надо сделать чтоб "<input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'>" не было видно.Я сначала решил её так,прописал в стилях display:none , в опере работает так всё отлично,но в экспловере ваще нисколько ! Как мне быть?!

    Asked by new01,

    0 votes
    13 answers

  17. Создание автозапуска для дисков

    Я студент технического профиля. Помогаю одному из своих преподавателей писать учебно-методический комплекс Нет никаких альтернативных вариантов? Я помогаю сейчас делать для своего преподавателя Учебно-Mетодический комплекс Сейчас все почти готово. Осталось только оформить и записать на диск. За основу для автозапуска я всял автозапуск от диска Aspirin 2003 Фото: Комплекс будет двуязычным (я делаю русскую часть, а преподаватель узбекскую) Требования преподавателя. Чтобы открывался автозапуск. Было 2 кнопки с выбором языка. Выбираешь нужный язык и открывается содержание комплекса: 1. Лекции 2. Практические работы 3. Тесты 4. Софт и т.д. В файле настроек автозапуска Aspiri…

    Asked by netdrakon,

    0 votes
    1 answer

  18. Одна верстка и разное содержимое

    Допустим есть файл index.php, который содержит в себе всю верстку сайта, но с пустым значением <td></td>. В котором должен содержаться текст в зависимости от того на какой мы странице. Т.е. не так что бы оставался index.php с другим текстом. А например, хочу я зарегистрироваться перехожу в файл reg.php и там та же верстка, с тем же дизайном, но с другим значением <td></td>. Я не хочу в каждом *.php писать заново всю верстку. Есть ли какое-нибудь решение этому? Может быть как-нибудь запомнить код до ...<td> и после </td>... и объявлять их до и после нужного текста. Например: <..do-td..> Нужный нам текст reg.php <..posle-td..>…

    Asked by Aselle,

    0 votes
    3 answers

  19. почему это работает - сайдбар

    почему это работает? почему #sidebar так втискивается в ту область, которая вроде как принадлежит #main ? какое значение имеет right-margin: -250px у #main? при чем в контенте можно использовать и clear:both и float:left, float:right - и всё нормально будет и на сайдбар не повлияет! это лучший вариант верстки сайдбаров, из тех, что я знаю. но _почему он работает_ ? ? ? <html> <head> <style type="text/css"> body { width: 800px; } #main { width: 100%; margin: 0 -250px 0 0; float: left; } #content { margin: 0 250px 0 20px; } #sidebar …

    Asked by babay,

    0 votes
    1 answer

  20. _moz-rs-heading и неожиданные ссылки в firefox

    Во время работы над своим проектом обнаружил, что на сайте каким-то чудом появляются подозрительные ссылки, не проставленные в исходном коде. Верный firebug показал мне этих шпионов, снаряженных атрибутом _moz-rs-heading. В согласии с правилами логики можно было ожидать, что элементы с таким префиксом характерны только для Огнелиса, как оно и оказалось. Погуглив, обнаружил статью об этом баге/этой фиче (выберите нужное в зависимости от точки зрения). http://blog.project-sierra.de/archives/1221 Вкратце, суть в том, что нужно проверить HTML-код валидатором и устранить все ошибки. Тогда Лиса полюбит вас и уберет свои дополнительные ссылки. just for fun. Может, кому-нибудь п…

    Asked by scorpio,

    0 votes
    3 answers

  21. Свойство float - обтекние фотогрфии списком FAQ

    Здравствуйте! Столкнулся с проблемой обтекния фотографии списком FAQ . Просьба к тем кто сталкивался с этой задачкой, — поделитьcя её решением. Пишите мнеВсем откликнушимся большое спасибо. С уважением, muravey.

    Asked by muravey,

    0 votes
    4 answers

  22. кроссбраузерность hr

    помогите убрать отступы в ие!! с этой темой мучаюсь уже 4 месяц!!смог убрать только один из отступов а 2 никак!!!! стили по умолчанию браузеров: ие6 hr { text-align: center; zoom: 1; } ие7 hr { outline: 0 none; text-align: center; zoom: 1; } ие8 hr { border-style: inset; border-width: 1px; display: block; margin-bottom: 0.5em; margin-top: 0.5em; overflow: hidden; text-align: center; zoom: 1; } сафари hr { display: block; margin: 0.5em auto; border-style: inset; border-width: 1px } почему если я их стараюсь сделать одинаковими не получается удалить отступы

    Asked by bot87,

    0 votes
    3 answers

  23. Небольшая проблема с формами

    Должно быть так.Пользователь нажимает на букву и форма активируется т.е. нажимается кнопка.Вот код. <form action='index.php' method='POST' OnSubmit='return false;'> <div id='n1' class='nomer'><input type='radio' name='tre[tre]' value='1' id='a1' class='radio' onclick='this.form.submit()'><label class='label' id='r1' for='a1'>A</label></div> </form> Проблема заключается в том ,что в опере работает отлично.Но в експловере нифига не пашет.Вообще не реагирует на нажатии.В чем проблема?!

    Asked by new01,

    0 votes
    3 answers

  24. div и браузеры

    Добрый вечер! верстаю меню меню состоит из див и вложенных еще несколько див имеющий свой бг в которых размещена всякая информация, после меню идет картинка , но проблема в том что картинка не находится в див, но все браузеры отображают ее как в этом диве, то есть она имеет бг как у меню, а этого не нужно, браузер перестает понимать что картинка находится не в диве только тогда когда добавляешь еще один закрытый див, но после этого верстка становится не валидной так как все дивы закрыты. В чем может быть проблема? прошу помочь код css .help_bg_y { width: 159px; margin: 0 0 0 14px; background: red ; } .help_…

    Asked by Temiks,

    0 votes
    17 answers

  25. float для блока с position absolute и отступом

    Подскажите пожалуйста, как вставить, баннер в середину (примерно) каждой статьи. Баннер задан в шаблоне и не меняется. Я вставляю код баннера в div оформляющий вывод статей, делаю отсуп сверху и position absolute, чтобы баннер попал примерно в середину статьи. Такой код оформляет баннер: При этом обтекание текстом не происходит, но баннер фиксируется на позиции и прокручивается вместе с текстом, остается только сделать каким-то образом обтекание.

    Asked by maxs,

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