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. Подскажите методику верстки

    Здравствуйте. Попросили меня друзья сделать им заглушку временную, которая будет им письма отсылать. Форму отправки я им минут за двадцать собрал, а версткой я никогда профессионально не занимался, и есть вопросы как лучше поступить. Макет выглядит вот так: https://dl.dropboxusercontent.com/u/26408101/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82.PNG Я немного знаю css, ну то есть понимаю что такое класс, селектор, блок, отступ итп, но опыта у меня нет, планирую гуглить =) Картинка эта у меня есть в векторе со всеми элементами. У меня основной вопрос, что делать картинками, а что элементами CSS, что запихивать в фон, а что как. В обще у меня не хватает знания техник CSS современных. По…

    Asked by Curaudo,

    0 votes
    1 answer

  2. Подскажите на какой сms сайт?

    Не могу различить просто верстку от использования кмс. Хочу сделать похожий сайт под интернет магазин, что то в таком плане. https://cham.com.ua Как лучше поступить? Возможно стоит вручную попытаться сверстать?

    Asked by emetsalist,

    0 votes
    2 answers

  3. подскажите на чем сделано это меню

    Понравилось как сделано меню на сайте: http://www.accrweb.com/ (при наведении мышью на пункты меню оно потихонечку выезжает) Знатоки подскажите с помощью какого фреймворка сделан этот эффект ? jQuery + что то еще? Скрины с сайта: PS Буду очень признателен если кто то направит гуглить в нужном направлении - ато я даже не пойму что искать...

    Asked by test777,

    0 votes
    2 answers

  4. Подскажите название слайдера

    Подскажите, что это за слайдер: http://themes.designova.net/?theme=realm ( http://savepic.su/4946345.png ) Как он называется и может, кто знает, где такой можно скачать? Или что-нибудь, наподобие этого слайдера.

    Asked by Alfa2015,

    0 votes
    4 answers

  5. Подскажите название слайдера

    Как-то и где-то видела сайты в виде слайдера. Там, еще сбоку индикаторы (курсор подводишь к индикатору и отображается название меню), а посередине контент. Как называется такой слайдер, не могу найти... Схематически набросала, вот такой к примеру..

    Asked by Fendia,

    0 votes
    1 answer

  6. Подскажите насчет FLOAT

    Есть блочные элементы, при задании float для блока leftbar этот блок выезжает за пределы родительского блока maintext по высоте. Если float убрать то все становится нормально - высота родительского блока = контексту внутри. Нашел решение добавить блок-распорку со значением clear: both, но хотелось бы разобраться с этим явлением для своего образования. Можно ли это как нибудь исправить, заранее спасибо <html> <head> <style> #carrier { width: auto; background: gray; padding: 10px; margin: 0 10%; border: 1px solid green; } #maintext { width: auto; background: white; border: 1px solid red; } #leftbar { width: 200px…

    Asked by Kiar25,

    0 votes
    5 answers

  7. Подскажите начинающему

    Уважаемые юзеры возможно вопросы имеют очевидные ответы для вас, но я новичек в верстке, только осваиваю и не всегда получается найти ответы на все возникающие вопросы, будьте любезны подсказать или ответить на два вопроса: 1) Первый вопрос касается тега <object> Читая литературу по XHTML я пришел к выводу что тег <object> предназначен не только для вставки мультимедия , но также но по стандартам W3C должен заменить тег <img>. Возник вопрос, почему сегодня в сайтах его не применяют? То есть хотелось бы понять в чем сложность его применения как альтернативы <img> и как должен выглядеть тег <object> с картинкой? В качестве ответа мне интере…

    Asked by Серый*,

    0 votes
    4 answers

  8. Подскажите начинающему

    Добрый день, извените за нюбский вопрос но всеже, никак не могу решить вопрос: есть див с ширеной 90% надо его отцентрировать и растянуть на всю высоту страницы, чтото у меня не получается( Вот код: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>TEST</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <center> <div style="display:block; width:100%;"> <div class="main">bla bla bla</div> </div> </center> </body> </html> Вот CSS: body, html{background-color…

    Asked by GLaZz,

    0 votes
    8 answers

  9. Подскажите начинающему

    <div style="width: 600px; height: 500px; "> <div style="position: absolute; bottom: 15px; right: 15px;"> <img src="i/string_line.png"></img> </div> </div> Почему картинка позиционируется относительно окна браузера, а не родительского div'а? Как сделать, чтобы было относительно родительского div'а?

    Asked by oke11o,

    0 votes
    3 answers

  10. подскажите начинающему

    Господа, если не трудно, помогите разобраться border-left-style - это понятно, стиль границы слева от элемента, а вот это - border-left-style-ltr-source: physical; не могу понять заранее спасибо.

    Asked by fanatikus,

    0 votes
    7 answers

  11. Подскажите начинающему

    Всем здрасте. Не могу вникнуть, как к картинке в портфолио на сайт подвязать ещё и текст описания рядышком, как на фото. <div class="col-md-4 col-ms-6"> <div class="g-item"> <img src="images/gallery/g2.jpg" alt=""> <a data-rel="lightbox" class="overlay" href="images/gallery/g2.png"> <span>+</span> </a> К этому что-то добавить, а вот что ума не приложу. На фото как хотелось бы, а по факту у меня просто картинка без описания. За…

    Asked by radamant01,

    0 votes
    1 answer

  12. Подскажите начинающему веб разработчику.

    Здравствуйте! Мой вопрос возможно покажется странным и очень лёгким для многих, но поверьте я запутался и никак не могу разобраться. Есть желание и нужда стать веб разработчиком. Знаю HTML, CSS(довольно хорош),JS(поверхностно), PHP(общие понятия). Читал много статей о том как создавать серьёзные сайты. Некоторые пишут что надо писать код с нуля, другие что можно взять фреймворк и подогнать под себя. Внесите ясность как всё-таки на сегодняшний день создаются сайты? Если писать код с нуля то и админ панель с нуля программировать?

    Asked by cryptus,

    0 votes
    8 answers

  13. Подскажите начинающему.

    Доброго времени суток, форумчане. Совсем недавно стал осваивать граф. редактор Adobe Dreamweaver CS3. Проблема в следующем: Вместо отображения всех элементов сайта в графическом режиме имею вот такие строки: {include file="topmenu.tpl"} , ясно, что это отдельный файл и за ним, точнее, чтобы редактировать его, мне приходится открывать его в другом окне - что очень неудобно. Подскажите - какие настройки стоит пощёлкать, чтобы сайт отображался без данных "включений" а полностью. Заранее благодарю.

    Asked by BogdanfM,

    0 votes
    2 answers

  14. Подскажите недорогой нормальный хостинг с подробными интрукциями

    Здравствуйте Хочу начать работать с сайтами на сервере, но пока не ориентируюсь почти что в этом. Каких то особых требований наверное нет. Достаточное дисковое пространство, поддержка скриптов, FTP, CMS... стандартный набор для функционирования полноценного небольшого учебно-тренировочного сайта. Недорого или "бесплатно". Без рекламы. Выделенный сервер тоже не требуется. Если там будут подробные инструкции по настройке то вообще будет замечательно просто. Также приветствуются ссылки объясняющие эту тему. Какова на сегодня ситуация с регистрацией доменных имен в зоне .ru? сколько оно стоит? Все ли уже "забиты"? Что порекомендуете?

    Asked by Starter,

    0 votes
    1 answer

  15. подскажите немного

    Скажите будте так добры 1.правельно ли написан код <div id="apDiv1" style="position: absolute; left: 213px; top: 20px; width: 492px; height: 130px; z-index: 1; text-align: center; background-color: #336633; layer-background-color: #336633; border: 1px none #000000;"><h3>НАВИГАТОРЫ</h3> <ul> <li>ля-ля-ля-ля</li> <li>ля-ля-ля-ля</li> <li>ля-ля-ля-ля</li> </ul> </div> <div id="apDiv2" style="position: absolute; left: 711px; top: 20px; width: 492px; height: 130px; z-index: 2; text-align: center; background-color: #006699; layer-background-color: #006699; border: 1px none #000000;">&lt…

    Asked by ppvkomi,

    0 votes
    22 answers

  16. Подскажите новичку

    Ребята, всю голову сломал, как добиться такого эффекта?Может кто урок подскажет или советом поможет? http://tripict.com/0037/compact/l.html Сразу под музыкальном плеером Что это?Выдвигающаяся кнопка или что?

    Asked by dance7,

    0 votes
    2 answers

  17. Подскажите новичку как обратится к div блоку

    Господа помогите разобраться у меня есть несколько блоков которые генерирует drupal вот они <div id="search"> <div id="block-search-0" class="block block-search block-odd region-odd clearfix "> <div class="content"> <form id="search-block-form" method="post" accept-charset="UTF-8" action="/jaans/"> </div> </div> </div> дело в том что во всех блоках сайта стоит одно и тоже css свойство border:1px grey; но мне нужно именно получить доступ к div class="content" что бы убрать рамку. Если убирать рамку просто в div .content то рамка убирается везде. Буду благодарен за ответ

    Asked by jaans,

    0 votes
    4 answers

  18. Подскажите новичку, пожалуйста.

    Здравствуйте. Недавно начал изучать: сначала HTML, затем CSS. Потом решил создать свой сайт, примерно вот как этот http://www.technoavia.ru Вроде бы все шло хорошо, но потом, когда попробовал открыть сайт при других разрешениях - ооооо, какой кошмар меня ожидал. Я так понимаю знаний HTML и CSS не хватает, чтобы сделать нормальный сайт. Подскажите пожалуйста, что мне нужно еще изучить, (и где), чтобы создавать сайты, такие как указано выше. Flash-анимацию и др. штучки применять не собираюсь. Заранее спасибо.

    Asked by teserow,

    0 votes
    7 answers

  19. Подскажите новичку,ПЛИЗЗ!

    Люди добрые! Подскажите! Только начинаю разбираться. На сайте появился чужой попандер (признаюсь, что только благодаря ему приняла решение изучить HTML,CSS). Так как плохо разбираюсь в кодах, просматривая редактор вводят в ступор: "...а что тут написано?" На самом деле, подскажите, что тут написано: </div> <!-- wrapper --> </div> <!-- container --> <div id="footer"> <div id="footer_credit"> Авторские права © <?php echo date('Y'); ?> <a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>.<br> </div> <!-- <?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?&…

    Asked by bond312,

    0 votes
    4 answers

  20. Подскажите новичку:)

    html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href="style.css" rel="stylesheet" type="text/css" media="screen"/> <title>Мой первый шаблон</title> </head> <body > <div class="body_wrapper"> <div class="conteiner"> <div class="header"> <div class="header_logo"> <h1><span></span></h1> <div class="search"> <form action ="http://www.vkontakte.ru"> <div> <h3>Search:</h3&gt…

    Asked by Xepb,

    0 votes
    9 answers

  21. Подскажите новичку:)

    Есть блок: #content { /*Центральная колонка*/ margin: 25px 275px 0 275px; /* Отступ на ширину левой и правой колонки*/ background:#00FF00; } Как в него вставить рамку-изображение?

    Asked by Heaven,

    0 votes
    2 answers

  22. Подскажите нубу

    Начал изучать сайто-строение, для примера решил сделать сайт о группе SOAD... вот код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset="utf-8"> <title>SOAD</title> <style> .center { width: 800px; /* Ширина элемента в пикселах */ height: 1000px; padding: 10px; /* Поля вокруг текста */ margin: auto; /* Выравниваем по центру */ background: #000000; /* Цвет фона */ } body { background: #333333; /* Цвет фона */ color: #fff; /* Цвет текста */ } </style> </head> <body> <div class="center"> <img src="shapka.png" widt…

    Asked by IgnatVoronov,

    0 votes
    8 answers

  23. Подскажите нужный синтаксис, плз

    Наставьте чайника на путь истинный, плз... В примере реализации меню, его содержимое берётся из div-ов расположенных внутри одного div class="notebook": .notebook > input:nth-of-type(1):checked ~ div:nth-of-type(1),.notebook > input:nth-of-type(2):checked ~ div:nth-of-type(2)...А как написать, чтобы содержимое бралось из div-ов расположенных вне div class="notebook", а например из div class="book"? Понимаю, что вопрос очень нубский, заранее прошу прощения у гуру...

    Asked by Buendia,

    0 votes
    5 answers

  24. Подскажите нужный слайдер

    Добрый день! Подскажите пожалуйста слайдер, который бы работал по следующему принципу: - Есть некий блок с "Новинками" товаров - У каждого товара (внутреннего блока) задана фиксированная ширина (в px) - При уменьшении окна браузера, если то количество товаров, которое было показано первоначально, не влезает в родительский блок, то добавляется еще один слайд (кнопка слайдера), а количество товаров соответственно уменьшается (отступы между блоками товаров должен автоматически выровниться по ширине. Чтобы понять, как это должно работать, можно обратиться к рисунку:

    Asked by Bryant-24,

    0 votes
    1 answer

  25. Подскажите ошибки

    Здравствуйте, начал учиться верстать, сверстал 3 макета, подскажите пожалуйста, есть ли какие-нибудь глобальные ошибки? Сайт 1 Сайт 2 Сайт 3 спасибо.

    Asked by cruel09,

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