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. Проблема с 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

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

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

    Asked by Sensei,

    0 votes
    15 answers

  3. Руссификация HTML 5 шаблона

    Всем здравствуйте! Недавно занялся web-програмированием! Скачать шаблон, но когда пытаюсь вводить русский текст - все пусто, кодировки везде utf-8! Вот код <!DOCTYPE html> <html lang="en"> <head> <title>Home - Home Page | Student's Site - Free Website Template from Templates.com</title> <meta http-equiv="Cоntent-Type" cоntent="text/html; charset=utf-8" /> <meta name="description" content="Place your description here"> <meta name="keywords" content="put, your, keyword, here"> <meta name="author" content="Templates.com - website templates provider"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="a…

    Asked by Sunsayka,

    0 votes
    3 answers

  4. Блок тянется вниз за соседним

    Здравствуйте. Есть проблема, которую немогу решить, уже всё пересмотрел, голову ломаю. Есть сайт трехколоночный, на дивах, натянутый шаблон на CMS. Так вот покажу на скриншотах проблему, чтоб не объяснять на пальцах. Блок, выделенный красным цветом тянется за блоком боковым (зелёный) и образуется пустое, никому не нужное, пространство. Дело в том, что далее ,следующий блок идёт нормально. Это пустое пространство создаётся только в первом блоке, возле которого боковые блоки. Где копать ? Почему так ? Честно, не могу догнать, я не очень в этом ещё силён, в принципе всё элементарно, но именно это я не понимаю. Сайт где видно всё это - в профиле.

    Asked by *JoKeR*,

    0 votes
    4 answers

  5. Отступ от шапки до меню, при использовании SSI

    Здравствуйте. Сложилась небольшая проблема. На сайте http://svetlas.ru/, создано около 20 разных страниц. Соответственно, имея разный контент, они имеют одинаковое меню, оформление, шапку и подвал. Сайт в основном сделан табличной версткой. Связался с хостером, и попросил включить для нас SSI, чтобы избежать многократного внесения изменений на каждой странице в отдельности, и вынести повторяющиеся части HTML-кода в отдельные блоки. Всё сделал по инструкции. Вот её часть: Первое что нам необходимо сделать, это переименовать наш файл index.html на index.shtml - именно такое расширение файла указывает Web-серверу на то, что мы собираемся использовать SSI Вырезаем из …

    Asked by Cyanide,

    0 votes
    4 answers

  6. Background-image

    Дано: ссылка, стилизованная под кнопку, может иметь разную высоту Задача: для каждого из четырех состояний(link, hover, active, disable) нужно наложить фоновую картинку. Решение в лоб: для каждого состояния прописать background с repeat-x и прочими необходимыми параметрами, но есть минус - 4 http-запроса для каждой картинки. И еще проблема в том, что в качестве фона используется не линейный градиент, два градиента с пересечением по середине. Ну и соответственно это пересечение и должно быть по середине кнопки. Возможно ли решить проблему с помощью этого спрайта?

    Asked by IIAIIIA,

    0 votes
    6 answers

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

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

    Asked by aov000,

    0 votes
    3 answers

  8. Как убрать рамку в IE вокруг элемента object?

    В IE отображается рамка вокруг элемента object можно её как то убрать. Пробовал через CSS border: none; Не помогает!

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

  9. fixed div

    Здравствуйте, у меня такая проблема. Хочу сделать два основных дива левый и правый, левый фиксированный при прокрутке. Вешаю на него позишн:фиксид и все замечательно, но только до тех пор пока не начинаю масштабировать в сторону увеличения. Правый блок заезжает на левый. Отсюда вопрос: можно ли сделать див фиксированный только по вертикали?

    Asked by Sensei,

    0 votes
    18 answers

  10. margin: 0 auto для меню span float:left

    Добрый день! Не получается .menu span сделать по центру блока .menu .wrap {position: relative; min-height: 100%; height: auto; -height: 100%;} .container {margin: 0 auto; padding-bottom: 198px; min-width: 998px; max-width: 1000px;} .content {padding: 80px 0px 0px 13px;} .head {padding: 0; height: 247px; background: #ffffff url(../img/headerbg.jpg) 50% 100% no-repeat;} .logo {width: 187px; height: 49px; padding: 77px 0 0 64px;} .logo img {width: 180px; height: 146px;} .foot {background: #ffffff url(../img/footerbg.jpg) 50% 0 no-repeat; width: 100%; position: absolute; bottom: 20px; height: 129px; z-index: 22; left: 0;} #foot {margin: 0 auto; min-width: 998px; max-width…

    Asked by Вадим,

    0 votes
    2 answers

  11. Поплыл шаб

    Добрый день! Поплыли блоки в сайтебаре, подскажите как поправить... Хочу вот так - Пока вот так - А так же подскажите, как сделать белый блок (для всего контента + сайтебар) (есть в 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

  12. IE 8 не видит ссылок

    Я вообще то не фанат кроссбраузерной верстки, и не заморачиваюсь насчет IE6-7 но вот в IE 8 стараюсь проверять. Но с такой проблемой столкнулся впервые. Дело в том, что этот браузер в упор не видит ссылки слева, пока не прокрутишь страницы до конца! Кто нибудь сталкивался с подобным? Если да, то как решить? _http://test.kabushikigaisha.ru/webster/ Вот CSS который к этому относится

    Asked by terminotor,

    0 votes
    7 answers

  13. Тень у блока с трех сторон, как?

    Как сделать тень у дива только с трех сторон? Только ухищряться? Два дива идут один под другим без отступа, образуя одно целое. Это все должно быть с тенью. Присваивая тень обоим блокам, получаю тень посередине, а это лишнее. Думаю сделать див обертку под эти два, и присвоить тень обертке, а у этих убрать. А более простого нет решения, нету такой опции присваивать тень отдельно сторонам?

    Asked by Galyanoff,

    0 votes
    10 answers

  14. max-width в div вёрстке

    Начал работать с DIV вёрсткой. Вот появились первые проблемы. Суть проблемы: Есть 3 div'a, нужно разместить их в одной строчке. Первый и третий div имеют ширину max-width: 100px - это сделано для того, чтобы при отсутствии в них какой-то информации они просто пропадали и 2-ой div, у которого ширина указывается с помощью параметра min-width, мог расширится засчёт этих дивов. С таблицами это всё просто обернуть, да и информация там не уходит за приделы ячейки(ниже увидите о чём я), а тут возникли проблемы. Помогите довести до ума. Вот мои наработки - http://jsfiddle.net/Hacvc/3/

    Asked by Plany,

    0 votes
    2 answers

  15. Принудительное 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

  16. opacity в див

    Материнскому диву присвоил opacity: 0.7 и потом в нем создал еще один див, и прозрачность тоже ему передалась. Как сделать так ,чтобы дочернии див не был прозрачным. Пробывал дочернему диву прописать opacity: 1 - не работает.

    Asked by nik1524,

    0 votes
    3 answers

  17. помогите решить проблему Adobe Dreamweaver CS

    Прошу прощения в заранее за глупый вопрос! Изучаю программу Adobe Dreamweaver CS дошёл до создания баз данных, непосредственно до загрузки данных с сервера на страницу. Подскажите где в программе находится раскрывающийся списки согласно этому отрывку из учебника? Раскрывающийся список Cursor Type служит для задания типа набора данных. В нем доступны четыре пункта: * Static — статический набор данных, * Forward Only — однонаправленный статический набор данных, * Dynamic — динамический набор данных, * Keyset — ограниченный динамический набор данных, Раскрывающийся список Cursor Location задает местонахождение набора данных Раскрывающийся список Lock Type задает тип блокиров…

    Asked by Гeopгий,

    0 votes
    2 answers

  18. Не учитывается высота картинки-слоя при использовании float

    Здравствуйте! Задача: сделать блок для новости, на всю ширину. Сначала идет заголовок, потом описание, в описании - изображение, прижатое вправо и обтекаемое. Решение: http://medicus-kohler.ru/categories/25 <div id="short_article_8" class="short_article"><h3 class="title"> <h3><a href="/articles/8">DT-9445 Воротник Нельсона</a></h3> <div class="thumbnail"><img src="/attachments/16/original/DT-9445.jpg?1332360761" alt="Dt-9445"></div> <div class="description"> <p>Воротник Нельсона - это корсет для жесткой фиксации шейных позвонков, имеет вентиляционные отверстия, ширина регулируется с помощью ремешка-липуч…

    Asked by kuraga,

    0 votes
    1 answer

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

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

    Asked by Imperil,

    0 votes
    2 answers

  20. псевдокласс :hover

    День добрый ! Вопрос такой: Можно ли с помощью :hover , заданного для одного элемента (например DIV-а), задать изменение стиля другого элемента ? К примеру: Наводишь курсор на Div #1, а фон меняется у Div #2, или (или координаты картинки какой-нибудь меняются, ну в общем что угодно, только с другим элементом. Спасибо

    Asked by volkoff,

    0 votes
    4 answers

  21. Колебания в Opera

    Добра всем! Сделал что бы при наведении на logo появилось другое img. popcorn-j.narod2.ru/ Но почему-то на Opera это дело скачет... Кто знает как решить? CSS — #logo .loggo { wight: 306px; height: 79px; position: relative; top: -92px; left: 10px; } #logo{float:left; z-index:7; } #logo {display:block; display:inline;} #logo .logo ul {display:none;} #logo .logo:hover ul {display:block;} #logo #main {float:left; position:relative; left:0px; top:-86px; width: 306px; height: 15px; z-index:5;} CSS — HTML — <div id="logo"> <div class="logo"> <a href="http://popcorn-j.narod2.ru/"><img class="loggo" src="image/logo.png" alt="Popcorn"/></a> <ul…

    Asked by SCANIT,

    0 votes
    0 answers

  22. Два элемента и содержимое.

    Добрый день! Есть элемент #a с фиксированным размером и следующий за ним элемент #b. Код: <style> div { height: 10px; width: 10px; } #a { background: #fcc; } #b { background: #ccf; } </style> <div id="a">1<br/>2</div> <div id="b"></div>Как при помощи css сделать так, чтобы второй элемент #b шел после содержимого первого элемента #a, выходящего за его границы? Как есть и как должно быть: Порядок элементов менять нельзя, создавать другие элементы тоже. Размеры содержимого элемента #a произвольны (неизвестны), поэтому просто задать margin для элементов нельзя.

    Asked by Webkit,

    0 votes
    7 answers

  23. Блок Div сдвинут на 1 пиксель в Опере

    Доброго времени суток, уважаемые форумчане! Появилась проблема, с которой я раньше как-то не сталкивалась. В Опере div сдвинут на 1 пиксель в сторону. В Хроме такой проблемы нету. Подскажите, в чем может быть загвоздка? Сайт xstroy.biz

    Asked by katjuha6,

    0 votes
    6 answers

  24. Смена 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

  25. Ура! У меня ничего не получилось

    Ура!! У меня ничего не получилось. Вот так то. Хотел построить вебсайт, который бы мне нравился, HTML+CSS Потом бросил это дело, подумал, что легче будет сделать это методом Joomla+WordPress. Почти ДВА месяца пробовал "в*ехать в эти прибамбасы", смотрел видеоуроки, где по полочкам все разложено, вроде понятно, захожу на Joomla пробую делать - не получается, то же самое и с WP. Короче - результат отрицательный, но это тоже результат. Сейчас вот думаю пойти другим путем. Используя Dreamweaver CS5.5 наклепать заготовок, какие нравятсй, а потом при помощи HTML+CSS построить каркас и внести туда все, что мне нравится из ранее "наклепаного". Однако вопрос один остается: …

    Asked by www...,

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