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. Пути добавления

    У меня есть файл style.css который находится в папке CSS, также есть папка EXAMPLE(она также как и папка CSS находится в корне) а в ней папка OTHER а в этой папке файл clone.html. Так вот вопрос: какой путь нужно прописать от файла clone.html к файлу style.css что бы таблица заработала?

    Asked by lobanov_kirill_,

    0 votes
    6 answers

  2. прокрутка ограниченной области

    помогите пожалуйста понять как устроен сайт непонятно каким образом можно прокручивать контент в блоке #slide-content при помощи общего для всей страницы скролла. если это реализовано на основе js, то скажите пожалуйста название скрипта возможно ли такую прокрутку организовать только средствами css? хотя бы в общих чертах опишите способ

    Asked by cyklop77,

    0 votes
    1 answer

  3. Надеюсь Вы поможете

    Здравствуйте. Помогите пожалуйста. У меня на главной странице sidebar съезжает вниз ее. На других страницах все нормально. В index.php я не копалась.

    Asked by Platina,

    0 votes
    3 answers

  4. 100% высоты HTML5

    Подскажите пожалуйста способ растяжки блока по высоте на 100% на странице с доктайпом 5 html. И так же хотел спросить linear-gradient никакой браузер не поддерживает, нужно вендорные префиксы использовать?

    Asked by tini.kRyptoNite,

    0 votes
    3 answers

  5. Xml - Русский язык

    Я много тем нашёл, что только не пробовал не помогает. Вот решил написать. Думаю поможите мне <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta charset="utf-8" /> <head> <title>Company</title> <script type="text/javascript" src="js/swfobject.js"></script> <script type="text/javascript" src="js/swfaddress-optimizer.js"></script> <script type="text/javascript" src="js/swfaddress.js"></script> <style type="text/css"> #flashcontent { height: 100%; fon…

    Asked by ashimano,

    0 votes
    4 answers

  6. Как сделать такие боковые границы

    Всем привет. Есть div с классом middle например: .middle { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background: #FFFFFF; padding: 10px 10px 1px 10px; } Как сделать что бы боковые были не сплошной линией, а с такой картинкой: Получится в итоге должно следующее (затухающие линии по бокам):

    Asked by dorex,

    0 votes
    1 answer

  7. Проблема в вёрстке

    Доброго времени суток коллеги! Проблема заключается в следующем. Именно в браузере опера, при заходе на две ссылки, main div в котором расположен весь контент сайта, падает пикселей на 50 по вертикале. Не могу понять в чём проблема ибо сайт полностью адаптирован под PHP и всё, везде одинаково, но именно на двух страницах у прилагаемого ниже сайта проблема такая существует. http://81.200.23.210/project ссылки - "Девушки" и "Юноши".

    Asked by oscora,

    0 votes
    10 answers

  8. Верстка CSS меню

    Доброго всем вечера! Возникла проблема при верстке меню средствами html и CSS без использования фоновых картинок. В приведенном ниже изображении первая ссылка находится в обычном состоянии, а вторая в состоянии hover. В принципе сам вопрос в том как сделать полоски идущие по верхней и нижней границе меню, как я понял свойством border так не обрисовать ибо полосы идут чуть ниже границы. Прошу помощи!

    Asked by xayleks,

    0 votes
    3 answers

  9. Можно ли как то отменить overflow hidden для определенного блока?

    Сабж... http://screencloud.net/v/oRzM - скрин

    Asked by JosePerez,

    0 votes
    4 answers

  10. IE8 z-index объекта с фильтром

    Доброго времени суток всем! Столкнулся с проблемой, с бубном танцевал, гуглил, но решения так и не нашел. Надеюсь на помощь. Есть попап-менюшка. Появляется ul. К нему я применил фильтр Shadow и тотчас в IE8 перестал работать hover для il. Пробовал для a hover - тоже не видит. Как оказалось после часов упорного тестирования, если вести мышью от элемента с большим, чем у ul z-index'ом, и навести на li - hover работает. Вот я и стал очень озадачен. Ниже код: <div id="add_panel"><a class="add active" href="#"></a> <ul id="popup-add"> <li><a href="#">Категорию</a></li> <li><a href="#">Товар</a>&l…

    Asked by only_dimon,

    0 votes
    2 answers

  11. Клонирование элемента О_о

    Есть верстка отдельного блока, туда добавляется иконка, но она при виде в браузерах... клонируется о_О Чтобы было нагляднее и понять о чем я - http://jsfiddle.net/jEUwX/ В верстке одна иконка папки, в браузере их 3 появляется Кто знает что это?

    Asked by Герман Малиновский,

    0 votes
    2 answers

  12. высота height checkbox css

    Здравствуйте. Имеется <input type="checkbox" /> Задаю ему высоту height: 21px; Но сам чекбокс не меняется, а образуются какие-то поля вокруг него. Вопрос: как работает height у checkbox и radio input`ов? p.s. в opera если обнулить border и background, то изменяется сам чекбокс.

    Asked by polyanin,

    0 votes
    4 answers

  13. Fixed на Android

    www . st77 . de На внутренних страницах есть плавающий блок с социалками - на android (я пробовал в 4.0.1, Dolphin Browser) при увеличении масштаба страницы (растягиваем пальцами) блок улетает вправо. На мобильных Apple-девайсах и в виндах все вроде нормально. Есть какой-то способ привязать его более точно? Для "плавания" используется готовый скрипт share42.com Абсолют наверное может помочь, с вычислениями положения через JS. Только не очень я в jQuery..

    Asked by d0ublezer0,

    0 votes
    0 answers

  14. rollOver и Опера

    Проблема не новая, конечно, но конкретного ответа найти не могу, в том числе в поиске форума. Не работает rollOver в ролике (только в Опере). Делал в Sothink SWF Easy В остальных браузерах все норм, а в Опере нужно сначала кликнуть потом только начнет работать наведение мыши. Говорят это свойство Оперы. Как это обойти, я не эксперт в этой теме.

    Asked by victorz,

    0 votes
    4 answers

  15. DIV поверх всего контетна

    Здравствуйте! Скажу сразу, начитался много разных тем, в основном все сходится к z-index, но только не в моем случае, к сожалению. Имеется длинный выпадающий список (объект 1), который является div-ом. Проблема в том, что какое-бы высокое значение z-index я не ставил данному списку, его всеравно закрывает безобразный объект <li> (объект 2). И вот что мы видим (прилагаю скрин) http://imglink.ru/show-image.php?id=516710a43ae43d8ea382c8a9c1f58df3 Код объекта 1: .submenu { color: black; background: white; position: absolute; top: -8px; z-index: 100; width: 250px; display: none; margin-left: 10px; padding-bottom: 10px; border-radius: 6px; box-shadow: 0 9px 40px rgba(0,…

    Asked by Artur Boss,

    0 votes
    1 answer

  16. vertical-align и Opera

    <div class='podval'> <span>xxxxxxxxxxxxx</span> </div> .podval span { font-family: verdana; color: white; Font-weight: bold; vertical-align: -75px; } Во всех браузерах текст по вертикали нормально выравнивается (с помощью vertical-align), а Opera ни в какую? В чем дело? у Opera вроде как полная совместимость с этим свойством, в чем может быть причина? Заранее благодарен за ответ. версия Opera 12.01

    Asked by Lutciy,

    0 votes
    5 answers

  17. Трабл с центрированием

    Есть такая разметка: http://www.rozma.inf.ua/ Все клево центрируется (делал по аналогии с Чикуенковским методом), но вот когда хочу ввести max-width столбиков в 200px, центрование пропадает Может кто сталкивался с подобной ситуацией?

    Asked by lego904,

    0 votes
    4 answers

  18. Сьезжающие вниз блоки(Глюк margin:0 auto и/или border:1px solid black)

    Здравствуйте. Сама совсем недавно начала разбираться с вёрсткой сайтов. И вот уже с самого начала появилась проблема, которую не выходит решить самостоятельно. Так что, прошу помоч. Для более наглядного размещения блоков, исполйзовала border: 1px solid black. После удачного размещения все бордеры поставила в ковычки. Но после этого блоки container и header сьехали вниз на 70px (на сколько я понимаю). Блок logo остался на том же месте где был (по отношению к верхней границе экрана). в чем ошибка? INDEX - <body> <div id="container"> <div id="header"> <div id="logo"> <a href="index.php"></a> </div> </div>…

    Asked by ilaga,

    0 votes
    3 answers

  19. Верстка под iPad

    Добрый вечер. столкнулся со следующей проблемой: валидная верстка, вроде как все ок, отображение корректное как на нормальных, так и на мобильных устройствах (для мобильных писался отдельный css), НО на iPad при повороте из горизонтального в вертикальное положение "теряется" масштаб. проверка показала, что это не из-за JS, значит дело в css. Может кто-нибудь сталкивался ? *проблема усугубляется тем, что нет ipad_а под рукой для тестирования, а эмуляторы слишком далеки от реальности. UPD всем спасибо. Проблему решил сам. Необходимо было указать мета тег: <meta name="viewport" content="width=1000" /> где в качестве ширины указать желаемую ширину блока отображения. …

    Asked by tod314,

    0 votes
    8 answers

  20. Проблемы с :after

    добавил в файл стилей .field-name-field-img-poster .field-label:after { content: "кликабельны"; color: #808080; font-weight: normal; font-size: 12px; } Но почему то вместо слова "кликабельны" появились ромбики с восклицательными знаками. Проблема с кодировкой? как исправить? http://vtrailere.ru/2012/treyler-k-filmu-ohotnik (смотрите где постеры)

    Asked by smirn0ff,

    0 votes
    2 answers

  21. float в inline-block

    Добрый день. Как известно инлайн блоки выстраиваются по базовой линии самой нижней строки текста(а если пустой - то нижняя граница элемента). Так вот - http://jsfiddle.net/DPWUP/2/ собственно пример это демонстрирует. Теперь, если блоку inner-2 задать float то все по прежнему как ожидается - текст выровнен по общей базовой линии. А теперь удаляем нижний span, и в итоге блок прыгает наверх. Собственно я понимаю, что блочные элементы выпадают из потока, но что происходит в данном случае конкретно? С точки зрения спецификации.

    Asked by USF,

    0 votes
    2 answers

  22. JS слайдер

    необходимо добавить активные кнопки "вперед/назад" для JS слайдера. slider.js var currentImage; var currentIndex = -1; var interval; function showImage(index){ if(index < $('#bigPic img').length){ var indexImage = $('#bigPic img')[index] if(currentImage){ if(currentImage != indexImage ){ $(currentImage).css('z-index',2); clearTimeout(myTimer); $(currentImage).fadeOut(250, function() { myTimer = setTimeout("showNext()", 3000); $(this).css({'display':'none','z-index':1}) }); } …

    Asked by Ray,

    0 votes
    0 answers

  23. чем отличается css свойство -ms-zoom от zoom

    чем отличается css свойство -ms-zoom от zoom

    Asked by cyber_ua,

    0 votes
    24 answers

  24. Немогли разъяснить в чём разница?

    Каково разница и за что они отвечают: <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> И <STYLE type="text/css"> Заранее спасибо

    Asked by Alex15,

    0 votes
    5 answers

  25. Картинки+текст в один ряд

    Ребят помогите с css, как сделать в div вот так ->

    Asked by Blackninja,

    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