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. Вопрос по CSS3 - селекторы

    Парни, помогите пожалуйста решить проблему в CSS сайта. Не разбираюсь в селекторах оттого и проблема =\ Итак суть: есть меню на сайте zakaz-kormov.ru, то где "главная, товары, доставка и оплата" Проблема в том, что когда я навожу на пункт меню "товары" и начинаю перемещаться мышкой по субменю - то сам пункт "товары" остается подсвеченным белым фон, а вот цвет текста меняется на исходный (и беда, что тоже белый). Как мне заставить цвет текста оставаться в режиме hover, active, focus или какой больше подходит? Заранее спасибо.

    Asked by md416,

    0 votes
    2 answers

  2. jQuery scroll

    Давно я находил большое количество разных примеров, но сейчас я их найти не смог. Может по внешнему виду кто-нибудь поможет 1 Оформление синие и куча файлов 2 Там коровы и еще Mac'овский дизайн И вообще, какой способ используют на серьёзных сайтах? Заранее спасибо.

    Asked by SmArtem,

    0 votes
    2 answers

  3. Как выравнять дивы по верху

    Здравствуйте. Есть три дива с каким то контентом <div>Какой то текст</div> <div> <div class="my">картинка 1 <br />картинка 1 <br /> </div> <div class="my">картинка 2 <br />картинка 2 <br />картинка 2 <br /> </div> <div class="my">картинка 3 </div> </div> Я сделал чтобы они располагались в линию .my { border: 1px solid #000; display: inline-block; } И у меня поучилось вот такая картина А мне хочется чтобы они выравнивались по верху, то есть выглядели как то так При этом не хочется использовать абсолютное позиционирование или таблицы. Подскажите как выравнять их по ве…

    Asked by faydaen,

    0 votes
    2 answers

  4. Список в абзаце

    Нужно ли обрамлять список тегом <p>, если в абзаце есть только список?

    Asked by apexis,

    0 votes
    2 answers

  5. заголовок

    как сделать заголовок поверх фоновой картики? <html> <head> <h2 style="color:#0000FF"; > сайт посвещён дню "Бородино"</h2> <style> div { height: 500px; border: 0px solid #000; background: url(бородино1.jpg) 100% 100% no-repeat; background-size: cover; } </style> <title> бородино </title> </head> <body> <div> </div> </body> </html>

    Asked by ikutin,

    0 votes
    2 answers

  6. Как прижать подвал к низу страницы?

    Как я не пытался на разрешении больше 1663 x 823 съезжает футтер. Помогите! сайт http://kofe.16mb.com/

    Asked by vova.a99,

    0 votes
    2 answers

  7. Прозрачность

    Вот у меня есть блок <div id="block"> в нем картинка, с классом <img class="foto" , которая имеет opacity:0.5, как мне сделать так, чтобы при наведении на block, foto было opacity 1?

    Asked by Hoax,

    0 votes
    2 answers

  8. Как правильно сверстать активный пункт меню?

    Привет, собственно вот скриншот того, что я хочу сделать: Как видите, кнопка Home имеет фон и вот эту вот "галочку". Фон идет картинкой; естественно, что при попытке "подложить" эту картинку под, например, Business выглядит это не комильфо. Можно, конечно, сделать такую картинку для каждого пункта навигации, но это не лучший вариант. И у меня вопрос, как это правильно сделать, да так, чтобы выглядело нормально при любой длине слова?

    Asked by novickOk,

    0 votes
    2 answers

  9. Выпадающий текст

    1. Необходимо на странице, где мы хотим сделать выпадающий текст разместить небольшой скрипт: <script> function collapsElement(id) { if ( document.getElementById(id).style.display != "none" ) { document.getElementById(id).style.display = 'none'; } else { document.getElementById(id).style.display = ''; } } </script> 2. В том месте где должна быть ссылка с выпадающим текстом размещаем следующий код: <div><a href="javascript:collapsElement('identifikator')" title="" rel="nofollow">Текст ссылки</a> <div id="identifikator" style="display: none"> <p>Текст текст текст текст</p> </div> </div> Вопрос, что надо пр…

    Asked by Kosmat,

    0 votes
    2 answers

  10. Некоторые браузеры не видят шрифты

    Здравствуйте. Столкнулся с такой проблемой, когда подключаю шрифт через такую конструкцию @font-face { font-family: aglettericacondensed; src: url(../fonts/aglettericacondensed.ttf); } мозила его не видит, а опера видит но не все. вот что в хроме вот что в опере вот что в мозиле

    Asked by Pato,

    0 votes
    2 answers

  11. разработка сайта под iPhone

    Добрый день. Подскажите пожалуйста, с чего начать изучение данного вопроса? Я знаю, что для отображения в мобильных ус-вах используются определённые стили и теги HTML, слышал об определённых каких-то правилах. Но это всё краем уха. Посоветуйте отправную точку и материаллы.

    Asked by brahmazp,

    0 votes
    2 answers

  12. Помогите решить вопрос с WP

    Здравствуйте. У меня сейчас вот такая ссылка http://www.btn.kiev.ua/category/stati/ на страницу статьи. Скажите пожалуйста как сделать ее вот такой http://www.btn.kiev.ua/stati/

    Asked by BTN,

    0 votes
    2 answers

  13. Неправильное растягивание блока с плавающим содержимым

    Доброго времени суток, Дано: Растягивающийся по содержимому блок(display:inline-block): Внутри него обтекаемый блок(float:left) За ним обтекающий блок, который должен растягивать родителя. Код: Проблема: При небольшом размере текста в обтекающем блоке Chrome и Firefox растягивает родительский блок не правильно. Как правило, короткий текст просто переносится под плавающий блок. скриншот: IE и Opera растягивают родителя правильно. скриншот: Посмотреть вживую можно тут и тут (по второй ссылке html5 и Firefox его отображает немного по другому) Нужно найти кроссбраузерную реализацию такой верстки. Заранее благодарю.

    Asked by iReD,

    0 votes
    2 answers

  14. Ссылка по верх фото

    Здравствуйте, подскажите как можно сделать ссылку по верх фото, допустим на сайте есть большое фото, на котором надо поместить ссылку в виде надписи(текста) и какова формата должна быть фото? Заранее спасибо

    Asked by criket84,

    0 votes
    2 answers

  15. Вырванивание текста в горизонтальном списке

    Привет! подскажите пожалуйста решение, есть горизонтальный список, в нем текст и три иконки высотой 25 px, текст равняется по нижнему краю иконок, а надо чтобы по центру. Как это сделать?

    Asked by Cyber_bober,

    0 votes
    2 answers

  16. Меню как у Влада

    Подскажите, пожалуйста, какими средствами реализовать меню как у данного сайта (Основное - HTML - CSS - сайт)? Т.е. чтобы подменю всегда было открыто, но сменялось при клике (а не при наведении курсора) на другую вкладку меню. Причем страница не перезагружается. Если кинете в меня ссылкой, где описывается именно принцип создания, а не просто сам код - буду даже рад

    Asked by Gahan,

    0 votes
    2 answers

  17. Размер картинок

    Столкнулся с такой задачей. На сайт нужно перезалить картинки, но все они имеют разное разрешение. Как максимально быстро привести их визуально к одному размеру? Всем спасибо заранее

    Asked by M1ke_06,

    0 votes
    2 answers

  18. Списки

    Нужно сделать список, но так, чтобы первая его строка оставалась на строке с предшествующим текстом, а не спрыгивала на новую, и потом все пункты выравнивались по первому пункту. Как это можно сделать?

    Asked by Daiver,

    0 votes
    2 answers

  19. Как сделать чтобы фон (блок) подстраивался под текст

    Всем привет. Помогите, пожалуйста, с меню. Пишу в этой теме, потому что звучит схоже с моей проблемой. Надо, чтобы пункты меню были текстом, соответственно, чтобы фон (блок) подстраивался под текст. Вот как на картинке: Мне нужно обойтись только HTML 4.01 и CSS 2.1 максимум. Вот ссылка на то, как делаю.

    Asked by beebeekei,

    0 votes
    2 answers

  20. помогите с css меню

    я напроч запутался в иерархии css вобщем есть у меня меню при навидении на блок меню выпадает подменю, так вот подменю должжно быть разной ширины для разных пунктов меню ссылка на пример http://jsfiddle.net/p6LHn/1/ вот код css /**Меню css**/ ul.ldd_menu { margin: 0px; padding: 0; display: block; height: 50px; background-color: #0051A1; list-style: none; font-family: "Trebuchet MS", sans-serif; border-top: 1px solid #3474C6; border-bottom: 1px solid #3474C6; border-left: 10px solid #0051A1; -moz-box-shadow: 0px 3px 4px #007BC2; -webkit-box-shadow: 0px 3px 4px #007BC2; -box-shadow: 0px 3px 4px #007BC2; } ul.ldd_menu…

    Asked by redfox1986,

    0 votes
    2 answers

  21. Ширина блока с position:absolute

    Здравствуйте, уважаемые коллеги! Может ли блок с position:absolute; стать шириной по своему содержимому, если его содержимое - 3 плавающих колонки? Пока не получается, его ширина - одна колонка. .column{ float:left; width:220px; } .dropdown_g{ position:absolute; width:auto; z-index:102; top:52px; left:0; } <div class="dropdown_g"> <div class="column"></div> <div class="column"></div> <div class="column"></div> </div>

    Asked by Светлана Г.,

    0 votes
    2 answers

  22. background состоящий из 4 картинок

    Нужна помощь! Не могу установить background состоящий из 4 картинок 1) image1 должен растягиваться по горизонтали. (bg_gradient_top.png) 2) Далее, на image1 должен накладываться основной background image2 по центру, без размножения (bg_main_header.jpg) 3) image3 должен размножаться во вертикали в центре и спускаться до футера (bg_content_fill.gif) 4) image4, должен находится в футере по центру и без размножения. (bg_main_footer.jpg) Должно получится так: css существующего шаблон: html,body{margin:0px;padding:0px;text-align:left;border:10px;background: url(../images/bg_main_header.png) center top no-repeat;font-family: Verdana, Geneva, sans-serif; font-size:11px;color:#3…

    Asked by Souz21,

    0 votes
    2 answers

  23. Проблема с кроссбраузерностью

    Здравствуйте, вот столкнулся с проблемой отображения сайта в разных браузерах. Ссылка - вот сайт тык В Google Chrome все отображается как нужно, в общем изначально дизайн делался под Chrome. Не давно от пользователей поступили жалобы, ну я решил просмотреть через другие браузера сайт и я разочаровался. В Opera, Mozilla, IE 9 сайт отображается некорректно ни так как надо, а надо как в Google Chrome. Пробывал многое, но никак исправить не получалось, пробывал доктайп ставить но сайт становился только хуже, в общем проблема то не большая в основном только на главной такой косяк, кто может дайте советы что изменить на что и как сделать кроссбраузерность, спасибо

    Asked by lqd1k,

    0 votes
    2 answers

  24. Прблема с div'ом

    Верстаю html-страничку с помощью CSS, появилась такая проблема: если в один <div> поместить второй <div> то он принимает вертикальное положение родительского div'а, если убрать из первого div'а " margin: 0 auto;" и прописать "position: absolute;" то проблема решается но страница находится не по центру экрана а слева. Как это исправить? .fon { /*на этот div вешается вся конструкция вся конструкция*/ width: 1024px; height: 1024px; background: url(img/fon.jpg); margin: 0 auto; } #logo { width: 377px; height: 135px; background: url(img/logo.png); display: block; margin-top: 30px;/*если увеличить или уменьшить этот показатель …

    Asked by ganswild,

    0 votes
    2 answers

  25. проблема с таблицей

    Мужики, помогите сделать красиво таблицу, делал ее на css и вот что получается как вы видите столбцы с числами не ровные, потому что разное кол-во знаков. Как сделать чтобы все ровно было? /* Таблица с прайсом */ table { display: table; background: #000;} tr { display: table-row; } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column ; } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } #caption {caption-side: top;} #caption {caption-side: bottom} #table {display: table;} #table {display: table;} .row {dis…

    Asked by Pato,

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