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. Подвал в подвале (нахлестом)

    Подскажите как реализуется такой вот футер: В моей верстке футер уже прижат книзу страницы. В этом диве(футера), находящимся за пределами wrapp контейнера, указана background картинка(сероватый фон). Теперь нужно на этот футер, наложить как то лист с тенью (чтоб получилось как на картинке). Если я указываю во wrapp контейнере как background картинку(лист с тенью) с позиционированием снизу, то она естественно прижимается книзу, а отступ margin'a действует и на прижатый футер(серый фон). Или подскажите адреса сайтов , где есть подобный подвал

    Asked by cul8er,

    0 votes
    11 answers

  2. Плавающая картинка справа

    В общем ситуация такая. есть шапка сайта в виде картинки. Есть еще картинка той же высоты, но уже. с абсолютным позиционированием.(потому как она должна накладываться поверх шапки). Необходимо сделать так,чтобы эта картинка была прижата к правому краю брозера и отступала от него скажем на 100 пх. И при расширении окна браузера она должна оставаться справа, но с отступом от правого края как 100 пх. Спасибо. По сути она должна плавать поверх шапки, с отступом от правого края на 100 пх.

    Asked by phatol,

    0 votes
    2 answers

  3. Задачка. Обтекаемый футер снизу.

    Всем Добрый день. Есть следующий вопрос: как можно сделать обтекающий слой прижатым к низу (см. изображение). Высота wrapper будет зависить соответственно от кол-ва контента в блоке left с указанным float. Для вроде бы простой проблемы - в инете решений не нашел (есть только решения для фиксированной высоты), пробовал делать сам следующим образом (путем добавления блока с clear:left и вымещением вверх футера margin-top:-40px;): HTML: <!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; ch…

    Asked by novicheG,

    0 votes
    32 answers

  4. IE6 смещает картинку

    Приветствую. Есть сайт http://tdsol.ru/?page_id=3. Подскажите, почему в мозилле все пучком (и меню "Продаем" открывается, и png в шапке нормально видно, и карта в контактах на своем месте), а в IE6 все это глючит. Да и вообще если в нем открывать сайт, снизу сразу пишет что открыто с ошибками. Как это побороть?

    Asked by pix_l,

    0 votes
    7 answers

  5. Шрифт в Mozilla

    Сравнил все браузеры, в Mozilla Firefox 4 шрифт больше чем в других тестировал с font-size em и px (Arial) Всегда использовал em и везде было абсолютно одинаково, даже на пиксель нигде не смещалось ничего, кстати с px по другому, но это другая тема. Тык что же случилось с Firefox ? как исправить? p.s: у всех так?

    Asked by EDark,

    0 votes
    4 answers

  6. Про ФОН, CSS и скрипт!))

    Здравствуйте, начал создавать сайт на okis.ru вот он Моя ссылка Возник вопрос, как с помощью CSS можно сдвинуть чуть правее скрипт с глобусом (он находится справа под новостями) и сделать над ним фон, как у всего сайта? Виктор.

    Asked by SemenAS,

    0 votes
    4 answers

  7. Двойной фон в разные стороны

    Здравствуйте! Помогите пожалуйста сделать такое: Может быть, можно сделать 1 фон первые 50%, второй фон - след 50% и будет нормально вроде

    Asked by Xorigan,

    0 votes
    9 answers

  8. Еще одна задумка

    Вот такое хочу)) : Есть две страницы. На первой-ссылки на контент. На второй- форма для скачивания. При нажатие ссылки на первой, происходит переход на вторую страницу, где в форме отображается соответствующая ссылка на скачивание. На сколько мне хватает фантазии: на второй страницы должен быть Яваскрипт, который бы осуществлял обработку информации со ссылки и вставлял в форму. Интересно еще, как должна выглядеть сама форма. Классно было бы еще Каптчу к форме прикрутить. А, ну, и сам вопрос: как реализовать..? Как всегда, заранее благодарен

    Asked by chest,

    0 votes
    17 answers

  9. Проблема с background'ом

    Приветствую. Помогите разобраться. Имею такой код: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title></title> <style type="text/css"> .main{width:760px;margin:0 auto;} .left{width:499px;float:left;} .right{width:258px;float:left;border:1px solid black;border-top:0px;font-family:Arial,sans-serif;font-size:14px;} .line{background-image:url(image/line.jpg);background-repeat: repeat-x;font-family:Arial,sans-serif;color:#fff;font-weight:bold;font-size:18px;padding-left:5px;} </style> </head> <body> <div class="main"> <div class="left"> <div class="…

    Asked by San4ezz,

    0 votes
    2 answers

  10. Куда IE9 съел фон?

    Проблемная страница здесь. Задача: взять уже имеющуюся вёрстку (оригинал этой же страницы здесь), и средствами только одного файла css развернуть страницу так, чтобы она выглядела естественно для арабского языка. За исключением нескольких нюансов это означает, что нужно просто зеркально отразить. Возникла маленькая, но непонятная проблема. В таблице результатов есть ссылки Bid Now, Add to WatchList, Remove from WatchList. В оригинале им задан фон цветом и маленькие иконки фоновым изображением, но для IE8-, который не умеет скруглять уголки, фоновое изображение задано во всю ссылку и включает эти самые круголки. Делаем просто: ту же самую фоновую иконку размещаем не слева,…

    Asked by swetlana,

    0 votes
    8 answers

  11. При наведении на ссылку выполнялся класс div'а

    Добрый вечер. Подскажите как реализовать при наведении на ccылку <a href="#">text</a>, выполнение класса class="logolittle", который находится в диве <div class="logolittle"></div> (..у меня в диве находится класс, который выполняет плавную смену картинки при наведении, а я хочу чтобы эта картинка плавно менялась при наведении на ссылку с текстом) Я понимаю, что это организуется через onmouseover, только как, не могу допетрить ). Буду благодарен за помощь.

    Asked by arthyrgrex,

    0 votes
    7 answers

  12. Посоветуйте учебник по html в текстовом формате

    Посоветуйте учебник по html в формате txt, rtf, doc, chm, fb2 и других текстовых, но только не pdf и djvu.

    Asked by kpripper,

    0 votes
    4 answers

  13. Не могу воспроизвести глюк.

    Чувствую себя полностью потерянной. Ссылка на страницу. Как ни тестирую — выглядит как задумано. При этом показывают мне такой скрин: Открываю в том же браузере и в той же ОС — всё в порядке. Играюсь с контентом — опять всё в порядке. Но ведь не придумал же заказчик этот глюк. В чём может быть дело? Что я не так делаю? Что нужно сделать, чтобы увидеть этот глюк у себя? У кого-нибудь ещё он есть? При каких условиях возникает?

    Asked by swetlana,

    0 votes
    12 answers

  14. Сложности с вёрсткой списка

    Прямо не знаю, как тему назвать, извините) Выглядит это всё так. Див-обёртка - фиксированной ширины. В нём примерно так всё выглядит: Ссылка 1-1 —- Ссылка 2-1 —- Ссылка 3-1 Картинка 1 —- Картинка 2 —- Картинка 3 Ссылка 1-2 —- Ссылка 2-2 —- Ссылка 3-2 Цена 1 ——-- Цена 2 ——-- Цена 3 Условия: 1. Весь контент, _в том числе и картинки_ подгружается динамически, то есть высота блоков заранее не известна. 2. Картинка N - это ссылка, ведущая туда же, куда и Ссылка N-2. Причём Ссылка N-2 подсвечивается, когда курсор наводится на картинку. Сейчас реализовано так: они обе в одном диве, при наведении на который ссылка подсвечивается. 3. Картинки центрированы по высоте и ширине ячейки…

    Asked by Gaspode,

    0 votes
    11 answers

  15. body и свойство background

    Задача: фиксированный макет в тысячу пикселей шириной, в правом верхнем углу макета - картинка фоном. body сделано как {width: 1000px; margin: 0 auto;}, но фон по-прежнему задаётся так, как будто body занимает всё окно. Мне такое поведение кажется архистранным, но тем не менее. Выход - только дополнительная обёртка?

    Asked by Gaspode,

    0 votes
    33 answers

  16. Chrome и соседние селекторы

    Странно, нигде в интернете не видел упоминания об этом. Совершенно случайно обнаружил, что хром некорректно обрабатывает селекторы соседних элементов. Скажем, если я хочу выделить с их помощью второй элемент в списке, то выйдет всё совсем не так, как хотелось бы. См. комментарии в коде. <!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" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Red Preved</title> <style> dd:first-child + dt { color: red; /* …

    Asked by Gaspode,

    0 votes
    2 answers

  17. небольшая проблемка с таблицей

    <TABLE border="2" align="center" align="middle" > <tr width="600"> <td colspan="4"> <div align="center"><b><font size="15" color="blue">Наши CW </font></b></div></td> <td></td> <td></td> <td></td> </tr> <TR width="600"> <TD width ="200"> <div align="center"> Соперник </div> </TD> <TD width ="100"> <div align="center"> Карта </div> </TD> <TD width ="100"> <div align="center"> Счет </div> </TD> <td width ="200" ><div align="center"> Демка </div> </td> </t…

    Asked by gimpy,

    0 votes
    5 answers

  18. Связанные ссылки.

    Здравствуйте. У меня есть один важный вопрос. Как можно связать 2 ссылки? Что имееться ввиду. В шапке сайта есть несколько моделей автомобилей, которые кликабельны - ведут на страницу с описанием (изображения) - каждая модель в блоке DIV. Также есть горизонтальное меню с названием этих моделей (список). Изображение не получится поместить в список (по дизайну) Как сделать, чтобы при наведении мышки на модель автомобиля подсвечивалось соответствующий пункт меню? Буду очень благодарен за совет (помощь)

    Asked by lukovoy,

    0 votes
    17 answers

  19. Под какой размер монитора верстать.

    Добрый день! Хочу знать мнение профессионалов: Верстать под 1024 х 768, или же можно уже под 1280 х 1024 и не париться? Кто как считает.

    Asked by arthyrgrex,

    0 votes
    13 answers

  20. Отступы, таблицы, кроссбраузерность

    Линк _http://www.energee.com.ua/boards/ 1) В браузерах (кроме Оперы) таблица со списком вылазит за границы прописанной ей области. Подскажите, пожалуйста, как сделать такое же отображение, как в Опере - чтобы секция вписывалась в отведенный ей блок? 2) Если нажать внизу страницы "Все" (для отображения всего списка, то становится еще хуже: _http://www.energee.com.ua/boards/?SHOWALL_1=1 Во всех браузерах таблица съезжает вниз, а в Опере и в ИЕ вообще уходит за пределы видимости. Как вернуть нормальное отображение?

    Asked by photograf,

    0 votes
    10 answers

  21. @font-face

    Есть шрифт вот такой, решили вставить его в проект. Генерю CSS и шрифты разных форматов при помощи сервиса fontsquirrel.com. Возникают проблемы с кириллицей причем как-то странно - кириллица не отображается только в ИЕ7 (с латинницей все в порядке). Пока проверял в ИЕ8, ИЕ9 и Хроме, там все нормально (не знаю как в остальных браузерах). В чем может быть проблема в ИЕ7? Вариант отказа от ИЕ7 не подходит ни под каким предлогом. Шрифт заюзать надо позарез. Кто что подскажет? P.S. Хоть в этом сервисе заявлена поддержка ИЕ5+, но в ИЕ6 (на виртуальной машине) у меня ничего не работает, даже латинница. Интересно почему. Поддержка ИЕ6 в общем не особо нужна, но как бонус было бы …

    Asked by Great Rash,

    0 votes
    8 answers

  22. Google Chrome не хочет отображать текущий класс

    Добрый день всем ! Помогите новичку. В общем такой вот код - <ul id="menu"> <li id="home"><span id="current"><a href="index.html"></a></span></li> <li id="work"><a href="work.html"></a></li> <li id="contact"><a href="contact.html"></a></li> <li id="blog"><a href="blog.html"></a></li> </ul> и стили - #home { background:url(i/home.gif) no-repeat; height:40px; width:117px;} #home a { display:block; height:100%;} #home a:hover { background:url(i/home-a.gif) no-repeat;} #home #current a{ background: url(i/home-a.gif) no-repeat;} соответственно для каждого п…

    Asked by Honcho,

    0 votes
    5 answers

  23. em вместо px, а надо ли?

    Прочитал про em, что нашёл, но так и не понял, чем они лучше px? Говорят, что их в отличии от px можно масштабировать, но почему так, ведь px тоже масштабируются! В общем я чего-то недогоняю помогите понять в них смысл

    Asked by 1284metra,

    0 votes
    3 answers

  24. ссылки под зафиксированным слоем background

    Здравствуйте, столкнулся с небольшой трудностью, поставил как фон слой с зафиксированным рисунком посередине. он представляет собой прозрачное изображение с отрисованной правой и левой стороной, но все меню и все ссылки перекрылись им, а в этом месте он прозрачный. как сделать, чтобы ссылки под пустым пространством работали и не нарушать работы сайта http://sadik-yagodka.ru/ #footer1 { position: fixed; bottom: 0; background: url(images/sadik1-2.gif) center ; left: 50%; margin-left: -600px; height: 600px; width: 1200px; }

    Asked by sinpd,

    0 votes
    6 answers

  25. Прокручиваемый контент и div

    Добрый день! Есть div блок: <div id="centercontent"><jdoc:include type="component" /></div> Вот код идентификатора: #centercontent { background-image:url(../images/1_13.png); overflow:auto; height:300px; float:left; Всё как и хотел (контент джумлы отображается в див блоке с прокруткой), да вот только если контент большой, он растягивает див блок и тем самым портит дизайн. Как мне зафиксировать стенки блока, чтобы контент упирался в него? п.с. дизайн резиновый - в этом основная проблема..., поэтому width определенной ширины не предлагать.

    Asked by arthyrgrex,

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