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. Новостной блок на несколько страниц и кнопки-ссылки из единой картинки.

    Всем доброго дня. Есть пара вопросов по практике сайтостроения. Вопрос 1. Самый важный. Прочел уже несколько книг и посмотрел много видеокурсов, но вот на практике очень быстро натолкнулся на проблему, которую не знаю как решать. Есть главная страница сайта, главная, центральная часть которой занята новостным блоком. Как организовать, чтобы при достижении новостным блоком энного размера или энного количества новостей, при определенных нужных мне условиях в общем, появлялась полоса с кнопками нумерации страниц и лишние новости уходили на страницу 2 (ну или впоследствии дальше)? Причем, было бы меленько, если бы мы при клике на «2» не уходили с Индекс.ХТМЛ, а меняли лишь …

    Asked by Падди,

    0 votes
    9 answers

  2. Не работает Lightbox

    Здравствуйте! У меня сложилась такая ситуация: 1. Скачал и установил лайтбокс с официального сайта, далее по этой инструкции его установил: http://webors.in.ua/31-instruktsii/49-podklyuchenie-lightbox-2-6-k-stranichke-sajta.html 2. Вот мой хэд: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License Name : OfficialWork Description: A two-column, fixed-width design with dark color scheme. Version : 1.0 Released : 20121012 --> <html xmlns="http://www.w3.org/199…

    Asked by Megavolt,

    0 votes
    9 answers

  3. Скошенный угол перед блоком

    Здравствуйте! Подскажите, пожалуйста, как правильно сверстать блок меню, который изображен на картинке. Вот ссылка на верстку меню - http://jsfiddle.net/t2363/ Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    7 answers

  4. Приостановить событие с OnClick()

    Есть страница на которой поисходят события по клику мышки..Но при выборе пункта я хочу чтоб это событие не срабатывало а потом вновь работало... в голову приходит следующее глобальная переменная var ClickPoSsilke=true; Если произошел клик по ссылке то ClickPoSsilke = false; $('.cubespinner').click(function(e){ если ClickPoSsilke = true то выполянем код

    Asked by romoga,

    0 votes
    13 answers

  5. font

    В каком именно файле шаблона надо искать, чтоб поменять цвет системных сообщений:http://truebooks.ru/newposts/? <font color="#FF0000"><b>Непрочитанных вами публикаций на сайте не найдено.</b></font> ???

    Asked by JohnBondlock,

    0 votes
    4 answers

  6. Отступ от края

    Очень прошу помощи, при width: 100%; у дива сохраняется отступы от краев, как это устранить без появления горизонтальной прокрутки?

    Asked by drevil37,

    0 votes
    2 answers

  7. Как правильно рассчитывать ширину столбцов и отступы разметки?

    Всем привет! Не могу понять как правильно рассчитывать ширину и отступы для шаблона, где часть разметки по столбцам. По этому примеру как например. от синей линии до синей 940 px. Как рассчитывается? http://savepic.net/4529616.htm

    Asked by Bava,

    0 votes
    2 answers

  8. Нужна помощь с версткой почтовой рассылки

    Товарищи, помогите пожалуйста, хотя бы направлением на путь истинный, а ещё лучше конкретными советами. Верстке только учусь, поэтому, пожалуйста, не сердчайте. Есть макет для e-mail рассылки, и его нужно сверстать таблицами, без маппинга и внешних стилей, только внутренние. Не могу придумать как лучше поступать с изображениями товаров.

    Asked by Nick.J.Fry,

    0 votes
    8 answers

  9. Установить фото фоном через админку

    Или не через админку. Добрый день, уважаемые. Помогите, пожалуйста, девушке-ламеру. В общем, есть несложненький в общем-то сайт с админкой, где все редактируется через html (все - это в смысле каждый раздел в отдельности). Мне надо в этих разделах поставить фоном фото, причем с заданными размерами и так, чтобы поверх можно было наложить контент. Блок div не сработал, обычные команды и подавно. Пыталась вставить через код админки - вообще чуть к чертям все не снесла. Что вы можете посоветовать, какое решение? Если надо, дам коды всего, только помогите, пожалуйста. Спасибо.

    Asked by doremarka,

    0 votes
    1 answer

  10. Как выбрать только первые <li> без вложенных <li>

    Здравствуйте, подскажите как в данном коде : <ul class="spisok"> <li><a>Home</a></li> <li><a>Home</a> <ul> <li>Home</li> <li>Home</li> <li>Home</li> <li>Home</li> <li>Home</li> </ul> </li> <li><a>Home</a></li> <li><a>Home</a> <ul> <li>Home</li> <li>Home</li> <li>Home</li> <li>Home</li> <li>Home</li> </ul> </li> <li><a>Home</a></li>…

    Asked by alacka,

    0 votes
    1 answer

  11. Выбор способа разметки двух колонок

    Имеется: два столбца, левый - фиксед, правый - резинка, обернуты контейнером. Требуется: подобрать способ разметки, желательно простой и удобный, или указать на достоинства и недостатки приведенных ниже способов, найденных мной в интернете. 1й: http://jsfiddle.net/2ydUW/3/ 2й: http://jsfiddle.net/2ydUW/2/ HTML: <!DOCTYPE html><html> <head> <title>var. 2</title> <link rel="stylesheet" href="css/main.css"> <script src=""></script> </head> <body> <div class="wrap"> <div class="leftColumn"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis odio odio, vel dignissim elit sodal…

    Asked by Kenshi24,

    0 votes
    4 answers

  12. Помогите настроить валидность верстки!

    Проблема состоит в следующем: Имеется скрипт выдвижного меню, вот сам код: И все бы хорошо, все установилось. НО validator - выдает вот такое сообщение при проверке: Я так понял это связано с атрибутом "onClick" - Помогите, как это можно исправить?

    Asked by AticMeN,

    0 votes
    2 answers

  13. Виджет "Мне нравится"

    Здравствуйте. Тут такая проблемка, мне нужно сделать несколько фотографий и виджет "Мне нравится" от ВК в 1 строку. У меня идет так: А как в эту же строку добавить лайк?

    Asked by kibnerk,

    0 votes
    2 answers

  14. Сделать кнопку меню активной

    Здравствуйте! Есть такой код <div class="topmenu"> <ul> <li><a href="/"><span><img src="catalog/view/theme/default/image/home_icon.png" alt="Главная" /> Главная </span></a></li> <li><a href="/"><span>Доставка</span></a></li> <li><a href="/"><span>Оплата</span></a></li> <li><a href="/"><span>Сотрудничество</span></a></li> <li><a href="/"><span>Акции</span></a></li> <li><a href="/contact-us"><span>Контакты</span></a></li></…

    Asked by kastahhls,

    0 votes
    2 answers

  15. Прикрутить php к форме обратной связи.

    Есть форма обратной связи.Ну уж оочень красивая...но пустышка, т.е. болванка с mail-to Где почитать последовательно как делают скрипты для отправки почты я так понимаю лучший вариант это php, но где-то слышал и про ajax

    Asked by romoga,

    0 votes
    1 answer

  16. булет списка с символом ® кажется приподнятым

    Всем привет, Подскажите, пожалуйста, есть список <ul> со списком li и перед каждым элементом li есть булет. В тексте одного из элементов есть символ ® и поэтому этот элемент получается более высокий и булет этого элемента кажется более приподнятым по сравнению с булетами других элементов. Установка для этого элемента : <li style="line-height:12px;" ><li style="max-height:12px;" ><li style="height:12px;" >не помогло ... как это побороть?

    Asked by mstdmstd,

    0 votes
    5 answers

  17. Синтаксис градиентов

    Собственно сабж: На htmlbook'e, в теме про градиенты написано: В книге Макфарланда "Большая книга CSS3" про ключевое слово "to" ничего не сказано, все примеры приводятся без него, самый простой пример: background: linear-gradient(top left, black, white);Еще заметил, что данный пример не работает без браузерных префиксов, а пример на htmlbook'e работает без префиксов. Почему так происходит? И почему в книге приведен один синтаксис, а на htmlbook'e другой. Еще одно различие: в книге Макфарланда сказано: В то время как на htmlbook'e написано: Помогите разобраться.

    Asked by Aleksandr.L,

    0 votes
    3 answers

  18. Помогите с гребанным кубом

    Сколько возьмете чтоб куб вращался наместе а не бегал. вот адрес lesnoe.zz.mu там стили и скрипт все вместе...

    Asked by romoga,

    0 votes
    7 answers

  19. Растянуть блок div

    Есть блок HTML <div class="sidebar" id="sideRight">{include file="sidebar.tpl"} </div><!-- .sidebar#sideRight -->CSS #sideRight {float: left; margin-right: -3px; width: 250px; margin:-100px 0 0 -250px; position: relative; background:#fff;height:100%;}Нужно его растянуть на все высоту (чтобы и футер перекрывал)задавал height:100%; и html и body не помогло Помогите как сделать ?

    Asked by nimens,

    0 votes
    0 answers

  20. Не пойму как сделать вкладки

    Вот пример - http://jsfiddle.net/7amQP/ Необходимо чтобы желтый цвет сливался, то есть, сама вкладка должна быть одним целым с содержанием. Не могу понять как убрать разделитель. Надо чисто визуально сделать, без переключений, анимации нажатия и т.д.

    Asked by alleclf,

    0 votes
    2 answers

  21. Не проходит валидность атрибут data-lightbox

    Здравствуйте уважаемые. Столкнулся с такой проблемой, установил на сайтгалерею от lightbox, всё бы ничего, но не проходит валидность атрубут data-lightbox="example". <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Проблема с валидностью lightbox</title><!-- Light-Box --> <script src="http://netalkonarko.ru/js/modernizr.custom.js" type="text/javascript"></script> <script src="http://netalkonarko.ru/js/jquery-1.10.2.m…

    Asked by 13bis,

    0 votes
    5 answers

  22. Вопрос про баннеры рекламы!

    Здравствуйте Все знают что такое баннеры и что такое реклама на сайте! Бывают сайты где более сотни страниц и на всех есть баннер с рекламой! Ситуация в чём например изменился рекламодатель как они меняют рекламу не будет же один ну или десять админов рыться во всём сайте и так практически каждую неделю(ибо рекламодатель меняется довольно часто). ВНИМАНИЕ ВОПРОС: Как управляют этим большим количеством баннеров? Мои предположения смотрят на CSS или базы данных.

    Asked by ksenon,

    0 votes
    6 answers

  23. не могу положить анонс поста в нужный блок

    Верстаю свой первый сайт и как говорится чем дальше в лес, тем толще партизаны) Дано: страница блоками в 3 колонки. В блок для контента, собственно не могу положить контент. Выпадающее меню из хедера, выпадает под блоки, а не над ними как это задумывалось. По ссылке ниже поясняющий скриншот и коды. http://img-fotki.yandex.ru/get/9250/194585002.7/0_1037d7_8de70015_XL.jpg <div class="layout"> <div class="sidebar1"> <p>Левый Сайдбар</p> </div> <div class="content-main"> <br /> <br /> <div class="content"> <div class="post-main"> <h1>…

    Asked by fa_t,

    0 votes
    1 answer

  24. Заголовки

    Есть несколько вопросов по заголовкам: На сайте http://www.w3.org/ есть боковые колонки, одна с навигацией, другая с новостями. Названия подразделов оформлены заголовками третьего уровня в обеих колонках, а названия самих колонок имееют второй уровень, но при этом они при помощи css срятаны за пределами экрана. Я так понимаю, это сделано для соблюдения своих же стандратов, а именно четкая иерархия заголовков, когда перед h3 обязательно должен стоять h2 и т.д.? Стоит/обязательно ли так делать всем остальным? Не накажут ли за это поисковики? При выборе уровня заголовка, во время верстки по макету, стоит руководствоваться размерами шрифта, которые задал дизайнер (не зря…

    Asked by Bassline,

    0 votes
    1 answer

  25. Прослонящиеся и нет блоки div

    Всем привет. Ребят помогите с версткой, прилагаю образец, результат, код. Как надо - У меня получилось так - проблемы - 1) 1 и 2, 3 и 4, 5 и 6 блоки (блоки категорий) должны находится на одной высоте по отношению к друг другу 2) "подкатегории" должны прилипать друг к другу 3) лишний отступ код: <div class="category_list"> <div class="category"><div class="title">Дизайн-студия</div><div class="subcategory_list"> <div class="subcategory"><div class="bullit"><img src="img/bullit.png" alt=""></div><div class="subcategory_desc"><a>Айдентика:</a><span>разработка логотипов, фирменных стилей, бре…

    Asked by bpystep,

    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