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. Вертикальное меню

    Есть вертикальное меню.Задана его точная ширина.В этом меню есть 6 пунктов, каждый из которых должен быть одинаковой ширины и чтоб текст был выровнен по центру каждого <li>. Нужно ,чтобы border был не на весь <li> , а только на <a> , но если так в коде указать то уменьшается сам пункт меню. Вот исходный код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Art Печенье</title> <style> body,html{ margin:0px; padding :0 px; } a{ text-decoration:none; color:#ffffff; } .center {display:block; margin:0 auto;} ul#mainNav { margin-left:70px; margin-top:70p…

    Asked by averin13,

    0 votes
    4 answers

  2. вертикальное меню

    проблема такая. на работе до меня был создан сайт. в нем было горизонтальное меню. теперь начальству понадобилось вертикальное. в html мало чего понимаю, в гугле ничего вразумительного не нашел. меню задается на каждой странице вот таким образом <div id="container"> <div id="header"> <p> <!--<h1> </h1>--> </p> <p> </p> </div> <div id="menu"> <ul id="navlist"> <li><a href="contacts.html">Контакты</a></li> <li><a href="nashi_uslugi.html">Наши услуги</a></li> <li><a href="mastera_i_studii.html">Масте…

    Asked by Хелкар,

    0 votes
    9 answers

  3. Вертикальное меню

    Здравствуйте, я бы хотел узнать ваше мнение. Была задача сделать верстку вертикального меню, уже с готовой структурой, как показано здесь Появилась проблема что при переключении пунктов, меню смещалось (вниз вверх), из-за того что выделенный пункт имел большую высоту, для этого я сделал одинаковую высоту как выделенным и невыделенным пунктам. Появилась следующия проблема, расстояние между пунктами было слишком большое. Вопрос возможно ли уменьшить расстояния и при этом что б пункты не смещались? (Основная проблема в картинке которая обозначает выделенный пункт) Ссылка на сайт: http://aca.computers.net.ua/ru/cus_env/ Структура меню: <div class="vert-menu-box"> &l…

    Asked by alleg,

    0 votes
    2 answers

  4. Вертикальное меню

    Здравствуйте. Есть вертикальное css-меню, но отображается только первый пункт: <ul id="vemenu"> <li><a href="/">Меню1</a></li> <li><a href="/">Меню2</a></li> <li><a href="/">Меню3</a></li> <li><a href="/">Меню4</a></li> <li><a href="/">Меню5</a></li> <li><a href=""/>Меню6</a></li> <li><a href="/">Меню7</a></li> </ul> …

    Asked by param,

    0 votes
    7 answers

  5. Вертикальное меню

    Нужно реализовать такое меню Моя ссылка. Никак не могу найти более-менее хорошее решение. Может делал кто подобное.

    Asked by chapai,

    0 votes
    1 answer

  6. Вертикальное меню

    Доброго времени суток! есть такая проблема - в вертикальном меню "аккордеон" все время открыт первый пункт... к огромному сожалению это совсем ни к чему, во всяком случае на всех страницах. Как открыть нужные подпункты там где надо, я уже разобрался, а вот как закрыть этот первый пункт не знаю... облазил все... Как все это дело выглядит можно посмотреть тут: http://perfectionstudio.ru/palve/index.html, если надо напишу сюда все коды..) Буду очень-очень благодарен за помощь!

    Asked by mikhelevich,

    0 votes
    2 answers

  7. Вертикальное меню

    Подскажите, как создать такое меню - http://css-live.ru/articles/zadanie-po-vyorstke-17-vertikalnoe-menyu.html Мыслей нет никаких по этому поводу.

    Asked by aaron,

    0 votes
    5 answers

  8. Вертикальное меню

    <div class="left-navigation"><ul><li> <a href="holod.php" title="Ремонт холодильников">Ремонт холодильников</a></li><li> <a href="stiral.php" title="Ремонт стиральных машин">Ремонт стиральных машин</a></li><li> <a href="posuda.php" title="Ремонт посудомоечных машин">Ремонт посудомоечных машин</a></li><li> <a href="vodonagr.php" title="Ремонт водонагревателей">Ремонт водонагревателей</a></li><li> <a href="plita.php" title="Ремонт электроплит">Ремонт электроплит</a></li><li> <a href="panel.php" title="Ремонт варочных панелей">Ремон…

    Asked by slava.prib,

    0 votes
    5 answers

  9. Вертикальное меню - CSS & JS

    Добрый день, хочу сделать выподающие меню, почитал разные статьи... Остановился на одном меню но прежде чем его осущевствлять хочу у вас спросить: кое где я вычитал что меню на js не индексируются роботами, это так(в данном случае см.внизу)? И может мне сделаете напутствие какое нибудь, к чему готовиться, или что не так может быть. Вот какого формата я хочу сделать менюшку ВОТ или такое ЕЩЁ, ну естественно стили, фоны будут чуть другими. Статья с инструкцией и стилями и прочим И как, такой способ не "левый"? Всем заранее спаибо. А, еще забыл сказать, что подменю в цикле будет выодиться(do...), ну с этим то проблем нге должно быть

    Asked by woofs,

    0 votes
    1 answer

  10. Вертикальное меню (раздвигающееся вниз)

    Пытался делать с помощью высоты, visibility, но не чего не получается, следующий пункт li в основном ul'е не хочет двигаться, как мне сделать чтобы он захотел? И как вы делаете вертикальные меню? в ксс только(просто другое совсем не знаю) Как же ЭТО СДЕЛАТЬ?

    Asked by dimonpok1,

    0 votes
    5 answers

  11. Вертикальное меню CSS

    Привет всем, у меня возник вопрос не могу найти ответа в гугле.. В общем такая проблема и вопрос. Есть вертикальное меню с подменю нужно сделать так что бы оно было фиксированным, это я знаю как сделать position: fixed; но тут возникает проблема что когда открываешь подменю и в нем больше пунктов чем может вместится на экране их просто не видно за пределами... Вот и возникает вопрос как сделать так что бы оно было фиксированным и в тоже время подменю скользили вместе с экраном при прокрутке (извините за тавтологию) не знаю как это еще объяснить)

    Asked by kokos,

    0 votes
    5 answers

  12. вертикальное меню html сайта с разделами

    Как создать вертикальное меню html сайта с разделами и чтобы в них были много страницы с статьями? И нумерация была страниц более одной (в разделе), как это реализовано в ворлдпресс и других смс. Только на языке html Например есть код: <ul class="vertical-menu"> <li><a href='/раздел1/' class='button'>Сайтостроение</a></li> ... </ul> <li><a href="#1" title="Главная">Главная</a></li> ... </ul> Какую ссылку подставлять под /раздел1/, или #1" title. Или просто вставлять новые ссылки (статьи) в соответствующий разделу (#1, #2,) документ html. Хочется чтобы было красиво и более автоматически, а не…

    Asked by dao742,

    0 votes
    7 answers

  13. Вертикальное меню для сайта

    помогите пожалуйста, как сделать меню как в одноклассниках (чтобы оно оставалось при прокрутке страницы)? "position: fixed" не помогает, отображается неправильно, криво. пытался сделать так: <div style="width: 100%; height: 51px"> <!-- Меню --> </div> <div style="width: 500px; height: 100%; overflow: auto"> <!-- Контент --> </div> но что если на сайт зайдёт человек, у которого дисплей с расширением например 1600х900? будет пустое место под вторым блоком, вообще отображаться будет неправильно. нашёл в инете JS-скрипт, который изменяет высоту блока в зависимости от расширения дисплея, поставил, но он не работает у меня почему-то.

    Asked by SurPaul,

    0 votes
    8 answers

  14. Вертикальное меню и ваша помощь

    Здравствуйте. Я сделал вертикальное меню следующим образом. Создал список, ввёл для него стили, а перед и после тега ul вставил два дива с рисунками, чтобы свиток получился. Все браузеры радостно приняли моё меню, а IE развращает. 1. Подскажите пожалуйста, что мне надо исправить в коде или улучшить. 2. Если не трудно, подскажите пожалуйста, как от слова "Книги" сделать небольшой отступ, чтобы при этом сам список оставался неизменным.

    Asked by Sayitright,

    0 votes
    15 answers

  15. Вертикальное меню не идёт на верхний слой(поверх всего)

    Как видно на скрине, то вертикальное меню (Второго уровня) не хочет идти поверх остольных блоков. Подскажите, пожалуйста, что может это вызывать или из-за чего это происходит, что бы я знал что искать/чего не хватает, ведь проблема может быть и в других блоках (которые получаются поверх меню). Скрин: http://www.img.by/?v=Za7RN.png Код: http://jsfiddle.net/mzkw2/

    Asked by dsasda,

    0 votes
    2 answers

  16. Вертикальное меню с выдвигающимся подменю

    необходимо чтобы подменю было такой же ширины как меню.А цвет подменю отличался от цвета основного меню.И еще чтобы во время того пока мы смотрим подменю,пункт основного меню из которого выпало подменю тоже подсвечивался каким то цветом .вот ссылка помогите http://files.mail.ru/E865FC42CE7F4E0888FB9568B70BFC3D.я еще амейтер в этом деле

    Asked by gogol63,

    0 votes
    1 answer

  17. Вертикальное меню с выпадающим списком

    Здравствуйте! Делаю вертикальное меню с выпадающим списком. HTML: <div class="menu"> <ul> <li><a href="#" class="active_page">Первый пункт</a></li> <li><a href="#">Второй пункт</a></li> <li><a href="#">Третий пункт</a></li> <li><a href="#">Четвертый пункт</a></li> </ul> </div> CSS: .menu ul { margin: 0; padding: 0; width:133px; list-style-type: none; } .menu ul li a { text-decoration: none; color: #A08A50; padding: 3px 5px; background-color: white; display:block; } .menu ul li a:visited { co…

    Asked by rusbear28,

    0 votes
    4 answers

  18. Вертикальное перемещение блоков

    Всем доброго времени суток! Есть следующая задумка, переместить блоки по вертикали. Вот краткий пример, как должен вывести браузер пользователю: <div id="wrapper"> <div id="1"></div> <div id="2"></div> <div id="3"></div> <div id="4"></div> <div id="5"></div> </div> <div id="footer"></div> и как хотелось бы, чтобы его видели роботы: <div id="wrapper"> <div id="5"></div> <div id="3"></div> <div id="2"></div> <div id="4"></div> <div id="1"></div> </div> <div id="footer"></div> при этом высота всех блоко…

    Asked by krum,

    0 votes
    0 answers

  19. Вертикальное позиционирование контента

    Доброго времени суток!) Вот пример верстки - http://jsfiddle.net/FeXaC/ Необходимо привязать футер к низу страницы (что реализовано), и при этом выровнять блок с контентом (фиксированного размера) по центру страницы. Если в css в #wrapper убрать height: auto !important; то выравнивание работает, но при этом футер начинает наезжать на контент при уменьшении размера окна. Подскажите пожалуйста, как можно решить сложившуюся проблему. Чтобы и контент по центру был, и футер не наезжал на него. Желательно без использования js и представления div таблицей.

    Asked by Crawler,

    0 votes
    5 answers

  20. Вертикальное позиционирование текста внутри блока

    Уважаемые мастера, подскажите: div.TempDv{ width:35px;height:35px; background-position: 50% 50%; background-repeat:no-repeat; border: 1px dotted #5698C9; margin: 60px 0 0 10px; position: absolute; background-image:url(prib2.jpg); text-align: center; vertical-align: bottom; } По горизонтали текст выравнивается, а по вертикали нет. Нужно чтобы текст был по середине снизу.

    Asked by Ser8191,

    0 votes
    4 answers

  21. Вертикальное примыкание

    Всем доброй ночи =) У меня появился вот такой вопрос <div id="GLAVNII" style="width:700px; height:600px"> <div CLASS="PERENT" style="height:inherit;"> <div style="width:auto; height:300px;"></div> <div CLASS="CHILDE" style="width:auto; height:100px;"></div> </div> </div> Как мне сделать так что бы элемент .CHILDE примыкал к низу элемента .PERENT? Дабы если я увеличу высоту #GLAVNII тогда увеличится и высота .PERENT а он уже свою очередь потянет за собой .CHILDE который будет примыкать к его нижней границе !!

    Asked by Sintanial,

    0 votes
    7 answers

  22. Вертикальное расположение блоков

    Добрый день! Как сделать, чтобы блоки 1 и 2 располагались вертикально, т.е. друг под другом?Код блоков: <div class="news"><div class="descriptions"><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p></div><img alt="images" src="http://www.volynnews.com/files/news/2009/07-13/8367-1m.jpg" /></div><div class="news1"><div class="descriptions"><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p></div><img alt="images" src="http://www.volynnews.com/files/news/2009/07-13/8367-1m.jpg" …

    Asked by marianna9201,

    0 votes
    1 answer

  23. вертикальное расположение сло?в

    Здравствуйте Есть два слоя в коде страницы: Some text within layer DIV1и сразу же после него ид?т Some text within layer DIV2Возможно ли без участия javascript сделать так, чтобы в броузере div2 был расположен выше чем div1? Это нужно для того чтобы поисковик прочитал сначала второй блок. Высота обоих слоев не фиксированая.

    Asked by hmelii,

    0 votes
    9 answers

  24. Вертикальное растягивание

    В левом и правом блоке есть бэк, они оба должны тянуться по вертикали, но не тянутся... <div id="left_blok"></div> <div id="right_blok"></div> html: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> </head> <body> <div id="wrap"> <div id="heder"> <h1><a href="index.html">Имя Сайта</a></h1> <div class="bg_menu"></div> <div class=…

    Asked by rus,

    0 votes
    3 answers

  25. вертикальное скроллирование

    Здравствуйте, можно ли прописать в css, чтобы было только вертикальное скроллирование, а то у меня еще и горизонтальное появилось, а оно мне не нужно) то есть чтобы горизонтальная полоса прокрутки не отображалась..

    Asked by zhitkov,

    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