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. Отступы в списке

    Есть следующий список. В IE7 между пунктами наблюдается небольшой промежуток, в остальных браузерах его нет. Как убрать знаю, но не могу понять, откуда он берется. Что скажете? <!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> <title>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> LI { list-style: none; /* Убираем маркеры */ border: 1px solid #CCC; /* Рамка вокруг пунктов меню */ width: 200px; /* Ширина меню */ } A { display: block; /* Ссыл…

    Asked by Vlad,

    0 votes
    33 answers

  2. две проблемы в опере

    Здравствуйте не слишком соображаю в верстке, накидал тут зачаток макета, и сразу две проблемы... Во-первых, шрифт который я подгрузил, внешний, работает только в лисе во-вторых, лиса отрисовывает границу и заливку дива, а опера почему-то нет. Подскажите как исправить, на что обратить внимание. В ие даже боюсь заглядывать химичу тут http://lvl7.ru/author.php

    Asked by phii,

    0 votes
    3 answers

  3. Про необязательные тэги и необязательность закрытия всех тэгов — беспардонное враньё?

    Всегда ранее я предпочитала строгий синтаксис xhtml, считая вольный html с незакрытыми тэгами чем-то абсолютно недостойным. Но в конце концов стало интересно: ведь как-то же люди и такой синтаксис используют, и всё работает, да и спецификациями одобрено. Но однако что замечено: если не использовать тэг <body>, то в отдельных случаях IE любой версии просто не кажет содержимое страницы. В частности, это происходит, если использовать html5shiv или схожие по смыслу скрипты. если не закрывать <p> (или любой другой типа не требующий закрытия тэг), и за этим незакрытым элементом закрывается </section> или </aside>, то FF игнорирует эти закрывающие тэги, с…

    Asked by swetlana,

    0 votes
    12 answers

  4. Запрет выпадающего меню.

    Как запретить меню, выпадающее при нажатии левой кнопки мыши на рабочую область сайта?

    Asked by Sk-mouse,

    0 votes
    11 answers

  5. Opera && <button></button>

    Есть к примеру такая разметка и Opera 11.01 (в остальных браузерах работает нормально) По идее при нажатии на кнопку скролл не дожен прокручиваться, а он улетает вниз. Помоги те решить сию проблемку.

    Asked by Sariel,

    0 votes
    0 answers

  6. Приоритет

    Добрый день! Такая проблема. В главном каталоге моего сайта есть 2 файла index.php и index.html при открытии моего сайта загружается index.php как сделать так чтобы при вводе ссылки http://мойсайт.ру загружался файл index.html P.S без переименования файла index.php

    Asked by 123456789igor,

    0 votes
    1 answer

  7. Позиционирование

    помогите никак не можу розобратся, перепробывал кучу способов. Если решил сайт выровнять по центру примером шириной в 1000px, то при больших разрешения экрана элементы страницы здвигаются со своих мест. Пробывал загнять в таблицу но есть места где нужно наложить обьект поверх обьекта, там применяю свойство position:absolute; и в итоге также елементы при другом разрешении здвигаются как быть подскажите пожалуйста?

    Asked by Floran,

    0 votes
    21 answers

  8. Градиент текста с помощью css

    Вот сайт http://teplee.com/ Сделал средствами css перелив полосок меню и разделов по бокам. Но оказалось что коректно работает только в мозиле, в опере без изменений, в ИЕ вообще цвет другой и градиент не такой как задумывалось. вот код: div#menu { position: relative; width: auto; height: 36px; background-color: #D12E03; background: -moz-linear-gradient(#671402, #FF4500, #671402); background: -webkit-gradient(linear, 0 0, 0 100%, from(#671402), to(#671402), color-stop(0.5, #FF4500)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BBD6', endColorstr='#EBFFFF'); } Что не так сделал подскажите.

    Asked by ValentoS,

    0 votes
    13 answers

  9. Почему нельзя переправить свойство через класс, если оно задано для всех элементов?

    Проблема такая, для всех div задано свойство рамки, то есть вот так без никаких классов div {border: 1px solid #000;}. Однако в коде есть такие дивы, которым рамка не нужна и этих дивов подавляющее меньшинство. Между тем, когда им пишешь border: none, ноль реакции. Как я понимаю, это происходит из-за того, что рамка задана для всех div глобально. Это можно как-то обойти, потому что иначе придётся писать уйму ненужных строк, чтобы ввести классы, где нужна рамка? А так как их большинство, то код увеличится на немалое количество строк типа class="див с рамкой". А между тем, зачем это делать, если можно только пару раз указать, где рамка не нужна. Или при глобально заданной р…

    Asked by thekap,

    0 votes
    1 answer

  10. Проблема с выравниванием div

    Как сделать так, чтобы один див прижимался к левому краю, а другой к правому и при этом никуда не пропадал базовый div? Вот, что имеется в виду: <div style="background: #f6f6f6;"> <div style="float: left;">123</div> <div style="float: right;">456</div> </div> Проблема в том, что при таком раскладе базовый div (тот, что с бекграундом) как бы схлопывается. Однако если ему указать высоту в 1 пиксель, то в IE всё работает просто замечательно. Базовый div сразу подстраивается под высоту двух других. А вот в FF и Opera этого почему-то не происходит . Как решить такую проблему без задания высоты каждому диву, так как она может быть разной?…

    Asked by thekap,

    0 votes
    5 answers

  11. Проблемы при переносе списка на след. строку

    Всем привет. Есть такая проблема - я расположил изображения на странице с помощью списка по горизонтали. При меньшем разрешении то что не влезает переносится на следующую строку. Но, если добавить к изображениям подписи, нижняя строка начинает съезжать вправо. Никак не могу от этого избавиться. Помогите!

    Asked by Sedli,

    0 votes
    3 answers

  12. И опять IE

    Приветствую. Это мой первая верстка, поэтому сильно не ругайте. В процессе верстки возникли некоторые вопросы. В частности с IE. Верстка - http://test-platform.ucoz.ua/Somara/home.html CSS - http://test-platform.ucoz.ua/Somara/css/master.css То как должно быть - http://itmages.ru/image/view/125718/17747cd5 Проблема возникает с блоком логотипов.

    Asked by runet,

    0 votes
    5 answers

  13. растянуть блок по высоте

    сайт ребята, подскажите как сделать так, чтобы левый див с айди leftcolumn растягивался по высоте полностью.

    Asked by crazybet,

    0 votes
    5 answers

  14. Форум

    всем привет, я тут учусь верстать, как бы главную страницу, я верстаю, ф форум вообще не знаю как. И собственно просьба, если кто то видел видеоуроки или статьи, на эту тему. Дайте ссылку мне пожлуйста, а то я чет не могу найти Зарание спасибо.

    Asked by CbIHoK,

    0 votes
    5 answers

  15. float: left

    http://borber.ru/htmlbook/template5.html Вот тут обычный вариант «двухколоночного макета». Меню идёт с float: left. Далее нам нужно вставить много (неизвестно сколько именно) блоков 100×100, которые бы тоже бы были с float: left; А потом ещё раз такие же блоки. Само собой, надпись «Вторые блоки» тоже попадает под раздачу. Что делать, думаю я про себя. Вставляю пустой блок с clear: left, который до кучи хватает ещё и колонку с меню. http://borber.ru/htmlbook/template6.html Как бы вот так сделать, чтобы и left «почистить» и меню не захватывать?

    Asked by Veseloff,

    0 votes
    6 answers

  16. размер изображения в %

    Всем привет! Подскажите. У меня блок с контентом задан в %, а в нём есть фото. так-вот, указываю изображению ширину 100% (чтоб было на весь блок), а в IE8 изображение отображается в реальном размере, то есть растягивает блок с контентом. как сделать так чтоб фото было только на всю ширину блока, а не в полном размере в мозилле и опере все норм (когда указываю изображению параметр width="100%"), а IE как всегда все портачит подскажите пожалуйста решение этой проблемы, уж очень нужно =) заранее всех благодарю!

    Asked by Serpanok,

    0 votes
    11 answers

  17. Проблемы с IE и Mozilla

    Господа! Прошу помочь мне с проблемой кроссбраузерности сайта. Сайт прекрасно отображается в Opera, а с IE и Mozilla - значительные косяки( Дизайн RIPал сам, поэтому такая вот проблема. Сайт UCOZный! Сcылка: http://klons.ucoz.ru/ 3aранее спасибо)

    Asked by Wzlomshik,

    0 votes
    4 answers

  18. Не указывается размер в %

    Имеется скрипт, который позволяет видеть записи твиттера пользователя на любом сайте. Но у этого скрипта ширина и высота указаны в пикселях. Я пробовал указать в процентах, но тогда скрипт пропадает. Тогда я сунул этот скрипт в отдельный DIV и указал размеры этого самого DIV'a в процентах. Но это тоже мало чем помогло. Вот код: <div style="position: absolute; top: 31%; left: 18%; width: 58%;"> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 10, interval: 6000, width: "100%", height: 470, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#…

    Asked by WoopieZ,

    0 votes
    2 answers

  19. Прозрачный фон

    Привет всем! Не подскажите, каким образом можно сделать фон блока прозрачным и как эту прозрачность отрегулировать? Скриншот желаемого: Про пнг наверное думать не стоит, т.к. в ИЕ работать не будет, а в данном случае меня это не устраивает, ведь блок расположен на фотке юзера, и если в ИЕ этот блок будет залит черным, и закрывать часть фотки, то это не айс конечно)

    Asked by nickostyle,

    0 votes
    12 answers

  20. Главенство одного стиля над другим

    Пожалуйста помогите. имею такой код a { тут стиль} a:hover {тут стиль} block a {тут стиль} block a:hover {тут стиль} Так вот, в <div class=block> выводится ссылка. по цвету и шрифту она совпадает со стилями описаными block a и block a:hover. НО text-decoration этой уловке не поддается. т.е text-decoration заимствуется от основных стилей а не от тех что я описал для класса block. что делать. помогите

    Asked by KoDDy,

    0 votes
    7 answers

  21. Выпадающий список сдвигает нижние элементы

    C днем Святого Валентина всех! Сделала select с помощью скрипта, который преобразует в div и ul. Все хорошо, только выпадающий список сдвигает нижние элементы при выпадении Можно это как-то CSS вылечить?

    Asked by maerrry,

    0 votes
    3 answers

  22. Две полосы прокрутки

    Собственно, нужно сделать у блока полосу прокрутки и снизу, и сверху. Полоса прокрутки стандартная. Какие вообще идеи? Спасибо.

    Asked by DjTarik,

    0 votes
    2 answers

  23. Народ нужна помощь...

    Привет всем ) Решил сверстать страничку ... так ради опыта ... скачал с нета макет... Начал верстать... и все бы ни чего но в конце чё то отступы от body до footer в разных браузерах разные(( Как с этим бороться возможно есть какие то хаки ??? или еще что то ..... подскажите кто знает) Вот код и ссылка на страницу(http://portfolio-ka4erovskii.narod.ru/Hammer/index.html) Код: html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Hammer</title> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /…

    Asked by ka4erovskii,

    0 votes
    0 answers

  24. Изображение на всю ширину макета

    Прочитал статью на вашем сайте: http://htmlbook.ru/content/izobrazhenie-na...-shirinu-maketa В целом интересно, хотя я до этого уже использовал схожие приемы. Что меня смутило: Однако я всегда делал такие нарезки шириной именной в 1 пиксель. Даже если такой картинкой заливаешь весь фон браузера, то никогда ни каких тормозов не наблюдалось (в том числе и на не самых быстрых компах). Может кто-то пояснить эту рекомендацию или она уже устарела (т.к. все современные компы справляются с такой заливкой на ура) и можно смело резать картинки шириной в 1 пиксель?

    Asked by Arigato,

    0 votes
    6 answers

  25. dd и background

    Использую списки http://htmlbook.ru/html/dd вот такие. Хочу тегу придать background, в Chrome работат, а вот в других браузерах нет. Не пойму почету. dl.obiektu { width:100%; overflow:hidden; margin:0 0 15px 0; } dl.obiektu dt, dl.obiektu dt h4 { font-size:16px; font-weight:bold; display:block; clear:both; line-height:35px!important; } dl.obiektu dt { padding-top:5px; } dl.obiektu dd { width:40%!important; float:left!important; background: url(../images/li.gif) no-repeat left 9px; padding: 0 0 0 25px; margin: 0 0 0 20px; }

    Asked by wowkas,

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