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. Ищу cms без php и баз

    Подскажите пожалуйста, как решить проблемку. На хосте нет php и работать с базами не могу. Может есть что по управлению. Встроенные fpt менеджеры крайне не удобны. Вот что есть и чего нет: SQL нет php нет CGI нет SSI есть Управление через ftp, Parallels Desktop или ISPmanager.

    Asked by Ururu,

    0 votes
    6 answers

  2. Помогите с меню

    Помогите с меню <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>SKOCH244</title> <style type="text/css"> #mn1, #a11 { display: block; position: absolute; height: 30px; width: 100px; text-align: center; line-height: 30px; border: 1px solid #000; } #mn2, #a12 { display: block; position: relative; visibility: hidden; text-align: center; top: 30px; height: 30px; width: 100px; line-height: 30px; border: 1px solid #000; } #mn1, #a11:hover #mn2 { visibility: visible; } </style> </head> <body> <div id="mn1"><a id="a11" href="#">MENU</a>…

    Asked by skoch244,

    0 votes
    6 answers

  3. Свойство background-repeat

    Добрый день. Подскажите как правильно прописать свойство background-repeat, а то у меня кроме как указанным ниже способом не получается (много дубляжа при этом)? И ещё, подскажите можно ли (и как) использовать не полностью имя селектора id, а только его часть, например вместо tabname_3, просто tabname... и чтоб стиль применялся ко всем селекторам id начинающихся с этого имени? Извините, но не мог найти ответа возможно на не сложную задачу. С уважением Артём. html- ================ <div id="wrap"> <div class="selectTabs"> <ul class="lineTabs"> <li><a id='tabname_6' href="#">SHOPPING GUIDE</a></li> <li><a id='tabname_5' hre…

    Asked by ar.,

    0 votes
    6 answers

  4. оформление select через css

    Добрый вечер. Есть задача оформить выпадающий список при помощи css . Попробовал изменить немного оформление, но работает нормально только в Mozilla, остальные браузеры игнорируют стили, хотя надо изменить только background по :hover и применить padding. Применил такие правила: .s-t-select option{padding:4px 0 4px 10px;} .s-t-select option:hover{background-color:#9bb5c9; color:#fff;} Работает, повторюсь, только в Mozilla... Подскажите, пожалуйста, как решить данную задачу. В инете как вариант нашёл только плагины на jquery, но не хочется навешивать скрипты ради одного списка. Вот ссылка, список вначале страницы, "выбор по экватору" Вот так это выглядит в Mozilla...

    Asked by slo_nik,

    0 votes
    6 answers

  5. MSIE и overflow hidden

    Верстается div-ная страница. Расклад — центр всё время по середине, тянется. Например способом, уведённым у самизнаетекого: CSS #main {width:100%; clear:both; overflow:hidden; position:relative;} #main:after {content:''; display:block; clear:both;} #main_toleft {position:relative; right:50%; float:right;} #main_toright {width:1600px; position:relative; z-index:1; right:-50%;} HTML <div id="main"> <div id="main_toleft"> <div id="main_toright"> <img src="/ima/image.jpg" width="1600" height="400" /> </div> </div> </div> Смысл — прятать левую и правую стороны картинки за окна браузера, когда у пользователя малые разрешения монитор…

    Asked by petrzverev,

    0 votes
    6 answers

  6. не получается поместить кнопку в меню

    пытаюсь поместить эту кнопку http://creation.x2x....iles/knopka.txt в это меню вместо слов "Mission Statement" http://creation.x2x.me/files/menu.txt помогите плиз а то уже долго мучаюсь

    Asked by новечёк-самоучка,

    0 votes
    6 answers

  7. Проблемы с отображением в IE

    Добрый день, уважаемые форумчане у меня появилась непонятная проблема с отображением сайта Fraui.ru в IE, а именно по непонятным причинам правый сайдбар свалился вниз, нет шапки с фоновой картинкой и идет наслоение футера. В чем может быть проблема помогите пожалуйста буду очень благодарен!

    Asked by Nikson9,

    0 votes
    6 answers

  8. Проблемы с разрешением

    Вот сайт http://stsk-sochi.ru/index.php . Не могу разобраться, почему на разрешении 1024х768 и 800х600 у меня появляется горизонтальная прокрутка. Браузер хром. (про другие браузеры я пока вообще молчу, мне бы в этом разобраться...) Подскажите кто знает. Я новичок, прошу прощения, если вопрос глуп.

    Asked by sunbeeg,

    0 votes
    6 answers

  9. Неработает width

    Есть 3 блока с шириной в 250рх, но когда я ввожу текст в эти блоки, он вылазит за пределы блока. Пробовал добавить !important и все равно неработает. Как это можно решить? Спасибо

    Asked by DImas95,

    0 votes
    6 answers

  10. Валидатор ругается

    Валидатор ругается: В результате работы функции php в текст вставляется тег <br /> при чём без слеша этот тег катит а вот со слешем ругается. Что делать?

    Asked by mihai,

    0 votes
    6 answers

  11. Проблема с таблицей

    Вот код таблицы: http://jsfiddle.net/T466t/ Проблема в белых отступах в ячейках. Под этот случай не подходит ни border-left, т.к. он перекрывет синие полосы в начале и в конце таблицы, ни border-spacin, т.к. не работает в IE нормально(+ тоже перекрывает полосы). На первых порах сделал div'ми с белым фоном и задал им высоту ячейки, но если в ячейке появляется вторая строка с текстом вся верстка едет Мне на ум пришло только два варианта: 1. Обернуть таблицу div и ему сделать синие бордеры, которые будут накладываться на таблицу. Но тогда придется делать две таблицы: 1я с шапкой, 2я с дивом и контентом таблицы. 2. Написать маааленький скрипт на JS, что бы высчитывалась высо…

    Asked by moskalev_mihail,

    0 votes
    6 answers

  12. Как сверстать форму поиска?

    Как сверстать такое? Подскажите. Есть два input'а Первый понятно наверное как оформлять, а вот sumbit (синий кружок) не знаю как. Нужно как-то убрать текст с кнопки и поставить background в виде картинки что ли, только как его убрать, этот текст? Html <form action=""> <input type="text" id="search" value="Поиск" /> <input type="submit" id="submit" value="???" /> </form>

    Asked by FoxyFru,

    0 votes
    6 answers

  13. Сложная ссылка

    Есть такая ссылка, не знаю как сверстать с минимум тегов. Когда вариант округлость слева и справа это решаемо, а в данном случае стрелка снизу ещё, не совсем понятно как поступить

    Asked by okunev2,

    0 votes
    6 answers

  14. Сайт криво работает в IE8

    В CSS коде #bottom_line { background:url(../images/bottom_repairse_line.jpg) repeat-x bottom; width:100%; } должна быть внизу сайта, но в IE она почему то уезжает вверх и не пойму в чем проблема, подскажите пожалуйста кто знает, во всех остальных браузерах все гуд. Готов отблагодарить за помощь!

    Asked by stasik2204,

    0 votes
    6 answers

  15. Background - при 800х600

    Доброго всем. Есть проблема, встречала неоднократно, решения пока не нашла. тестовая верстка здесь Если открыть сайт при разрешении 800х600, появляется полоса прокрутки, т к макет верстается на 1000 по ширине. При прокрутке сайта вправо фон в футере там, где не виден сразу, не отображается. Задавала ширину футера и width:100% и min-width:100% - никакой разницы. С этим можно как-то бороться или нет?((

    Asked by Taatshi,

    0 votes
    6 answers

  16. Css - цвет блока меню

    Доброго времени суток. Подскажите, пожалуйста.С версткой и php/css раньше особо дел не имел. Насколько я понимаю, собака зарыта именно в css'e. Нужно, чтобы в цвет красилась вся ячейка, а не только шрифт в левом меню, невыпадающем...Поможете? Кусок кода, который вроде как за это отвечает. /*** Navigation ***/ .nav {border-top: 1px solid #d9d9d9;} .dd {height: 48px;} .dd li {float: left; display: block; border-left: 1px solid #d9d9d9; text-align: center; font-size: 14px; text-transform: uppercase;} .dd li a {color: #000;/*COLOR OF TEKSTA*/ text-decoration: none; display: block; background: #70d612; padding-top: 18px; margin: 0 14px; white-space: nowrap;} .dd li a:hove…

    Asked by kia,

    0 votes
    6 answers

  17. Div Height 100%

    Здравствуйте! Подскажите как растянуть #sidebar и #content на 100% по вертикали. Сейчас все прекрасно тянется, но возникает проблема со скроллом из-за #header. Знаю как это сделать с помощью JS, но не хочется код засорять мусором. Спасибо. Вот исходный код примера.

    Asked by yarikus,

    0 votes
    6 answers

  18. Изменение изображения

    Нужно сделать вкладки как тут http://pyha.ru/ (фишки,мини-FAQ,Библиотека,статьи,кухня,форум) проблема в том что если делать: <a href="http://><img src='img/proba.png' onmouseover="this.src='img/probahi.png'" onmouseout="this.src='img/proba.png'" border=0> и картинку повернуть боком как например "статьи, форум" то при наведении в область квадрата картинка уже сменяется, а на пыхе только при наведении на картинку. пробовал в фотошопе убрать фон, всё так же. (если не понятно объяснил могу скрины дать)

    Asked by Vanilnaya,

    0 votes
    6 answers

  19. Не могу понять почему растягивает левый край

    Всем привет, не могу понять почему растягивает левый край( Сайт www.vs-aqua.ru Вроде делал как резиновый дизайн, а оказался совсем не резиновым.

    Asked by ZFJoury,

    0 votes
    6 answers

  20. не тянется input

    не получается сделать резиновое текстовое поле формы. на этой странице в контейнере .colR есть форма. я пытался поделить её на 2 области.левая фиксированния(в ней будет абсолютно позиционированный <label>). правая резиновая(в ней будет текстовое поле input). проблема в том, что поле выходит за пределы своего родительского контейнера, в результате чего обрезается справа(некрасиво). так должно выглядеть. а вот так сейчас. помогите пожалуйста понять как такое можно сверстать

    Asked by cyklop77,

    0 votes
    6 answers

  21. Сколько нужно файлов CSS

    Подскажите пожалуйста, если верстается многостраничный сайт, то для каждой страницы CSS создавать отдельно?

    Asked by Yarkaya,

    0 votes
    6 answers

  22. Как font-size h2 сделать по таким же как у h1, не зная точной величины font-size h1?

    Добрый вечер. Как можно сделать содержимое h2 таким же по высоте как содержимое h1, заранее не узнавая фактический размер шрифта текста тега h1? Благодарю.

    Asked by borus,

    0 votes
    6 answers

  23. table border

    В ие7 появляется такой косяк http://itmages.ru/image/view/384338/a8d8a634 <table border="0"> <table border="1" style="margin-left:0; *margin-bottom:-1px;" rules="cols" height="100%"> <table border="1" rules="cols" style="margin-left:0; margin-top:-45px; border-top:none;"> в остальных браузерах все нормально как бороться?

    Asked by necro,

    0 votes
    6 answers

  24. Верстка.

    Всем привет! До сих пор понять так и не могу.Вот все говорят,что дабы div`ами верстать надо,всё же мне более удобно верстать на таблицах.Буду благодарен за Ваши ответы ...

    Asked by SteeLZzZ,

    0 votes
    6 answers

  25. Отличаются ли записи...

    Отличаются ли записи: ul#menu li и #menu ul li друг от друга?

    Asked by Imperil,

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