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. хочу круто сделать маркеры справа, но все что-то не выходит пока

    Хочу с помощью 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

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

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

    Asked by prowoke,

    0 votes
    11 answers

  4. FF со встроенным ИЕ

    Добрый день. Возникла одна проблема с отображением страницы В ФФ где есть встроенный Ие изменяется все ( на данной картинки размер всплывающего окна и появляется ненужная полоска внизу - отмечено ) но когда открываешь не встроенный ИЕ а скажем так "обыкновенный" то все как надо, также и в "обыкновенном" ФФ. Так вот в чем может быть проблема и стоит ли решать эту проблему или может пользователи браузеров ФФ не пользуются встроенным браузером Ие? Могу дать код страницы. А так же вот скрины Ие встроенный в ФФ http://imm.io/2MAT Просто ИЕ http://imm.io/2MAU ФФ http://imm.io/2MB3

    Asked by Temiks,

    0 votes
    4 answers

  5. Центрирование или нет сам не пойму

    Сайтец: опа До этого вместо flashки была просто картинка, через css background top center, нижний прокрутки не было. Вставил flashку, появилась полоса прокрутки + что-то мне подсказывает, что отцентрировал я не правильно. Как заставить flash вести себя как background? Сейчас сделал через position:absolute;z-index:5. Всем остальным элементам position: relative; z-index: 10.

    Asked by Master of Magic,

    0 votes
    6 answers

  6. Верстка div

    Здравствуйте! Только начал осваивать CSS, и никак не могу понять одну вещь в дивовой верстке. На одном сайте увидел пример: <div style="background:#A485B8;">1<br>text</div> <div style="position:relative;" id="dopoln_block"> <div style="background:#66AAD7; width:200px; position: absolute; top:10px; left:10px;">2<br>текст</div> </div> <div style="background:#C6C600;">3<br>содержимое</div> Здесь вводится дополнительный блок <div style="position:relative;" id="dopoln_block">. Собственно вопрос - зачем? На форуме данного сайта ответа не было. Если убрать этот блок "2 Текст" съезжает наверх. Можно привести …

    Asked by Sedli,

    0 votes
    2 answers

  7. Закругление textarea && text

    Вот ищу сейчас в гугле и на этом сайте и везде информация о закруглении дивов или картинок. А можно как нить закруглить поля для ввода ? Это text и textarea.

    Asked by prowoke,

    0 votes
    6 answers

  8. Как реализовать гориз. выпад. меню на css (см. пример)

    Как реализовать такое меню как тут: http://www.mozilla-europe.org/ru/firefox/ Там не используются скрипты, только css, такое мне и нужно

    Asked by barman,

    0 votes
    1 answer

  9. Проблема ie7

    Сразу скажу, код не мой, код ужасный и бестолковый. Так что смотреть код слабонервным не рекомендуется. (Для открытия окна кликните на фотку) Попросили исправить в ие7 лаг при прокрутке. Открывающиеся окошко должно быть фиксированным. но оно как то съезжает вниз при прокрутке. И еще раз, за код меня не ругайте, человек который делал я его даже не знаю.

    Asked by Mr Loga,

    0 votes
    4 answers

  10. Можно ли табы (пример по ссылке) заставить работать в IE6 как в других браузерах?

    Вот пример табов: http://intera.name/test/tabs/tabs.htm Везде работает, в IE6 кривовато. Перепробовал разные варианты комбинации стилей, почистил !important Подправил скрипт, он на активный таб теперь дает класс "ui-tabs-selected", а на обычный - "myui" На картинке нарисовал принцип работы. Поможите!

    Asked by Intera,

    0 votes
    2 answers

  11. Мультиколоночный текст

    Есть задумка сделать вывод текста (статьи, например) в несколько колонок. Как сделать вывод, например, в 2 колонки так, чтобы обе колонки были одного размера по высоте. Сумбурно как-то объяснил, но может кто-то поймет и подскажет

    Asked by WhiteNight,

    0 votes
    2 answers

  12. Элементы форм

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

    Asked by DzR,

    0 votes
    2 answers

  13. Проверка кроссбраузерности.

    Решил заняться версткой более менее профессионально, а не на уровне подправить что-то или сверстать простенькую страничку. Сразу же возник вопрос - как организовать проверку в разных браузерах? Например такое требование к макету: FireFox 2+, Opera 9.0+, Safari, Chrome, IE 6.0+ 1) Какие версии браузеров ставить? Все? Но тогда проверка во всех займет достаточно продолжительное время, так как одних опер больше 30 выйдет. 2) Что делать с IE6? Ставить его одного на виртуалку? 3) Различается ли отображение в разных ОС у одного и того же браузера? 4) Можно ли это как нибудь автоматизировать? Что то типо http://www.lunascape.tv/ но только с выбором нужного браузера, как в IEte…

    Asked by Nagibator,

    0 votes
    12 answers

  14. Дайте пожалуйста совет...

    Здравствуйте! Я начинающий верстальщик! Я только изучил базовые HTML, CSS. Я хочу научиться верстать красивые макеты... Но не знаю как это верстается... Можете пожалуйста написать что делать, дать ссылки на хорошие уроки... Спасибо заранее!

    Asked by aknur,

    0 votes
    6 answers

  15. Последовательность загрузки изображений

    у меня такая проблема: на сайте давольно много графики (разных картинок), и хотелось бы, чтобы они загружались последовательно (в каком-нить заданом порядке). подскажите пожалуйста, возможно ли так сделать? если да, то как?

    Asked by qwertyn,

    0 votes
    2 answers

  16. Почему опера выравнивает list-style-image по верхней линии?

    День добрый Вот для меню, которое идёт списком сделал картинку для второго уровня. ФФ и ИЕ отображают его нормально, а опера приклеивает к верхней линии. Смотрите скрин. Сверху - опера, снизу ФФ Помогите пожалуйста. Может чтото прописать надо, чтобы отцентровать эту стрелку? Заранее спасибо

    Asked by artpol,

    0 votes
    3 answers

  17. Как красиво записать свойство селектора

    вот код #head {width: 902px; height: 131px; margin: 0 auto; border-left: 1px solid #979c98; border-right: 1px solid #979c98; background: #d9e2da как сократить

    Asked by barman,

    0 votes
    12 answers

  18. Не отображается фон у DIV'а

    Не отображается фон у DIV'а (хтмл) вот такое свойство у дива { background: url('des/img.gif') 0 0 no-repeat fixed; width: 920px; height: 59px; margin: 144px auto 0; } путь к фону указал правильный при просмотре в браузерах, фон у дива не отображается в чем ошибка?

    Asked by barman,

    0 votes
    6 answers

  19. css ie fix ( не растягиваться блок)

    .block { line-height: 5px; background-color: #c40014; padding: 5px; margin-bottom: 10px; color: white; } во всех браузерах от растягивается в зависимости от содержания .а тут аккордион меню стоит и если открыть свернутые пункты - содержание выпадает за нижний предел блока..

    Asked by ufaclub,

    0 votes
    2 answers

  20. Текстовое поле перекрывается голубоватым прямоугольником

    Здравствуйте. Сталкивался ли кто-нибудь с проблемой в IE8 с установленными тулбарами, чтобы при фокусе на текстовом поле input[type=text] его перекрывал непонятный голубоватый прямоугольник, не позволяя смотреть на то, что вводишь в него. У input'а никаких особых css-свойств нет. Для тега выставлено autocomplete="off", может быть, дело в этом? Баг наблюдается у заказчика на ноутбуке по его словам. Я не смог повторить такой на своём с точно такими же параметрами системы (ноутбук правда другой). Кто-нибудь сталкивался с этим? Буду благодарен за любую информацию.

    Asked by EugenyK,

    0 votes
    0 answers

  21. Помогите с растяжкой на странице

    Вот здесь то чего удалось уже добиться Футер прижат книзу, но внутренний блок с текстом заканчивается там же где и текст (это видно по border'ам серым, которые обрываются вслед за текстом). Если div'у (content_inside), в который заключен текст, поставить min-height 100%, то футер уходит за страницу и появляется прокрутка. Теперь два вопроса: 1. Как подправить, чтобы бордеры div'a(content_inside) прилегали к футеру? 2. Будет ли тогда возможным разместить контент в правом нижнем углу, прижатым к футеру (нижняя часть колонки где флэш с погодой - div.content_inside_sidebar) ? Вот пример разметки: <div id="total"> <div id="content_inside"> <div id…

    Asked by cul8er,

    0 votes
    0 answers

  22. Перекрытие абсолюта

    Вот страничка: тынц Про дизайн ничего не говорите - что дали, то и верстаю Картинки - тоже черновые. Вопрос в следующем: почему кружок логотипа и выпадающее меню (о проекте) перекрывается нижней границей родительского элемента? Только в IE (проверял в седьмом). Overflow там не задан.

    Asked by d0ublezer0,

    0 votes
    11 answers

  23. Почему только в Opera работает так, как надо?

    <style type="text/css"> table.switch { border: 2px groove #1d1916; background: #332D2A; margin: 0 auto; width: 60%; cursor: hand; } </style> margin: 0 auto ; - это отвeчает за то, чтобы таблица была по середине. Это работает только в Opera, FireFox, а в IE она отображается слевого края, как по умолчанию. Прошу помочь, почему такое различие. В одних браузерах всё как надо, а в IE такая проблема. И каким безболезненным способом её можно решить? Второе: cursor: hand; - это значит, что при наведении курсора на таблицу он изменяет свой вид на вид руки. В этот раз, это не рабоатет в FireFox, в IE и Opera работает как надо. А в файрФоксе курсор ведет …

    Asked by tolikrog,

    0 votes
    6 answers

  24. Очень нужна помощь! CSS

    Обьясните пожалуйста что за дела? Я отметил на картинке места где я использовал русский текст пр создании HTML страницы с использованием CSS вот и что получилось выводит какую то бяку подскажите из за чего это может быть?

    Asked by MEGA_Slava,

    0 votes
    1 answer

  25. INLINE

    В общем вся суть проблемы есть так называемый хит продаж, его можно посмотреть тут в правой колонке сайта моя задача:нужно отключить так называемую карусель и вывести товары в один ряд. файл хтмл: <div class="carouselDiv"> <div class="jCarouselLite"> <ul> {section name=i1 loop=$hits_to_show max=$smarty.const.CONF_MAX_HITS} <li> <div style="margin: 2px; text-align: center;"> <a href="./{$hits_to_show[i1][5]}"> <img src="./products_pictures/{$hits_to_show[i1][3]}" width="130px" height="130px" alt="{$hits_to_show[i1][1]|replace:'':'"'}" /> </a> <br/> <a href="./{$hits_to_show[i1][5]}" class="ti…

    Asked by sce,

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