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. Подскажите где ошибки

    Здравствуйте.Сайт lidisha.ru .Не могу понять как выровнить таблицы.И почему именно в Firefox сайт отображается не правильно,а во всех остальных браузерах-нормально.Заранее благодарю за советы и ответы

    Asked by Stan-86,

    0 votes
    10 answers

  2. Проблемы анимации при использовании CSS Transition и display: none/block

    Делал анимацию с появляющимися и исчезающими блоками через CSS Transition. Но наткнулся на проблемы. Проблему локализовал в таком коде: <style> #animated { -webkit-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; padding: 1em; border: 1px solid black; } </style> <script> function fadeIn() { document.getElementById('animated').style.display = 'block'; document.getElementById('animated').style.opacity = '1'; } function fadeOut() { document.getElementById('animated').style.display = 'none'; document.getElementById('animated').style.opacity = '0'; } <…

    Asked by Anton Diaz,

    0 votes
    10 answers

  3. CSS, растягивание блока в высоту

    Суть следующая: есть один большой блок, содержащий два других: один слева, другой справа. большой блок содержит ТОЛЬКО другие блоки и больше ничего. а вот левый и правый внутренние блоки содержат текст. причём, на каждой странице сайта - кол-во текста разное. задача: сделать так, чтобы высота большого блока равнялась высоте самого большого из двух внутренних блоков, а самое главное: чтобы другой внутренний блок имел такую же высоту! проще говоря: высота ВСЕХ трёх блоков должна быть РАВНА и зависеть от высоты самого большого из внутренних! Проблема в том, что если большому блоку задать фиксированную высоту в пикселях, то внутренним можно поставить по 100% и всё работает. а…

    Asked by strobik,

    0 votes
    4 answers

  4. Поплыл шаб

    Добрый день! Поплыли блоки в сайтебаре, подскажите как поправить... Хочу вот так - Пока вот так - А так же подскажите, как сделать белый блок (для всего контента + сайтебар) (есть в 1 скрине, но нет во 2) HTML <!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" /> <link rel="stylesheet" type="text/css" href="style.css"/> <title>GRead beta</title> </head> <body> <div class="main"> <div class="head"> </div> &lt…

    Asked by Dark_Semi,

    0 votes
    4 answers

  5. Фиолетовая граница картинки и при зажатии красная

    Верстаю страничку и в слайдере картинок возникла проблема кода на фиолетовую границу картинки или на красную вообще и впомине нету к картинкам только один код у меня стоит width:100%;border:4px solid #fff;-webkit-box-shadow:0 1px 5px 0 #4a4a4a;-moz-box-shadow:0 1px 5px 0 #4a4a4a;box-shadow:0 1px 5px 0 #4a4a4a вот картинка

    Asked by vova1212,

    0 votes
    4 answers

  6. Принудительное overflow-x: scroll при overflow-y: hidden

    Здравствуйте. Такая проблема. В div находится еще один плавающий div и для того, чтобы он растягивал своего родителя, к родителю применено правило overflow-y: hidden. Дело в том, что почему-то без спроса div начинает вести себя как будто я еще прописал overflow-x: scroll. Прописывал жестко overflow-x: visible - безрезультатно. Вот без overflow-y: hidden. Вот с. Как убрать этот эффект? Мне нужно, чтобы текст просто уходил за границу, как на первом скриншоте, но в то же время мне надо растянуть элемент.

    Asked by 7ion,

    0 votes
    6 answers

  7. Уезжает колонка(табличная верстка)

    Проблема решена.

    Asked by RFbager,

    0 votes
    2 answers

  8. Li в строку и проблемы с AdBlock

    Собственно проблема. Есть один макет: В данный момент решается проблема с баннерами, расположенными под шапкой. Собственно сейчас они выглядят таким вот образом: И это при display:inline-block !(display:inline ничего хорошего не делает в данном случае) Собственно данная проблема решается установкой списку float:right, но в таком случае возникает довольно специфичная проблема в браузере Google Chrome. При включённом AdBlock Все баннеры сползают подобным вот образом: Вопрос: Как выровнять li в одну строку не применяя параметр float. Где я ошибся? Сайт ironrussia.ru Код элемента: <div class="banners"> <ul> <li></li> <li><a href="http://k…

    Asked by Ge1i0N,

    0 votes
    1 answer

  9. Doctype и слои

    Вот такая проблема. Когда я подключаю doctype к документу, то слойность перестает работать (в частности мне необходимо с использованием position:relative). Без него же (т.е. просто <html> <head></head> <body></body> </html>) слои работают. Неужели "стандарты" не работают со слоями? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> </head> <body> Слой 1 наверху <div style="position:relative; font-size:50px; z-index:2…

    Asked by Demoni,

    0 votes
    4 answers

  10. масштабирование под размер div

    Здравствуйте Подскажите как реализовать так, чтобы изображение сжималось под размер div-а (у которого размер строго задан)? Ну тоесть если размер div меньше размера изображения, то оно не "отсекалось" бы а масштабировалось

    Asked by Gralex,

    0 votes
    2 answers

  11. Смена div

    Уважаемые, Помогите блондинке справиться с непривычным делом! Сразу скажу, что верстка не моя специальность, так вышло, что мне выпала сомнительная честь этим заняться. Ситуация следующая: Есть 2 div, назовем a & b; Суть конструкции: Две локальные ссылки: <a href="div_a"> <a href="div_b"> Ниже располагаются 2 дива: <div id="div_a"></div> (div_a по умолчанию, div_b скрыт) <div id="div_b"></div> И по клику на href="div_b" вместо блока div_а, должен появиться блок div_b. И не где-то там, а именно вместо div_a. Ну и обратная операция - по клику на href=div_a снова виден блок div_a. Все это средствами jquery, чтобы был выпадающий эффек…

    Asked by margolen,

    0 votes
    12 answers

  12. как сохранить background после css-position

    Проблема следующая - есть header в нем на всю площадь нужно не симметрично расположить 4 div'a. Если верстать таблицей - получается уж больно громоздкий код. Я сделал через css (position: relative у header'a и absolute у div'ов). Но header'у был назначен background, a после position div'ы его перекрывают, как их оставить прозрачными???

    Asked by heljoshin,

    0 votes
    2 answers

  13. Визуальные теги

    Всем привет. Ребята, обрыскал инет, но так и не нашёл объяснения этому термину. Растолкуйте,пожалуйста, что такое визуальные теги?

    Asked by anebilitsa,

    0 votes
    1 answer

  14. li в строку

    В общем сайт http://design-wow.at.ua Пытаюсь сделать меню в одну строку, да и впринцыпе сделал, но IE решил что так не пойдет и отображает как список. Как можно исправить?Пробывал и display:inline; , display:inline-block; и float:left; для li, IE всеравно отображает как список..

    Asked by FORT,

    0 votes
    2 answers

  15. элементы DIV в ряд

    Нужно расположить элементы DIV в ряд, и чтобы они вели себя, как обычные элементы - если div-ы не влезают по ширине в окно браузера, то чтобы они сами переносились на новую строку. Как это можно сделать?

    Asked by krustal,

    0 votes
    1 answer

  16. Две разных страницы сайта в одну тему для WordPress

    Всем доброго времени суток! По мере создания первого сайта возник следующий вопрос. Есть свёрстанные две страницы: 1я страница - это главная, 2я страница - это все остальные где будут размещаться посты и контент. Как сделать так что бы они работали между собой? Да ещё и под CMS Wordpress? Заранее спасибо за ответы и помощь!

    Asked by aov000,

    0 votes
    3 answers

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

    Вот такое вот меню: http://zalil.ru/32962144 Картинкой что ли только? Интересует именно наклон

    Asked by Imperil,

    0 votes
    3 answers

  18. Не работает hover в chrome

    Здравствуйте! Помогите, разобраться, почему не работает код CSS для наведения на ссылку в Хроме и Сафари. Никогда с таким не сталкивался. Как должно работать в Хроме можно посмотреть тут: http://itk.budennovsk.ru/ CSS ul.nav_top2 { list-style: none; z-index: 999999999; } ul.nav_top2 li { float: left; height: 19px; margin-right: 20px; cursor: pointer; position: relative; z-index: 1; } ul.nav_top2 li a.one{ color: #005ece; padding: 5px 0 6px 10px; } ul.nav_top2 li a.one:hover{ background: #005ece url(i/top_menu_fonleft.gif) no-repeat left; padding: 5px 0 6px 10px; color: white; } ul.nav_top2 li strong{ font-weight: normal; paddin…

    Asked by pbeloysov,

    0 votes
    0 answers

  19. Давайте изобретём идеальную резину!

    Уже какой месяц бьюсь, пытаясь изобрести идеальную резину, но так ничего и не вышло, даже приближённого к идеальному. Предлагаю объединить усилия. Давайте уже соберёмся и перевернём нафиг привычные представления о вёрстке! Сверстаем шедевр, которым потом будут пользоваться не одно поколение программистов. Собственно, озвучиваю требования по порядку: 1. 2 фиксированных сайдбара и резиновый центр. Фиксированные по высоте футер и хидер. 2. Обтекание больших картинок центральным блоком, то есть макет должен уметь "разъезжаться" шире окна браузера. 3. Футер прижат к низу страницы, а при высоком контенте страница тянется вниз. 4. Возможность сделать header и footer прозрачным…

    Asked by Freakmeister,

    0 votes
    8 answers

  20. Объясните что значит

    В общем разбираюсь в чистом (пустом) шаблоне joomla 2.5 Так, как я в PHP так себе - прошу вашей помощи, что обозначают некоторые моменты: http://jsfiddle.net/jMu2P/

    Asked by Imperil,

    0 votes
    2 answers

  21. Информация о ссылке

    Вопрос такой - При наведении на ссылку в левом нижнем или правом нижнем углу браузера появляется адрес, куда ведёт эта ссылка. Есть ли способ скрыть эту информацию?

    Asked by VEID,

    0 votes
    2 answers

  22. Ajax и индексация

    Я сделал навигацию на сайте с применением аякса, то есть просто подгружаю содержимое в определенный див. У меня такой вопрос: не повлияет ли это на индексацию? насколько я знаю краулеры по ссылкам ведь шарят, а тут ссылки в скрипте зашиты.

    Asked by Sensei,

    0 votes
    15 answers

  23. Изменение шрифта при разных разрешениях

    Можно сделать так, чтобы размер шрифта оставался неизменным визуально при разных разрешениях экрана?

    Asked by apexis,

    0 votes
    1 answer

  24. Кнопку поиска вставить внутрь формы

    Как сделать чтоб лупа была внутри формы? <form action="/" method="post" class="search"> <input type="text" value="Ваш поисковый запрос..." class="searchfield"> <input title="Найти" alt="Найти" type="image" src="i/search_button.png"> </form>

    Asked by moslem,

    0 votes
    1 answer

  25. Проблема с IE

    Здравствуйте!целый день читал различные форумы но ответа на свой вопрос так и не нашел. Сделал сайт для Joomla. При выводе контента возникает проблема: Все что заключено в <div class="content"> занимает больше места чем указано(width) и не помещается области контента. Частично решает проблему overflow:auto появляется прокрутка, но размеры как были так и остаются непонятно какими. В Opera все нормально. Вот код PHP: <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this-&gt…

    Asked by dnest,

    0 votes
    1 answer

  • Обсуждения

    • 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