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. объясните поведение блока

    Добрый день. Вот код: <body style="background: #ddd"> <div style="background: #fff; border: 0px solid black;"> <!-- div #1 --> <div style="margin-top: 100px"> <!-- div #2 --> <span>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</span> </div> </div> </body> В таком виде див №1 отображается как узенькая полосочка, отстоящая сверху на 100 пикселей. Если в его стиль добавить рамку (в стиле достаточно исправить толщину с нуля на единицу), то он раздвигается по высоте (так и было задумано, но без рамки). Почему так происходит?

    Asked by stalker_2000,

    0 votes
    2 answers

  2. Объясните поведение элемента во всех браузерах

    http://vsegarazd.com/nikita/test/ на этой странице список отображается вертикально в ряд, а должен горизонтально в ряд я не первый день версткой занимаюсь, но принцип отображения понять затрудняюсь, ul абсолютно отпозиционирован, если убрать left:900px; отображение становится правильным пример кроссбраузерный, кода совсем чуть-чуть, профессионалы помогите разобраться

    Asked by Mal4ishnik,

    0 votes
    6 answers

  3. Объясните пожалуйста

    Объясните пожалуйста,как позицию картинки вы задаёте? Например я в фш сделаю меню для сайта, вставлю в тег <div> Как задавать расположение? Или расположение в фш задаётся?

    Asked by vtracer,

    0 votes
    1 answer

  4. Объясните пожалуйста как исправить

    Вот в чем проблемка. вот код странички с требуемой таблицей. суть в том, что боковые ячейки заданы, а ширина средней определяется, как остаток. <html> <head> <title>Таблица</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> html {width: 100%; height: 100%; padding: 0px; margin: 0px;} body {width: 100%; height: 100%; padding: 0px; margin: 0px; background-color: #dddddd;} .main {padding: 0px; margin: 0px; border-collapse: collapse; width: 100%; border: none;} .main td {padding: 0px; margin: 0px; border: none;} </style> </head> <body> <table class="main" cellpadding="0" …

    Asked by PEOP,

    0 votes
    9 answers

  5. Объясните пожалуйста новичку

    Этот вопрос может показаться смешным, но я еще только начинаю изучать верстку и все что с ней связано, поэтому прошу людей знающих в этой области подсказать: пожалуйста, объясните взаимодействие движка и системы управления и как во все это вписывается PHP? Правильно ли я поняла, что движок, это тот, который управляет файлами на хостинге, их структурирует, а система управления, это та, которая управляет движком? Тогда какое место занимает PHP? Спасибо

    Asked by Yarkaya,

    0 votes
    9 answers

  6. Объясните пожалуйста, как работает min-width

    Здравствуйте. Не совсем понимаю, как работает min-width. 1) http://jsfiddle.net/vso3L62k/16/в этом примере width=50%, min-width= 400px. Мы наблюдаем, что при уменьшении окна ширина блока уменьшается, до тех пор пока не станет 400px. 2) Если мы ставим width diva не 50%, а 1000px. min-width делаем 200px. То почему при уменьшении окна браузера размер блока не изменяется, а появляется ползунок?

    Asked by sultanova,

    0 votes
    4 answers

  7. Объясните пожалуйста, как сделать

    Мне нужно сверстать шапку. Ее размер 1024px Мне показалось этого мало, и по моей просьбе дизайнер сделал ее 1500 добавив незначительные детали. Таким образом я стал иметь 1024 полезной инфы и и 476 не особо важной... Мне нужно сверстать шапку таким образом: возьмем к примеру минимальную ширину браузера 1024px. Распилем шапку на три части... 238 1024 238 Надо сверстать DIVами чтобы центральная часть была фиксированной ширины, по центру. а левая и правая часть расширялись в зависимости от разрешения экрана. Это делается до безобразия просто на таблице <table width="100%"> <tr height="500"> <td> </td> <td width="1024px"> </td> <td>…

    Asked by squard,

    0 votes
    9 answers

  8. Объясните пожалуйста. Проблема с сайтом.

    Есть сайт на html, точнее их несколько, решил на всех отредактировать цены, то есть первая цена зачеркнута а рядом цена новая на нескольких в index.html отредактировал сам а вот в других не получается ссылки на те самые цены имеют вид index.html#nazvanie uskugi, собственно вопрос как их отредактировать.

    Asked by rjj,

    0 votes
    1 answer

  9. Объясните простую вещь чайнику

    Не знаю ответят ли мне на такой тупой вопрос, но пожалуйста ответьте как мне вставить фотки в готовый альбомчик, вот тут его дают http://help-html-css.narod.ru/photoalbum-css-1.html Я такой безнадежный необучаемый чайник, что у меня даже это не получается, а альбомчик нравится. Два раза пожалуйста и очень медленно, плииз. Я на народе поселилась, а они на форуме не регистрируют кажись. Если я в чем нибудь продвинусь, вопросы будут поумнее, а пока хоть бы альбомчик забацать )))

    Asked by Saby,

    0 votes
    1 answer

  10. Объясните разницу

    Здравствуйте. Объясните разницу между: html - <a class="more" href="...">Ссылка >>></a> CSS - a.more { ... } и html - <div class="more"><a href="...">Ссылка >>></a></div> CSS - .more { ... } Или можно представлять в обоих примерах?

    Asked by Alex&R,

    0 votes
    15 answers

  11. Объясните разницу в scaffolding bootstrap

    Здравствуйте. Начал заниматься версткой своей поделки на django. С html, css знаком. Вот начал читать документацию bootstrap. Прочитал http://twitter.github.com/bootstrap/scaffolding.html про scafollding, попробовал. не понимаю в чем разница структур: ——————— <div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div> ——————-- <div class="row-fluid"> <div class="span4">...</div> <div class="span8">...</div> </div> ——————-- <body> <div class="container"> ... </div> </body> Объясните ,пожалуйста, разницу? в каких случаях удобнее при…

    Asked by viz9,

    0 votes
    2 answers

  12. Объясните что за различия в отображении рамок (IE, FF, Opera 9)

    Здравствуйте. Я взял такой код для примера. Объясните пож. что здесь происходит. FF3 - толстая черная рамка вылазит из главной таблицы. IE6, Opera 9.63 - отлично. В чем природа событий таких?? Спасибо. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> table, tr, td { margin: 0; padding: 0; border-collapse: collapse; } </style> </head> <body> <table width="600" style="border: 1px solid red;"> <tr> <td …

    Asked by samorealization,

    0 votes
    4 answers

  13. Объясните что значит

    В общем разбираюсь в чистом (пустом) шаблоне joomla 2.5 Так, как я в PHP так себе - прошу вашей помощи, что обозначают некоторые моменты: http://jsfiddle.net/jMu2P/

    Asked by Imperil,

    0 votes
    2 answers

  14. Объясните, как и почему "плывут" столбцы в таблице.

    Не пойму - от чего в Мозилле (2.0) происходит такая вещь: http://www.fbf.ru/zlatopek/ovs.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Златопек</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" rel="stylesheet" type="text/css"></head> <body> <div class="main"> <div id="back"><<<a href="http://www.fbf.ru/"> на главную</a></div> <div id="logo" align="center"><img src="img/logo.gif"></div> <div id="logo2" align="center">&lt…

    Asked by Eirene,

    0 votes
    1 answer

  15. Объясните, пожалуйста, поведение блока

    Сейчас верстаю макет для тренировки, все вроде бы хорошо, да футер уезжает, когда меняю ширину окна браузера. Чтобы не быть голословным, накидал структуру блоков: http://jsfiddle.net/ludwigwoltmann/hP2Xf/ Как можно увидеть, футер не растягивается на ширину экрана при его уменьшении. Я решил проблему, создав обертку для всех блоков, включая футер. Но, может быть есть решение поизящнее? И, самое главное -- почему футер так себя ведет? Почему он не растягивается на всю ширину при изменении масштаба? Заранее спасибо!

    Asked by Ludwig Voltman,

    0 votes
    1 answer

  16. Обычная кнопка

    приветствую. Такая проблема.. есть css *{border:none;} в общем нет ничего особенного... он отключает везде границы... а надо что б одна кнопоччка выглядила как обычно.. по дефолту... несмог подобрать стили... подскажите плз

    Asked by klierik,

    0 votes
    6 answers

  17. обьединение div'ов

    Есть два разных дива. идут они последовательно. А мне бы хотелось бы что бы первый див, наезжал на второй див. В 1 диве расположены кнопки меню. А во втором диве рамка и текст. И мне хотелось бы что бы менюши чуть-чуть сползали на рамку. Можно ли это реализовать как то?

    Asked by sh1va,

    0 votes
    3 answers

  18. Обьединить 2 кода

    Помогите обьединить 2 кода 1 код тор новостей 2 форма блока с названием Вопрос №1 Сейчас выходит картинка, а под ней название( не соответствует дизайну) Дак вот надпись нужно заключить в блок (код приведен ниже №2) Вопрос №2 "ORDER BY date"- (во второй строке кода) выдает тор news- последние добавления, если вставить raiting- то новости выводятся по рейтингу просмотров. А как прописать чтоб новости выходили самые первые(старые) или при каждом обновлении стр. выводились случайные. ———————————————————————————————— <?php $sql_result = $db->query( "SELECT id, title, date, alt_name, category, short_story, flag FROM " . PREFIX . "_post WHERE approve='1' ORDER BY date DES…

    Asked by furaixp,

    0 votes
    0 answers

  19. Обьект сьезжает при маштабировании экрана в браузере

    Пивет всем решил стать не просто верстальщиком а настоящим web - мастером))) и понял что нуждаюсь в одномыслящих людях! Работодатель дал мне пробное задание по верстке,я все сдела, кроме одного - как только меняю маштаб в браузере то наблюдается очень маленький сдвиг кнопки (Обзор)от поля загрузки изображения, знаю что это не професионально так оставлять, вот ссылка - http://texts-web.com/proba/index.html попробуйте изменить масштаб в браузере!

    Asked by majron,

    0 votes
    3 answers

  20. Обьекты на странице залазят друг на друга при изменении масштаба

    При масштабе в 100% объекты верхней секции залазят друг на друга,причем с секциями ниже все в порядке,хорошо адаптируется.При уменьшении масштаба(80%) верхняя секция принимает свой нормальный вид.

    Asked by grsff1,

    0 votes
    1 answer

  21. Обьекты по центру, резиновая верстка

    Как сделать чтобы содержимое DIV вложенного в div.topfooter всегда оставалось по центру в не зависимости от разрешения монитора? http://prodpak.ru/style/

    Asked by Delat,

    0 votes
    3 answers

  22. Обьясните новичку. 3 колонки.

    Здравствуйте, вот есть у меня код <doctype html> <html> <head> <meta charset="utf-8"> <title>3 колонки</title> <link href="footer.css" type="text/css" rel="stylesheet"> </head> <body> <div id="container"> <div id="main"> <div id="all"> <div id="out"> <div id="in"> <div id="center">center</div> </div> <div id="right">right</div> </div> <div id="left">left</div> </div> </body> </html> Обьясните, почему у элементов с id="main" и id="container" нет закрывающего тега </div>

    Asked by lindroos,

    0 votes
    2 answers

  23. Обьясните тупому, чем отличается id="" от class=""?

    Сколько не смотрю исходные коды страниц, везде вижу применение и id="" и class="", только не могу понять чем они отличаются, что в каких случаях применяется и т.д. и т.п. По функционалу вроде одно и тоже, единственная разница, которую заметил - это каким образом записывается в стилях (#id, .class). А еще то, что одному элементу двух и более id не присваивают, а с class история другая... Подскажите?! Может я вообще неправильно это все использую..

    Asked by mozart,

    0 votes
    2 answers

  24. Обязанности верстальщика

    Здравствуйте, уважаемые профессионалы верстки! Хотел бы уточнить такой вопрос: Что должен сделать верстальщик, если в шаблоне есть различные формы, например, такой: Или например, форма подписки на рассылку, голосование или анкеты? Какой функционал входит в обязанности верстальщика?

    Asked by sergey74,

    0 votes
    8 answers

  25. Обязаности дизайнера и верстальщика

    Здравствуйте. Обязан ли дизайнер предоставлять изображения для верстальщика в различных форматах или это задача верстальщика? Например фавикон, по мимо png передавать еще в ico формате. Или курсор например в формате .cur если он нестандартный на сайте.

    Asked by massef,

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