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. Не работает ссылка

    Уважаемые спецы, ПОМОГИТЕ! Проблема следующего рода: есть какой-то текст, в котором есть такая ссылка: <a href="#/yгтамжын наадан\">ФОТОГРАФИИ</a> и есть место, на которое эта ссылка отправляет: <submenu page_title="УГТАМЖЫН НААДАН" swf="media_gallery.swf" xmlPath = "xml/naadan.xml" bgType = "image" bgFile = "images/background/15.jpg"/>. Закавыка в том, что если имена написаны кириллицей, то ссылка не работает. А латиницей ну никак нельзя. Как можно побороть эту проблему?

    Asked by ehfuif,

    0 votes
    1 answer

  2. Свойство Float

    Помоги пожалуйста, застрял в такой простой проблеме - не знаю что придумать, вот ссылка: jsFiddle Пример маленький, проблема что, текст в div.b не выравнивается, а переходит сразу вниз, хотя выставил свойства float, дизайн на сайте резиновый, так что не получится просто выставить width в px. Как можно выйти из ситуации?

    Asked by AppleMacMy,

    0 votes
    1 answer

  3. margin-top для p опускает div

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> <style> *{margin:0;padding:0;} .bl_1{ height:54px; width:403px; background:#000; font-size:27px; color:#fff; font-weight:bold; } .bl_1 p{ text-align:center; } .bl_2{ background:#ffd500; width:136px; height:49px; margin:3px 3px 2px 3px; color:#000; float:left;} .bl_2 p{text-align:center;margin-top:10px;} </style> </head> <body> <div class="bl_1"><div class="bl_2"><p>АВТО</p></div><p>ХИМЧИСТКА</p></div> </body…

    Asked by Krote,

    0 votes
    1 answer

  4. Каталог файлов

    Как сделать такой сайт? - http://torrents.nix-pix.co.uk/ А именно (какой движок и есть ли такой шаблон в паблике)?

    Asked by Andrew_las,

    0 votes
    1 answer

  5. Как заставить блок занять собой всё свободное пространство?

    Есть два блока, которые находятся в третьем: <div> <div> ... </div> <div> ... </div> </div> Высота контейнера задана в пикселах либо в процентах от высоты страницы, а высоты внутренних заранее неизвестны. Вот что получается: А мне надо так: Как это сделать? Я не представляю, как это сделать даже с помощью таблицы.

    Asked by Kodd,

    0 votes
    1 answer

  6. Диагональный фон

    Приветствую уважаемых посетителей форума! У меня есть вопрос. Возможно ли сделать такой сайт, чтобы фон его был таким диагональным прямоугольником во всю высоту экрана? При этом хочется, чтобы розовая область была резиновой, а белые треугольники по бокам разъезжались бы в разные стороны. Это нужно, например для того, чтобы колонка с контентом не становилась слишком узкой на больших разрешениях монитора. пример картинки

    Asked by grisha_21,

    0 votes
    1 answer

  7. Верстка

    Есть меню. но оно отображается не правильно. Как есть (ФОТО): Как надо: Есть код: <div id="menu"> <div class="menu"> <a href="#" ><img class="km" src="img/a_km.jpg"><h5>Аренда кофемашин</h5></a> </div> <div class="menu"> <img class="km" src="img/p_km.jpg"> </div> <div class="menu"> <img src="img/r_km.jpg" class="km"> </div> <div class="menu"> <img class="km" src="img/p_k.jpg"> </div> </div> +css #menu { margin-top: 30px; background: url(img/menu_bg.jpg); width: 200px; height: 440px; -webkit-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); -moz-box-shad…

    Asked by vova.a99,

    0 votes
    1 answer

  8. DIV по ширине родителя

    Добрый вечер! В приложении скрин с самой проблемой. Необходимо все блоки поставить на одну высоту с родительским дивом. посоветуйте что можно предпринять, в нете нашел и опробовал массу вариантов. Но ничего не сработало. #left-column .product { float: left; background: url(images/product-right.png) repeat-y top right; position: relative; width: 238px; height: 100% !important;} .product .product-content { padding: 24px 23px 19px 24px; width: 193px; background: url(images/product-bottom.png) repeat-x bottom left;} .product a.image { display: block; position: relative; } .product a.image:hover { text-decoration: none; } .product-content span.ta…

    Asked by merabillis,

    0 votes
    1 answer

  9. Прозрачная, закругленная рамка

    Подскажите, пожалуйста, как сделать вот такую рамку:

    Asked by uteelers5,

    0 votes
    1 answer

  10. color действует не для всех элементов select

    Здравствуйте. Здесь внизу страницу у меня проблема с перекраской шрифта в выпадающих списках select. Почему-то с помощью свойства color окрашивается чёрным лишь только текущий выбранный пункт selecta. Как выкрасить черным остальные пункты, которые видны при раскрытии списка? Благодарю

    Asked by borus,

    0 votes
    1 answer

  11. Адаптивная верстка

    Здравствуйте! Как сделать так, чтобы DIVы внутри контейнера "перепрыгивали" вниз, при уменьшении размера браузера, вплоть до одного элемента по горизонтали? <a target="_blank" href="http://www.radikal.ru"><img src="http://i049.radikal.ru/1207/c9/0ef06a0932bb.png" ></a>

    Asked by tpepost,

    0 votes
    1 answer

  12. Input в форме

    Неожиданно появилась проблема, есть обычная форма поиска, все работало до недавнего времени прекрасно, но теперь наведение мышкой практически не работает. Т.е. когда наводим мышкой на инпут, то существует примерно 1 мм горизонтальная область, откуда можно активировать инпут, а любое движение вверх-вниз, убирает возможность инпута. Кто с таким сталкивался, и как это лечить? <div class="m_form-search"> <label for="m_search">Search:</label> <input type="text" placeholder="Search" maxlength="200" class="input-text" value="" name="q" id="m_search"> #m_search_mini_form {float:right;height: 24px;margin: 8px 8px 0 0;background: none repe…

    Asked by aldien,

    0 votes
    1 answer

  13. Как помещать ключевые слова в keywords?

    Там нет примеров. Как это будет выглядеть?

    Asked by jentlmen,

    0 votes
    1 answer

  14. помогите сделать таблицу table

    вот такую http://nordtrest.ru/sneg/neg1.bmp

    Asked by high,

    0 votes
    1 answer

  15. Слой второй колонки не учитывает отступ от слоя шапки

    Здравствуйте, пару дней, как начал изучать HTML, возник такой вопрос: Простой шаблон страницы: шапка(1), левая колонка(2), правая колонка(3), подвал(4). Левая и правая колнки лежат в отдельном слое(5), т.к. собирался делать третью колонку справа. Для всех элементов задан margin: 5px. Левая колонка(2) отстоит от шапки(1) на 5px + 5px ее собственный отступ. Правая же колонка(3) игнорирует отступ от шапки(1), учитывает только свой, почему так происходит? Пробую сделать для правой колонки margin-top: 10px, но тогда на 10 пикселей отъезжает весь слой (5). Если убираю слой(5), margin-top: 10px корректирует проблему, но все равно непонятно, почему требуется эта корректировка. Ещ…

    Asked by Develax,

    0 votes
    1 answer

  16. xhtml как понял мало чем отличаетсяот html?

    Просто смотрю на сайте htmlbook.ru Про него только 2 главы я как понял у него нет кучи дополнительныхтегов, которых нет в html и в нём впринципи используются все те-же теги которые и в html только некоторые немного подругому пишутся. Я правильно понял? Новичёк информации много не всё сходу схватываю, что к чему.

    Asked by jentlmen,

    0 votes
    1 answer

  17. css: параметры тэга с атрибутом

    Здравствуйте. Я хотел бы написать css код: если <img align="right">, то margin: 10px 0px 10px; если <img align="left">, то margin: 10px 10px 10px 0px; Если без атрибута, то просто выровнять по центру Но это уже детали. Конкретно, меня интересует синтаксис такого написания. Некоторое время назад я прослушал курс по вёрстке и там было много информации, которая у меня не сохранилась. Там задавались, например, парметры тэгам внутри другого определённого тэга и много чего подобного. Здесь же, в учебниках по CSS, к сожалению, я такого и близко не нашел. Мне же надо задать параметры тэгу с определённым атрибутом. Как это написать?

    Asked by triplecorpse,

    0 votes
    1 answer

  18. Ассоциация сайта с рекламой в поисковиках

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

    Asked by Deirel,

    0 votes
    1 answer

  19. где найти полную справку по всем HTML контролам

    Привет друзья! Нужно найти полную справку (reference) о всех контролах html (html 5 включительно) например контрол select (список), у него есть события, например onChange, свойства, методы. Вот где это все можно найти, поделитесь ссылочкой. Спасибо.

    Asked by a13,

    0 votes
    1 answer

  20. картинка в таблице?

    верстаю сайт http://tuuut.16mb.com/DB, столкнулся с проблемой: как вставить в таблицу между ячейками полосу(картинку)?

    Asked by olechic,

    0 votes
    1 answer

  21. Плывет меню, если скролить

    Здравствуйте. Не могу понять что мешает и в чем причина... Есть меню в футере, там 8 пунктов, открывается нормально в любом разрешении, есть выравнивание, все хорошо, но если скролить + или - то один из блоков (Карта сайта) переходит на уровень ниже. Еще такой момент: если скролить один раз ctrl+, то плывет блок вниз, если еще раз нажать ctrl+ то все возвращается в исходную позицию, т.к. так как надо! И так же с минусом. http://watchmagazine.ru/

    Asked by konstantinskiy,

    0 votes
    1 answer

  22. Сайт расплывается в IE

    Подскажите пожалуйста, как выровнять conteainer относительно body, чтобы он был посередине монитора в IE? В остальных браузерах нормально body { font: 0.8em Arial, Helvetica, sans-serif; background-image: url(bj.png); background-repeat:no-repeat; } #container { width: 1000px; margin: 0 auto; min-height:100%; position:relative; }

    Asked by Yarkaya,

    0 votes
    1 answer

  23. Input - в сафари

    Всем привет! Вот сайт - http://nyashki-tv.ru/news/manga_blich_500_bleach_manga_500_spasitel_v_glubokoj_tme/2012-07-10-80 Дело в том,что кнопка "ОК" в форме добавления комментария почему-то имеет разную ширину в сафари и в хроме.Для примера в хроме все нормально я задала paddin:0px 20px и все какк по маслу.Но почему в сафари все иначе блок с таким паддингом не влезает и инпут прыгает вниз(( Логин - Nyashki-tv Пароль - test

    Asked by ELBegemotos,

    0 votes
    1 answer

  24. Изменение ширины при увеличении

    Допустим, есть такой код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>...</title> <style> body {margin: 0} #header {background: green} .wrap { width: 980px; margin: 0 auto; border: thin solid red } </style> </head> <body> <div id="header"><div class="wrap"> text </div></div> </body> </html> Почему при увеличении масштаба ширина #header становится меньше ширины .wrap и, как следствие, появляется область без фона зеленого цвета?

    Asked by sfc,

    0 votes
    1 answer

  25. Неправильное вращение в Опере

    Нашел интересный пример горизонтальной гармошки, решил использовать. В примере опера вообще не хочет вращать заголовки. Скачал пример, поправил стиль: добавил для оперы "о-трансформ" .easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px; /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Opera */ -o-transform: rotate(-90deg); cursor:pointer;} Но это не помогло, загловки все равно странно смещены. Теперь просто интересно докапаться, как исправить неправильное отображение. Помогите разобраться.

    Asked by partiz,

    0 votes
    1 answer

  • Обсуждения

    • 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