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. Почему они бегают?

    Вот хочу написать модявую гостевуху в ООП. Вот ща сделал такую штуку http://deluxe-okna.ru/guest/ Вот в браузере опера и firefox при отдалении, приближении то текстареа больше становится, то кнопка смешается, то ещё чё нить растягивается/сужается. В гугле хроме всё нормально. Я неправильно что-то делаю или всё так и должно быть?

    Asked by prowoke,

    0 votes
    11 answers

  2. Ошибка в коде или Firefox глючит?

    Всем привет. Подскажите пожалуйста в чем может быть проблема, браузер Лисичка глючно выводит фоновую картинку, а IE7 нормально и без глюков? Если убрать Center то тогда без глюков в Лисе будет. Казалось бы ничего лишнего, а глючит. Так же пробовал вообще все лишние Теги убирать, методом тыка, не помогает, только этот Center или top или 50% 50% (любая аналогия) у Лисы вызывает искажения. Вот html: <head> <title>Music Portal</title> <link rel="stylesheet" type="text/css" href="main.css" /> <script type="text/javascript"></script> </head> <body> </body> Вот CSS: html { margin: 0; padding: 0; } body { background: …

    Asked by soulage,

    0 votes
    3 answers

  3. хочу круто сделать маркеры справа, но все что-то не выходит пока

    Хочу с помощью CSS сделать так, чтобы "новые" категории товара в панели ссылок интернет магазина обзавелись клёвым маркером справа от ссылки. Для этого использую всевдокласс :after и свойства marker-offset и display:marker: <ul id="categories"> <li class="new"><a href="#">Link</a> </li> </ul> ul#categories { display: block; width: 100%; margin: 0; padding: 0 } ul#categories li { height: 33px; list-style: none; line-height: 33px; } ul#categories li.new a:after{ content: url(images/newcategorymarker.gif); display: marker; marker-offset: 1em; } Во последних версиях Opera, Firefox, Safari, Chrome не работает marker-offset…

    Asked by adelante,

    0 votes
    7 answers

  4. Как вытянуть блок?

    Добрый вечер! Помогите, пожалуйста с блочной версткой! Никак не постигну эту науку! <!-- Стили --> <style> div{ border:solid 1px; } .main{ width:800px; } .left{ width:146px; float:left; } .content{ width:650px; float:right; } .footer{ width:800px; } .l1{ height:50px; } .l2{} </style> <!-- Разметка --> <div class="main"> <div class="left"> <!-- левая колонка --> <div class="l1">l1</div> <!-- постоянная высота --> <div class="l2">l2</div> <!-- должна тянуться до низу --> </div> <div class="content"> <!-- основная (правая) колонка --> c…

    Asked by san4ezy,

    0 votes
    1 answer

  5. Снова перекрытие, но уже ячейками таблицы

    Ссылка Посмотрите на надписи под колесами - в IE они обрезаются слева Мне нужно было выровнять колесики с подписями по нижнему краю, не нашел другого нормального способа, кроме как табличкой. Тут фигня в том, что подписи тоже относительно картинок выравнивать. вот из-за отрицательных маргинов и обрезается Как избежать?

    Asked by d0ublezer0,

    0 votes
    5 answers

  6. проблема с ИЕ

    Подскажите, пожалуйста, в чем может быть проблема. В браузерах: Мозила, Сафари, опера, хром - все ок. А в ИЕ7 и ИЕ 8 сайт (а вернее страница, так как на всех остальных страницах сайт выравнивается) падает. Вот страница www*7kontinentov*com/ru/catalog/newscaf. Заранее спасибо. :

    Asked by desi,

    0 votes
    4 answers

  7. IE и слои

    Делаю всплывающее меню, в опере и лисе нормально отображается, в IE видны границы и текст поверх всплывающего окна. Подскажите как исправить.

    Asked by 12345,

    0 votes
    3 answers

  8. Отмена стандартной обработки CSS

    Есть меню на базе Div с использованием .hover однако после однократного посещения элемента DIV при последующих наведениях курсора на элемент он перестает обрабатываться .hover как сделать, чтобы браузер не ставил на элемент признак .visited (о котором его (браузер) собственно никто не просил) или восстановить значение элемента как unvisited ?

    Asked by SergeTro,

    0 votes
    5 answers

  9. Проблема с img

    доброго времени суток, у меня возникла проблема с тегами имг, по вертикали все нормально сходится а вот по горизонтали нет, вот код <table align="center"> <img src="/design/main.jpg"> <img src="/design/forum.jpg"> <img src="/design/logo_footer.jpg"> <img src="/design/mypage.jpg"> <img src="/design/about.jpg"> </table> все перебровал уже и в таблицу запихивал, и рулс на нон ставил

    Asked by REALman,

    0 votes
    6 answers

  10. Подскажите как называется такой эффект?

    Вроде как такое можно сделать на JS, но вот названия этого эффекта я не знаю, поэтому ничего не гуглится ) Можно было бы наложить полупрозрачную картинку, но как сделать полупрозрачный градиент в фотошопе я хз, да и как-то не очень изящно будет =)

    Asked by SEObomj,

    0 votes
    6 answers

  11. table vs div+scc

    Потратил день, сверстал страницу div+css. {top page} {left}{body} {bottom page} Ужаснулся замысловатости глюков на разных браузерах. Переделал с position:absolute на float:left. Поразился громоздкости кода. Потратил полчаса все убрал и передела на таблицу. Вид тот же. Глюков нет. Все изящно. Хочу узнать, что за дань моде заставляет говорить про некошерность верстки таблицами?

    Asked by still swamp,

    0 votes
    34 answers

  12. Пресечение обновления

    Итак, имеется input типа submit, при нажатии на который происходят некоторые javascript действия. Проблема в том, что после нажатия кнопки начинается обновление страницы, и нужные действия не успевают произойти. Как пресечь это обновление?

    Asked by DoctorGester,

    0 votes
    5 answers

  13. Непонятный здоровый отступ между строк

    В общем есть список li фиксированной высоты, который находится в блоке фиксированный ширины. Список должен быть в 2 пункта в строке. В общем выкладываю свою верстку: http://rghost.ru/3806257 Необходимо, чтобы текст всегда был по центру по вертикали, но он может быть как в несколько строк, так и в одну. Я сделал это по какому-то тутору, но почему-то когда текст в одну строку - все хорошо, а когда в две - создается между строками большой отступ. Помогите плиз убрать это непонятное расстояние.

    Asked by MiHALbI4,

    0 votes
    5 answers

  14. Хочу написать блог

    Привет! Хочу написать самодельный блог для своего небольшого сайта. Сам сайт довольно простой, без движков. Статьи будут состоять из html+css+js контента, хранимого в папках. Создание статьи - это создание html (css, js если надо) файла в нужной папке и регистрация в другом файле. Рендериться статьи будут через php скрипт. Если много записей, то будет показано только несколько самых новых, а остальные подгрузятся через ajax запрос, если нажать "Show older posts" как на стене вконтакте, т.е. Поиска по словам/тэгам не будет. Комментирование плоское (не древовидное), старые комменты скрыты, но подгружаются на месте при нажатии "Show older comments". Для комментирования не ну…

    Asked by Juster,

    0 votes
    10 answers

  15. фиксирование нижней части

    есть 3 колонки первый и 3 узкие а по середине как лист а4. я хочу фиксировать нижнюю часть , часть футер так чтоб не смещалась независимо от того если текст в среднем секторе или нет. так как футер иногда смещаеться чисто на среднюю часть когда текста мало . height: 100% не помогает #footer { margin-top: 10px; height: 37px; width: 100%; min-width: 1150px; background: url(images/18.png); } #copyright { height: 36px; line-height: 36px; width: 385px; background: url(images/19.png); margin: avto; color: #2b2b2b; } а вот html код <div id="footer"> <div id="copyright">Copyright MyCorp © 2010 | VOSKAN</div> </div>

    Asked by voskan,

    0 votes
    7 answers

  16. Фон

    Подскажите что-нибудь?)

    Asked by alessandrou,

    0 votes
    1 answer

  17. Предзагрузчик картинок

    С Наступающим вэбмастеры у меня к вам есть вопрос. У меня на ссылке стоит изображение(прописано в стилях), при наведении мышкой на область изображение в стиле меняется, но вот дилема, секунду или 2 оно просто загружается, прям как бельмо на глазу. Я видел здесь такую тему и не забил в закладки и теперь вот не могу найти, форумчане помогите пожалуйста. Спасибо за внимание.

    Asked by getalusk,

    0 votes
    8 answers

  18. Ширина вложенного блока и поддержка margin IE 6.

    Добрый вечер. Есть код. Сответствующий ему CSS. Как видно, здесь явно не указана ширина внутреннему блоку container? Он центрирован отступами. Обязательно ли явно указывать ширину или можно поступить как здесь поступил я? Поддерживает ли это IE 6?

    Asked by Red Planet,

    0 votes
    1 answer

  19. помогите пожалуйста

    http://gatchina-motors.ru/ почему то в верней части картинка разъезжается, не могу понять в чем дело..

    Asked by stiffler,

    0 votes
    8 answers

  20. как сделать два bordera на один элемент

    нужно две границы разных цветов,. с НГ!

    Asked by barman,

    0 votes
    8 answers

  21. Размер шрифта

    Приветствую. Подскажите, если в стилях для тега html задан размер шрифта 75%, от какого абсолютного значения считается этот процент? html{ font-size: 75%; font-family: Arial, Verdana, sans-serif; } и вообще, объясните, как новичку, что предпочтительнее - проценты или пикселы и по какой причине? заранее спасибо!

    Asked by soler,

    0 votes
    3 answers

  22. Подчёркивание

    Всех с Новым Годом! Взял подчеркивание отсюда http://htmlbook.ru/faq/kak-dobavit-punktir...vanie-k-ssylkam В общем код работает без проблем, но стоит в CSS правила добавить * {margin:0; padding:0;} А ссылку заключить в <h*></h*> Как код перестаёт работать в IE8. Искал этот затык в коде целый час. Теперь думаю, как исправить. Вот тестовый код, который я использую: <!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>Untitled Document&lt…

    Asked by Coder_D,

    0 votes
    17 answers

  23. Навигация с дополнительным текстом

    Делаю навигацию для сайта. Оформляю ее как список. Когда в код вставляю описание ссылок (т.е. все, что на рисунке отмечено серым цветом), то навигация становится не горизонтальной, а вертикальной. Перенос текста делал тегом <br />. В общем, подскажите, пожалуйста, как написать код, чтобы было как на картинке. Премного благодарен за ответы. Картинка:

    Asked by unquaker,

    0 votes
    5 answers

  24. Получение свойств CSS элемента

    Объясните плиз - вот я создаю к примеру <div> и прописываю ему CSS свойства: position: absolute; width: 300px; height: 200px (к примеру). Потом после события onload я получаю доступ к элементу через getElementById и пытаюсь узнать его параметры как document.getElementById.style.width и - ничего не получается. alert(document.getElementById.style.width) выдает пустую строку! Я-то ожидал там увидеть значение параметра.... Что тут не так?

    Asked by miknsk,

    0 votes
    5 answers

  25. использование смайлов и подписей в сообщениях с адресами, отличными от адреса форума

    это правда, что использование смайлов и подписей в сообщениях с адресами, отличными от адреса форума, т.е. присоединенных к сообщениям с других сайтов и форумов "тормозят" работу форума

    Asked by prosim,

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