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

    подскажите пожалуйста вот есть такой вот класс section и при помощи него сделана такая вот конструкция ! http://jsfiddle.net/7FC9E/ так вот ! каким способом можно смешать скажем третий дви подинуть чуть ближе ко второму ??? joomla.metko.ru вот на сайте что бы Аксессуары для ipod подвинуть немного влево,а все остальное осталось на своём месте ?

    Asked by morgusha,

    0 votes
    0 answers

  2. Как сдвинуть верхний блок на нижний DIV

    Добрый день, я только начал осваивать CSS, поэтому извиняюсь если задаю глупые вопросы. У меня никак не получается, что бы один блок DIV немного наезжал поверх другого <body> <div> Начало Осн. блока. Здесь все это находится (делал для того, что бы футер растягивался на всю ширину) <div id="container"> Здесь находятся шапка, меню и контент </div> <div id="footer"> Здесь футер <div> </div>Конец. Осн. блока </body> Нужно что бы container зашел на footer на определенное количество пикселей (и это сохраналось при растягивании страницы) Надеюсь, что понятно объяснил. Заранее спасибо за ответы

    Asked by alex25,

    0 votes
    1 answer

  3. Закругление с помощью PIE.htc

    Доброго дня/утра/вечера форумчане! Вот такая проблема нагрянула: надо в IE8 сделать закругленные углы кнопок. Использую pie, но он почему-то закругляет только верхние уголки кнопки, хотя закругление указано для всех углов. Может кто встречался с таким? Можно ли кнопку привести к приличному виду? Стили кнопки .bookcard_button { width: 166px; height: 28px; cursor: pointer; border-radius: 16px; behavior: url(/templates/css/pie/PIE.htc); text-align: center; padding-top: 3px; background-image: linear-gradient(bottom, rgb(106,125,107) 11%, rgb(250,250,250) 56%, rgb(106,125,107) 100%); background-image: -o-linear-gradient(bottom, rgb(106,125,107) 11%, rgb(250,250,250) 56%, rg…

    Asked by SunshineElf,

    0 votes
    4 answers

  4. Раскрывающийся список & Bootstrap

    Использую фреймворк Bootstrap. Создал раскрывающийся список при помощи <select> и <option>. Теперь правда не могу понять как в список вставить иконки перед названиями. Т.к. тег <option> понимает только текст . И как сделать так чтобы курсор при выборе пункта из списка прыгал в поле Input, которое находится правее?

    Asked by Drix87,

    0 votes
    0 answers

  5. Отображение на планшетнике

    Здравствуйте. Не могу понять, почему этот сайт http://kroha-odeta.ru на АйПаде отображается криво. Он не влазит как бы. Дивы сползают А на этой странице http://kroha-odeta.ru/book/ на планшетнике крякозябры, а не буквы. Можете подсказать?

    Asked by Tezil,

    0 votes
    6 answers

  6. Как сделать шрифт нормальным

    http://jsfiddle.net/jaster/ESahE/

    Asked by jaster,

    0 votes
    7 answers

  7. Смена на нормальный шрифт

    Asked by jaster,

    0 votes
    1 answer

  8. конфликт jquery

    Подскажите, пожалуйста, как грамотно совместить два скрипта? Первый (подключается через отдельный файл): $(document).ready(function() { $('#menu > li > ul' ) .hide() .click(function(event) { event.stopPropagation(); }); $('#menu > li').toggle(function() { $(this).find('ul').slideDown(); }, function() { $(this).find('ul').slideUp(); }); }); Второй (прописан в body): <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function() { jQuery('#sigplus_catalogos_regalo').imageSlider({ itemCount: 4, showButtons: true, showLinks: true, showPageCounter: true, alignment: 'center', orientation: 'horizontal', navigation: 'bottom', fi…

    Asked by maritca,

    0 votes
    2 answers

  9. Помогите с background-position

    Добрый день. Столкнулся вот с такой проблемой. Есть такая конструкция: <div class="one"> <div class="two"> текст текст текст текст текст текст текст текст текст текст текст текст </div> </div> У класса two background-image выровнен по: center top и не размножается. У класса one background-image так же выровнен по центру, но он размножается по repeat-y Но возникла проблема накладывания двух изображений друг на друга и получается замыленность (так как изображения полупрозрачные). Как сдвинуть повторяющееся изображение вниз, что бы оно повторяться начало не с самого верха, а ниже на то значение, что я указываю? Вот такая конструкция не хочет работа…

    Asked by shotlandec,

    0 votes
    7 answers

  10. Не тянутся inline блоки

    <Закрыто>

    Asked by lolka84,

    0 votes
    0 answers

  11. Эффект при наведении

    Добрый день всем! Есть такой макет: Сверху обычное состояние, снизу-при наведении. Верхняя часть сверстан без проблем. А вот при ховере возникают проблемы. как обеспечить смену кнопки с ценой на кнопку с "купить" как обеспечить одновременную смену фона, цвета шрифта описания (1С Рарус) и кнопки Не подскажете ли решение этих проблем (можно в общих чертах)?

    Asked by verstum,

    0 votes
    1 answer

  12. Смещение

    Сделал меню по примеру http://anton.shevchuk.name/wp-demo/jquery-tutorials-2/drop-down.html. но когда выезжает меню , то сдвигаются вниз некоторые элементы. в чем может быть дело?

    Asked by olechic,

    0 votes
    1 answer

  13. Здравый смысл Vs bootstrap

    Вопрос с подковыркой. Занимаюсь версткой ни так долго порядка года. Чистый CSS и HTML знаю нормально + где надо JS. Но на фрилансерских сайтах часто натыкаюсь на заказы типо "сверстать под фреймворк *****" задался вопросом что надо учить, раз рынок требует, выбрал bootstrap. Прочтение мануала ввело меня в полнейший ступор. Фреймворк тяжелый сам по себе подключает ряд библиотек на джава, использует LESS и много букв кода. так вот собственно вопрос технология CSS создавалась чтобы вынести все стили в отдельный файл и как следствие сделать более читабельным HTML код а здесь я вижу чтобы вместо того чтобы банальному банальный display: inline-block; присвоен целый класс, кото…

    Asked by stDragon,

    0 votes
    8 answers

  14. Подскажите по верстке элемента

    Привет. Обычно стараюсь к помощи окружающих не обращаться, но сейчас что-то совсем в голову ничего не приходит. Просят сделать это - http://smotr.im/crJI на чистом css и вот что-то не могу сообразить КАК это сделать Поделитесь своими соображениями пожалуйста.

    Asked by lolka84,

    0 votes
    2 answers

  15. Как включить подсветку текущей страницы в пагинации? bootstrap

    Здравствуйте. Делаю вёрстку через бустрап. Отображаются номера страничек как нужно, но вот подсветка номера страницы в пагинации не работает. Тут сказано http://twitter.githu...html#pagination, что для активной ссылки номера страницы нужно в тэг <li> вписать класс -<li class="active">. Но этот класс никак автоматически не переписывается на другие ссылки номеров страниц. Наверно надо что-то из JS подключить. Вот только что и как? подскажите, кто знает. Пример то простой...

    Asked by viz9,

    0 votes
    12 answers

  16. Проблемы верстки =D

    Уважаемые знатоки, я просто уверен, что многие из вас могли сталкиваться с такой проблемой. Нужно разместить блок с абсолютном позиционированием по середине дочернего блока, но вот дочерний блок резиновый как быть? Точнее хотелось бы узнать интересные решения... У кнопочти хочу сделать треугольничек с закругленным краем использую after/before. А нормальный способ держаться середины не могу найти ~_~

    Asked by RodgerFox,

    0 votes
    1 answer

  17. съезжают ноги на мобильном девайсе

    Приветствую. Сверстал магазин http://plastbaki.ru. Вроде все нормально. Но заметили такую ошибку. Если смотреть сайт с мобильного устройства, то у монтажника ноги съезжают на желтый блок. Подскажите пожалуйста, как это можно поправить.

    Asked by psevdo,

    0 votes
    4 answers

  18. Центрирование элементов и background.

    Подскажите, пожалуйста. Есть следующий простенький код: <div class="wrapper"> <div class="InnerWrapper"> Blablabla </div> </div> И цсс к нему: .wrapper { height:100px; width:100%; background: #eee; } .InnerWrapper { margin:0 auto; height:100px; width:400px; background:#3D6AA2; } При этом, все работает как нужно, див с blablabla центрируется. Но мне нужно сделать так, чтобы при фиксированной ширине внутреннего дива, слева от него был такой же цвет. Думаю, не очень понятно написал, но другими словами мне нужно чтобы бэкграунд с внутреннего дива шел от начала страницы, но контент его центрировался посредине страницы. Для наглядности приложу ск…

    Asked by DmitryG,

    0 votes
    1 answer

  19. input в label

    Как сделать, чтобы при клике на текстовый инпут ставилась галочка на чекбоксе, а фокус на текстовый инпут. Или только js-ом? <label> <input type="checkbox" name="check-1" /> Last <input type="text" name="lastname" /> Name </label>

    Asked by youmay,

    0 votes
    4 answers

  20. Самоскроллирование в Опере

    Доброго всем дня! Столкнулся с такой странной вещью. Доводим до конца сайт http://rezbaderevo.ru. На странице http://rezbaderevo.ru/ratatuyka (и к сожалению не только на ней) в Опере наблюдается странный баг. При скроллировании страницы вниз с определенного места (конкретно Дюрер картинка Кранах) после щелчка мышью на теле страницы экран возвращается вверх к этому месту. Никаких особенностей в html я не наблюдаю, в других броузерах этого нет. Буду очень благодарен, если вы подскажете, в чем проблема.

    Asked by Yust-os,

    0 votes
    2 answers

  21. Резиновый DIV по вертикали

    Доброго времени суток! См. http://jsfiddle.net/ykerL/ Подскажите, пожалуйста, почему в данном примере div.main не растягивается по вертикали до размеров div.center? Заранее большое спасибо за помощь.

    Asked by ZABor1978,

    0 votes
    3 answers

  22. Поставить 2 блока в 1 ряд

    Нужно разместить в ряд 2 блока с сохранением отступов 5%. 1 див выводится норм, а второй с картинкой идет под ним. Хз как сделать заставить его отображать нормальные отступы и находиться в 1 ряд с первым дивом. Вот пример кода: Что нужно написать в стилях второго дива. Спасибо за помощь а! все понял - нужно было делать все на спанах

    Asked by Esigns,

    0 votes
    2 answers

  23. скругление углов css меню !

    Всем приветк ! подскажите пожалуйста...не могу скруглить все углы у меню ! оно построено как то так, что нижняя линия добавляется отдельно,а если скруглять тут, то скругляются и углы разделов меню ((( .suckerdiv ul li a{ display: block; color: black; text-decoration: none; background-color: #fff; padding: 1px 5px; border: 1px solid #ccc; border-bottom: 0; line-height: 2em; } подскажите как меню подправить ??? suckerdiv li { display: none; } .suckerdiv ul{ margin-left: -7px; margin-top: 0px; padding: 0; list-style-type: none; width: 165px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; font-family: arial; font-size: 11px; } .suckerdiv ul li{ position: relative…

    Asked by morgusha,

    0 votes
    19 answers

  24. Font-Awesome (или его аналоги) внутри option – как?

    Доброго времени суток! Задача: Собственно, сабж. Есть select (не multiple), внутри каждого option должны быть звёздочки. Как сейчас: С добавлением & #9733; в нормальных браузерах работает: http://f.cl.ly/items...y2W02/stars.png А "всеми любимый" браузер (IE8) этого понять не смог: http://f.cl.ly/items...h0g/starsie.png Что пробовал: Поэтому решил юзать FontAwesome. Понятно, что html-код внутрь option'а не запихнёшь поэтому пытался сделать так: <select> <option class="starz"></option> </select> .starz { font-family: FontAwesome; content: '\f005'; } Но увы, это тоже не сработало. FontAwesome не принципиален – рассмотрю любые варианты. Главн…

    Asked by TrogWar,

    0 votes
    1 answer

  25. картинка при наведении на текат

    Подскажите, пожалуйста, как сделать, чтобы при наведении на текст (имя) появлялась картинка (фотография). Дело в том, что на каждое имя должна появляться соответствующая картинка, т.е. каждый раз разные. Это делается с помощью псевдокласса hover?

    Asked by udiga,

    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