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. Помогите с "подвалом" на сайте.

    Намучился уже... ничего не выходит, перепробывал все варианты из ТОП 10 Гугла Надо просто поместить подвал внизу страницы. Помогите! Могу отблагодарить за рабочий вариант <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Ведение бухгалтерского и налогового учета белорусских и российских предприятий</title> <link href="http://tutbuch.by/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="site"&…

    Asked by LBM,

    0 votes
    2 answers

  2. Помогите с "резиновостью" элемента

    Всем привет. Ребята, подскажите пожалуйста, не могу сообразить, как сделать вот такой элемент резиновым. Заранее благодарю!

    Asked by lolka84,

    0 votes
    6 answers

  3. Помогите с "событиями"

    Подскажите, как я могу сделать такое: над контентом мне надо сделать 3 ярлычка: один должен, при щелчке открывать текстовую версию в ворде, другой, в какой либо pdf читалке(как правило, которая на компе по умолчанию для pdf), текстовую версию, другой, при щелчке должен начать печатать туже текст.версию, как это реализовать?, пишу на php, вот шаблон примерный, ну естевственно место букв - ярлычки

    Asked by woofer46,

    0 votes
    2 answers

  4. помогите с <body>

    Люди помогите плиз . Сделал страничку с трех картинок , с помошью этих тэгов , возникла проблема с position:absolute , када на одну картинку используется position:absolute то страничка нормальная , а када я использую еше на одну картинку с этим тэгом то страничку можно листать в право хотя за горизонт странички ни чего не вылазит . подскажите как это исправить . <html> <body bgcolor="#000000" text="#009900" link="#CCCCCC" vlink="#CCCCCC" alink="#666666"> <div id="Layer1" style="position:absolute; left:100px; top:50px; width:10px; height:0px; z-index:1"> <img name="nVerh" src="images/Verh.jpg" width="1024" height="750" border="0"> <!-- fwt…

    Asked by KOcccTya,

    0 votes
    6 answers

  5. Помогите с <div> очень горит.

    Добрый день ! Существует задача создать такую конструкцию: Слой с полупрозрачным бекграундом (без использования картинок #CCC). Внутри него существует ещё один слой который должен находится перед этим слоем и не иметь прозрачности и масштабироваться. Как я не курил форум так и не смог данное реальзивать. С ДИВ имею дело мало, во терь понадобилось. Помогите плиз. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>z-index</title> <style type="text/css"> #layer1, #layer2 { po…

    Asked by n_drey,

    0 votes
    3 answers

  6. Помогите с <img>

    Здравствуйте. Добавляю в верству изображения <div class="buttom"> <img src="images/news-btn.jpg" alt="НОВОСТИ"> <img src="images/faq-btn.jpg" alt="FAQ"> <img src="images/forum-btn.jpg" alt="FAQ"> <img src="images/contacts-btn.jpg" alt="FAQ"> <img src="images/support-btn.jpg" alt="FAQ"> </div> при просмотре страницы между изображением есть пустые промежутки или отступы. Подскажите новичку как их убрать. padding или margin не помогают.

    Asked by vzdrizd,

    0 votes
    11 answers

  7. помогите с apache

    Как создать виртуальный хост на своем компе, например на диске d:/data/ Т.Е. помещаю в d:/data файл index.html, забиваю в браузере http://localhost/ и там должно отобразиться содержимое index.html Спасибо.

    Asked by Ramazzzik,

    0 votes
    20 answers

  8. Помогите с background

    Завел я свой блог, и решил изменить фон. В настройках можно редактировать СSS. Написал body { background-image: url("http://attachments-blog.tut.by/29555/files/2009/12/fon.jpg"); background-repeat: no-repeat; background-position: center ; background-attachment: fixed; } Получилось с белыми отступами по бокам. Пробовал другие тэги, не получается все равно сделать фон на всю страницу. Может есть стандарное разрешение, которое нужно использовать. Размер моей картинки 1024x927.

    Asked by 121990,

    0 votes
    8 answers

  9. Помогите с background-position

    Добрый день. Столкнулся вот с такой проблемой. Есть такая конструкция: <div class="one"> <div class="two"> текст текст текст текст текст текст текст текст текст текст текст текст </div> </div> У класса two background-image выровнен по: center top и не размножается. У класса one background-image так же выровнен по центру, но он размножается по repeat-y Но возникла проблема накладывания двух изображений друг на друга и получается замыленность (так как изображения полупрозрачные). Как сдвинуть повторяющееся изображение вниз, что бы оно повторяться начало не с самого верха, а ниже на то значение, что я указываю? Вот такая конструкция не хочет работа…

    Asked by shotlandec,

    0 votes
    7 answers

  10. Помогите с background!

    Помогите изменить серый фон на сайте http://satsputnik.500mb.net/ на фон с градиентом. Как я только не пробовал изменить его получается одно и тоже (фон получается с градиентом но шапка сайта исчезает за шапку отвечает файл bg_top.jpg саму строку с параметрами для градиента я водил вместо background:#afafaf (отвечает за фон который сейчас на сайте) вот так получилось html, body { margin:0; height:100%; font:12px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; color:#515151; line-height:14px; background:-webkit-linear-gradient(left, #f9f9f9, #000000); url(../images/style/bg_top.jpg) no-repeat center top; } также пробовал параметры градиента такие background…

    Asked by grabla,

    0 votes
    10 answers

  11. Помогите с border'om

    Это часть таблицы, мне нужно сделать двойной бордер, как на картинке. Не могу разобраться. Заднее затемнение задается посредством pngшки на классе .dark Если ставлю border на tr и td они перекрывают друг друга. <table> <tr class="dark"> <td></td> </tr> </table> Как это реализовать так же, как на картинке?

    Asked by Motoko Kusanagi,

    0 votes
    20 answers

  12. Помогите с canvas

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

    Asked by GrizzzlyGames,

    0 votes
    1 answer

  13. Помогите с ccs

    Добрый день, есть сайт на джумле, установлен модуль языков, но отображается он не так как надо на шаблоне я так понял что присутсвует класс lang-inliner которого нет в описании, что добавить и куда чтобы отображалось все нормально. Сайт http://rus-ino.ru . помогите пожалуйста

    Asked by xrumchik,

    0 votes
    4 answers

  14. Помогите с checkbox-ами!

    .Помогите разобраться.... При клике на текст chekbox отмечается. Проблема, что он отмечает только при первые строчки, а на все остальное не реагирует. Надеюсь я понятно объяснила, может с кодом станет ясней... <div class="menu"> <input type="checkbox" id="Hot" data-bind="value:cost" value="" class="chk"> <a data-bind="text:name,click:function(){$root.saveReservation(this)}" href="#"></a> <span data-bind="text:cost"></spam> <p data-bind="text:engrediens" class="structure">Текст</p></div> self.saveReservation = function(obj){ $("#"+obj.category).attr("checked","checked"); …

    Asked by Dirada,

    0 votes
    3 answers

  15. Помогите с Copy/past

    нужно чтобы при копировании текста (в Ворд) со страницы сохранялось исходное форматирование(перенос на другую строку). текст ПРОБЛЕМУ РЕШИЛ (открыл в опен-офисе вставил в дрим-вивер)

    Asked by worldown,

    0 votes
    4 answers

  16. Помогите с css

    <div class='gmtop'><img src="gm.png" width="40" height="25" /></div><div class='gmmain'>Информация!!!</div> СSS .gmtop{ background: url(book.gif) no-repeat right; padding: 3px; width: 99%; } .gmmain{ -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #FAFCFE; border: 1px dotted #465584; color: #465584; padding: 2px; width: 99%; } Вопрос в том, как мне сделать таблицу по длине текста, а не вот так. Что надо сделать что бы обрезала под текст столбец, а не показывала его во всю ширину???

    Asked by angelShlesser,

    0 votes
    1 answer

  17. Помогите с css

    Подскажите пжалста как реализовать в css чтоб при наведении курсора на отдельную таблицу она выделялась другим цветом? в общем также как на этом сайте _http://mon1toring.ru/ как я понял что тут это делается two-tiers.css : /* "Two Tiers" for BF2S.com by Jeff Minard */ a { color: #a9a89c; text-decoration: none; border-bottom: 1px dotted #595853; } A:hover { color: #800000; /* Цвет ссылки при наведении на нее курсора мыши */ text-decoration: underline; /* Добавляем подчеркивание */ } a img { border: 0; vertical-align: middle; } hr { display: none; } a img { border: 0; vertical-align: middle; } hr { display: none; } html, body { margin: 0; padding: 0; color:…

    Asked by IOzer,

    0 votes
    33 answers

  18. Помогите с CSS

    Здравствуйте! Помогите с CSS, не получается избавиться от лишней черты под пунктом "Задание 3", а так же пункт между пунктом "АСТРОЛОГИЯ" и "Урок 4" увеличить отступ. Заранее спасибо! <html> <head> <title></title> <style type="text/css"> #category ul { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; text-transform: uppercase; list-style: none; } #category #cat1 ul { margin-top: 10px; margin-bottom: 0px; margin-left: 8px; padding-left: 11px; text-transform: none; list-style: square; } #category #cat1 ul li{ margin-bottom: 7px; border-bottom: 1px solid #dadada; } #category #ca…

    Asked by ervin,

    0 votes
    5 answers

  19. Помогите с CSS

    Есть табличка как сделать чтоб border не обрамлялся несколько раз в некоторых местах. <table width="738" cellpadding="0" cellspacing="0" id="img_roul"> <tr> <td width="52"><table cellspacing="0" cellpadding="0"> <tr> <td width="50px" height="90px">0</td> </tr> </table></td> <td width="602"><table cellspacing="0" cellpadding="0"> <tr> <td width="50px" height="30px">3</td> <td width="50px">6</td> <td width="50px">9</td> <td width="50px">12</td> <td width="50px">15&…

    Asked by Kochevnik,

    0 votes
    7 answers

  20. Помогите с css

    для меню нужно сделать стиль активной ссылки - вот что прописал но не работает, при наведении срабатывает и потом возвращается в исходный стиль.. вот код, заранее спасибо огромное. это wordpress уже всяко делал КОД часть header ———-- <div id="hmenu"> <!-- Horizontal navigation menu --> <ul> <li><a class="v" href="<?php echo get_settings('home'); ?>"><?php _e('Home', 'f2') ?></a></li> <?php wp_list_pages('title_li=&depth=2&sort_column=menu_order&exclude='.f2_option('hmenu_exclude')) ?> <li class="hmenu_rss"><a href="<?php bloginfo('rss2_url'); ?>"><?php _e('Feed', 'f2') ?>&lt…

    Asked by viso,

    0 votes
    4 answers

  21. Помогите с css

    Помогите настроить ксс в одном элементе: Вот страничка с ксс: http://rghost.ru/35876198 Наведите сюда: Между двома кнопками есть расстояние: Как его убрать? я уже задолбался его убрать, а ему пофиг

    Asked by T@NKIST,

    0 votes
    2 answers

  22. Помогите с CSS

    Привет. Firebug-ом нашел элемент, подправил html код. С права появился element.style с параметрами. В какой css необходимо его прописать я никак не пойму. Подскажить плиз...

    Asked by cosmen,

    0 votes
    5 answers

  23. Помогите с CSS

    Здравствуйте! Скажите, пожалуйста, как поднять текст вверх! http://ned.ygastik.ru/content/1-komn53-m2

    Asked by 561144,

    0 votes
    1 answer

  24. Помогите с CSS

    В Firefox картинка слайдера ушла в сторону, текст на кнопках "В корзину" находится слишком низко... - http://yari-design.ru/tovar/2014/kedr

    Asked by 561144,

    0 votes
    8 answers

  25. Помогите с CSS

    В браузере Firefox картинка слайдера ушла в сторону.. http://yari-design.ru/tovar/2014/mnogoletniki24 Я пытался подключить отдельные стили для Mozilla, не получилось - http://bolknote.ru/2008/03/14/~1623#14

    Asked by 561144,

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