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. Выпадающее меню :hover

    Добрый вечер. Суть вопроса. Есть выпадающее меню, в нормальных браузерах + 7 и 8 осле работает, в 6 - нет div.header-middle ul.menu { width: 100%; height: 60px; list-style: none; text-align: right; position: absolute; top: 10px; left: 0; } ul.menu li.menu { border-right: 1px dashed rgb(250,130,30); display: inline-block; float: right; width: 8%; height: 100%; text-align: center; vertical-align: top; position: relative; } ul.menu li.menu-end { border: 0; } ul.menu li.menu a { color: rgb(10,10,10); font: normal 12pt Arial; text-decoration: none; display: block; width: 100%; height: 100%; pa…

    Asked by Frolov,

    0 votes
    4 answers

  2. Меню

    index.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=iso-8859-1" /> <title>Информационный сайт</title> <link href="style/common.css" rel="stylesheet" type="text/css" /> </head> <body><div id="page"> <div id="header"> <h1>Название сайта</h1> <h2>Краткое описание сайта</h2> </div> <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li&g…

    Asked by alexandr.coder,

    0 votes
    3 answers

  3. Выравнивание

    http://flowers-in-the-house.ru/primer.html Справа нужно вставить картинку и что бы при любом растягивании страницы контентом она была вплотную к нижней зелёной поолске. Как так делать? Кол-во новостей естественно будет менятся и высота блока новостей. Вёрстка дивами

    Asked by SoFuWa,

    0 votes
    4 answers

  4. про карусель и <MARQUEE>

    Итак, имеется следующее задание: есть ряд картинок, открывающихся в увеличенном формате во фрейме, картинки должны пролистываться, при нажатии на одну из них, получаем ее большого размера. но прокрутка работает лишь тогда, когда не указаны ссылки. Подскажите, можно ли реализовать все-таки на <MARQUEE> такую задачу?

    Asked by malena,

    0 votes
    4 answers

  5. Буквы разных цветов в одной строке.

    Здравствуйте, нужна следующая надпись (вложено), возможно ли так сделать средствами HTML+CSS? Знаю, что первую можно выделить как захочется, применив псевдоэлемент first-letter. Как поступить здесь?

    Asked by Red Planet,

    0 votes
    1 answer

  6. концептуальное отличие B от STRING и I от EM

    Сабж. Не могу понять, зачем нужен B и I. Смотрим DTD xhtml 1.0 strict: так в чем разница?

    Asked by phpist,

    0 votes
    7 answers

  7. зачем getElementById

    В многочисленных примерах кода часто используется функция getElementById, вот например "озебривание" таблицы: <table border id="tb"> <tr><td>1.1<td>1.2<td>1.3</tr> <tr><td>2.1<td>2.2<td>2.3</tr> <tr><td>3.1<td>3.2<td>3.3</tr> <tr><td>4.1<td>4.2<td>4.3</tr> <tr><td>5.1<td>5.2<td>5.3</tr> <tr><td>6.1<td>6.2<td>6.3</tr> <tr><td>7.1<td>7.2<td>7.3</tr> <tr><td>8.1<td>8.2<td>8.3</tr> <tr><td>9.1<td>9.2<td>9.3&lt…

    Asked by rgl,

    0 votes
    1 answer

  8. Как спрятать блок за экран без горизонтальной прокрутки?

    У сайта есть блок div с элементом графики (красный блок), который не влезает в разрешение 1024, т.е. виден только в более высоком разрешении. Как сделать, чтобы браузеры не реагировали на него и не появлялась горизонтальная прокрутка в меньших разрешениях?

    Asked by MiHALbI4,

    0 votes
    15 answers

  9. Что значит подобная записть?

    В CSS: Индификатор же определяется так Встретил в коде такое.

    Asked by SoFuWa,

    0 votes
    4 answers

  10. Сползает в IE 6..

    Во всеми нами любимом и обожаемом браузере творится нечто невообразимое и никогда ранее не слыханное! Как же так оО !? Вобщем даю ссылку, сами смотрите. В правильных браузерах нормально, а вот в IE 6(ну может ещё 7 - не проверял) правый блок никак не хочет обтекаться и все что левее съезжает вниз.. Помогите кто чем может.. ЗЫ: начинающий я только..

    Asked by SANNY_95,

    0 votes
    20 answers

  11. вопрос по list-style-type

    Вопрос следующий: мне нужно сделать список где цифры должны быть выделены жирным шрифтом а все остальное обычном Пример: 1. Бла бла 2. Бла бла 3. Бла бла Нумерацию я делаю через decimal. т.к. если ставить none то строки будут переноситься под цифру Пример: 1. Бла бла бла бла бла бла бла а нужно что бы было Пример: 1. бла бла бла [пробел]бла бла бла Так вот... как мне сделать нумерацию жирным шрифтом? )

    Asked by sh1va,

    0 votes
    2 answers

  12. как создать такие же кнопки

    как создать такие же кнопки как на этом сайте http://www.break-down.ru/

    Asked by neeed,

    0 votes
    38 answers

  13. меню

    Извиняюсь за наглость, но не могли бы подсказать как сделать что то подобное??

    Asked by piy_piy,

    0 votes
    6 answers

  14. Проблема с PNG-прозрачностью

    Нашла в сети скрипт DD_belatedPNG_0.0.8a.js - он добавляет прозрачность рисункам в PNG. Плюс сохраняет эту прозрачность для повторяющихся изображений. В общем, очередной чудо-скрипт. Но, не долго я радовалась - уже на следующем сайте этот скрипт отказался работать. Причем, срипт тот же самый, который нормально работал на предыдущем сайте. Как назло, в теме для Wordpress, которую я верстаю на Денвере, масса PNG-шек. Народ, если кто то сталкивался с таким глюком этого скрипта (или может это несовместимость с другими скриптами?), подскажите, как с этим бороться.

    Asked by Mila,

    0 votes
    22 answers

  15. Полосы при создании фона

    Нужно сделать фон страницы с вертикальным градиентом. В качестве исходной используется картинка psd высотой более 2000 пикселей. Вырезаю из неё полоску шириной 1 пиксель. Сохраняю для веб, как jpg. Задаю полученную картинку с полоской фоном в свойствах css. background-repeat:repeat. В итоге получаю горизонтальное полошение. Если же делать всё тоже самое, но вырезать полоску шириной 40 пикселей, то полошения почти нет. Подскажите пожалуйста, если кто знает, из-за чего это возникает?

    Asked by Колос,

    0 votes
    7 answers

  16. Стиль шрифта

    Собственно крупные шрифты приходиться делать в фотошопе и сохранять png и пофиксиным вставлять! А как сделать чтобы в css был параметр который смягчал обрубленность краев границ букв, если например выводишь так стиль: #font { color: #8c8c8c8c; font: 12pt Trebuchet MS, Verdana; text-decoration: none; }

    Asked by okunev2,

    0 votes
    39 answers

  17. Не подскажите, народ

    Сайт http://msb.adm.yar.ru/ если ставить разрешение моника 800х600, то в сайте начинает наезжать все друг на друга и появляется открытая (пустая) область слева, это видно при проктрутке. Мне посоветовали все блоки сайта поместить в спец тег, называется как то "маркью" или что то подобное, и это называется "заслонки" или как то "заставки". Мне нужна помощь, ребят кто может, может сказать как быть? Вот ссылка на скриншот: http://s43.radikal.ru/i100/1008/54/1fb7bd4fc892.jpg И еще одно: когда начинаешь масштабировать сайт с такой фичей, все сразу встает на свои места.

    Asked by Igorpurgen,

    0 votes
    8 answers

  18. Как разбить страницу на части?

    Уважаемые, помогите разбить страничку на подгружаемые блоки (или на фреймы). У меня есть страница шаблон. Нужно попилить ее на четрые блока: 1. Шапка 2. Боковое меню-реклама справа 3. Нижнее поле (банеры-реклама) 4. Собственно центральная часть, где будет меняться ОСНОВОЕ содержимое страницы. Я не знаю, насколько актуальны нынче фреймы, но нужно нечто подобное. На будущем сайте - страниц 200. Они все должны иметь Постоянную шапку, нижнее поле (типа шапки), и боковое поле с меню. А центральная часть будет содержать Саму инфу, ради которой эти 200 страниц и живут. Есть вариант, что бы Шапка, низ, и боковина, подгружались к каждой из листаемых страниц. Т.е сделав 201, или 20…

    Asked by alturgrey,

    0 votes
    12 answers

  19. Меню на списках

    Всем добрый вечер. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>—--</title> <style type="text/css"> *{ margin: 0; padding: 0; } ul.menu { background: rgb(220,255,230); height: 70px; position: relative; list-style: none; text-align: right; } ul.menu > li { border-right: 1px solid rgb(250,130,30); display: inline-block; width: 8%; height: 100%; text-align: center; } </style> </head…

    Asked by Frolov,

    0 votes
    6 answers

  20. Глюк в Mozilla

    Не могу понять почему в подвале сайта, там где rss ленты, в мазиле всё выделено коричневым цветом, в других браузерах всё нормально. сайт http://muslimka.ru/ Проверил всё с помошью firebug, все стили проглядел, не знаю откуда такой цвет.

    Asked by SoFuWa,

    0 votes
    6 answers

  21. ломается позиция фона при использовании iepngfix

    Решение проблем с прозрачностью png в IE6 найдено здесь: http://www.twinhelix.com/css/iepngfix/ однако, если применить соответствующий behavior к элементу, которому задан background-position, к примеру right bottom, то прозрачность, конечно, появляется, но позиция фонового изображения становится left top независимо от того, какая указана в стилях. Вот как тут быть?

    Asked by swetlana,

    0 votes
    7 answers

  22. Пропорциональный авто-ресайз фоновой картинки на CSS 2, возможно ли?

    Добрый вечер, подскажите, возможно ли реализовать на CSS 2 пропорциональный авто-ресайз фоновой картинки, как на этом сайте? http://www.alexandergusev.com/

    Asked by betaboy13,

    0 votes
    3 answers

  23. Косяк inline-block в ie6

    Есть список новостей. Каждая новость состоит из трех div'ов. Для выравнивания использую inline-block. результат во всех браузерах, кроме ie 6 и 7: Но как всегда ie не хочет по-нормальному отображать. В 6 и 7 версиях заголовок новости немного уходит влево: Подскажите как можно это поправить? Для совместимости использую следующие параметры CSS в соответствующих стилях: display: -moz-inline-stack; display: inline-block; _overflow: hidden; *zoom: 1; *display: inline;

    Asked by MiHALbI4,

    0 votes
    5 answers

  24. В IE8 страница улезает влево

    В верстке не сильна, только начинаю изучать, так что сильно не пинайте Верстаю страницу и все вроде бы нормально, вот только в IE8 страница уехала влево, хотя должна быть посередине (ширина 900px). margin: 0px auto; не помогает Как справиться?

    Asked by klara7,

    0 votes
    5 answers

  25. Как сделать горизонтальное меню из картинок

    Задача вроде несложная - нужно сделать горизонтальное меню, в котором в качестве ссылок будут изображения. Но, почему то эти картинки-ссылки или вообще не отображаются или отображаются как картинки, а не как ссылки. Вот HTML код: <div id="page-menu"> <ul id="menu"> <li><a class="home" href="" title="Главная"></a></li> <li><a class="about" href="" title="О сайте"></a></li> <li><a class="map" href="" title="Карта сайта"></a></li> <li><a class="contact" href="" title="Контакты"></a></li> </ul> </div> Это CSS: #page-menu { float: …

    Asked by Mila,

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