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. Как назначить класс всем ячейкам один раз

    <table> <tr> <td> <td> ... </table> Внутри table много ячеек. Как им всем назначить один и тот же класс? На странице есть еще одна или более больших таблиц, но у всех у них должен быть другой класс, тоже одинаковый для всех. Поэтому задание в виде <style> TD{ ... } </style> не подходит. Т.е. можно ли написать что-то вроде <style> name01.td{ ... } </style> ... <table name="name01"> <tr> <td> ... </table> чтобы в результате стиль name01.td применился ко всем td внутри таблицы с именем name01.

    Asked by aruru,

    0 votes
    3 answers

  2. Наложение html на swf. Не работают кнопки в swf.

    Задача: наложить html-код на swf. Делаем два леера. В верхнем - таблица. В нижнем - swf. Оба леера вижу. html-код работает. Проблема: swf по сути - элементарная галерея с кнопками "вперед" и "назад". Так вот эти то кнопки в леере и не работают. Понятно, что автономно в swf все о'к. Если интересно, код следующий: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>site</title> <style type="text/css"> <!-- #Layer1 { position:absolute; width:1024px; height:756px; z-index:1; } #Layer2 { position:absolute; width:1024px; height:756px; z-index:4; } --> </style> </head> <body bgcol…

    Asked by starro_serge,

    0 votes
    4 answers

  3. Padding в ИЕ6

    Если задать контейнеру размер, и сделать в нем padding (притом отступ намного меньше размера этого контейнера), то в ие6 к размеру еще прибавляется по размеру отступа с каждой стороны, как сделать, чтоб размер не менялся?

    Asked by Kenshi45,

    0 votes
    3 answers

  4. Окно всплива с ссилки

    Подскажите пожалуйста хтмл код для всплива окна как на скрине... !!! Чтобы когда нажимаешь на ссылку то было окно в котором была оддельня информация и чтобы ее тоже можно было переделать в хтмл (тоисть например сделать другим цветом текст ... или там ссылку поместить и т.д. ) ну надеюсь вы поняли!!! )) Заранее спасибо!!! Скрин здесь!!!

    Asked by 3y3bk@,

    0 votes
    5 answers

  5. IMG и обтекание

    Сделал, чтобы рисунок обтекал текстом, как на сайте написано, но в результате рисунок заезжает внутрь div, это можно исправить?

    Asked by Kenshi45,

    0 votes
    17 answers

  6. Validator.w3.org

    значит парни вот такие ошибки Прошу помощи Data Life Engine 7.3 (лицензия) Result: 1 Error Address: Encoding: windows-1251 Doctype: XHTML 1.0 Transitional Root Element: html Root Namespace: http://www.w3.org/1999/xhtmll Line 80, Column 22: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag . <p><div id='news-id-4'>Текст ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing eleme…

    Asked by cyku,

    0 votes
    6 answers

  7. Смена фонового рисунка

    Добрый день. Укажите пожалуйста на ошибку. Меняю фоновую картинку в ячейке таблицы, на другую (в IE-6 работает а в FireFox - нет)? КОД - <td background='up_menu/img/menu.jpg'; onmouseover=\" background='up_menu/img/smenu.jpg'; \" onmouseout=\" background='up_menu/img/menu.jpg'; \" > TEXT_CELL </td>

    Asked by SuperPuperLesha,

    0 votes
    5 answers

  8. Позицианировать элемент внутри TD с обтеканием

    Вобщем народ! есть таблица три строки и 2 столбца. В нижней и верхней строке ячейки обьединены colspan=2. Средняя же строка разбита на 2 ячейки в левой из которых располагается меню сайта а в правой должен распологаться контент. Проблема в том чтобы поместить в правую среднюю ячейку в её правый верхний угол изображение (часть шапки предусмотренной дизайном). Как позицианировать этот элеммент так чтобы он находился в правом верхнем углу, вплотную прилегая к шапке и обтекался с левой стороны и снизу всем размещаемым содержимым??? тоесть в диве картинка w=283 h=202 нужно чтобы текст обтекал этот див и при растягивании ячейки таблицы этот див стоял в правом верхнем углу ячейк…

    Asked by ZO1TER,

    0 votes
    1 answer

  9. Текст и картинки по центру...

    Как вывести в ряд следущее: тест-картинка-текст-картинка-текст и чтобы было отцентровано (вертикальное центрирование)? <style type="text/css"> #navcontainer ul li { display: inline; } #navcontainer ul li a { padding: 12px 5px 0 5px; text-decoration: none; text-transform:uppercase; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><b>Text 1</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li> <li><a href="#"><b>Text 2</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li> <li><a href="#">&lt…

    Asked by iAL,

    0 votes
    14 answers

  10. Тупой вопрос

    Подскажите пожайлуста как мне реализовать такую задумку: Есть 2 блока, один блок навигационный, а другой блок содержит в себе контент. Я хочу сделать так, чтобы если блок контента выше чем блок навигации, то блок навигации всё равно был равным по высоте блоку контента, т.е не обрывался где-то на серидине страницы, а продолжался в низ до футера. При помощи таблиц это реализуется просто, а вот как сделать при помощи блоков не понимаю :)

    Asked by Игорь Ермаков,

    0 votes
    11 answers

  11. Скрол не простой а картинкой, срочн

    реально сделать скрол не боковой, а в самой странице вот чтото типо такого , очень над

    Asked by woofs,

    0 votes
    11 answers

  12. Как разместить ссылки только на морде? WordPress

    сабж. есть код: <? if ( is_home()){ ?> <a href="http://ссылко.com">анкор</a> <?}?> он позволяет размещать ссылку на морде + все страницы статей, а мне нужно только чтоб на главное отображалась ссылка. Подскажите пожалуйста. спасибо!

    Asked by mephistophile_ua,

    0 votes
    9 answers

  13. Многа страниц!

    Много страниц и их как то надо скампоновать. Как это сделать? вот как сдеся на рисунке. астигматизм43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t…

    Asked by tariely,

    0 votes
    10 answers

  14. Вёрстка слоями. Фиксированный дизайн

    Пытался применить следующие рекомендации http://htmlbook.ru/content/?id=97 Собственно столкнулся с небольшими расхождениями в отображении высоты контейнера IE изменяет высоту блока по обеим колонкам а Mozilla только по правой. Я что то напутал или как с этим бороться? пример моего кода <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Две колонки</title> <style type="text/css"> #container { width: 500px; /* Общая ширина колонок */ background: #fc0; } #leftcol { /* Левая колонка*/ width: 200px;…

    Asked by SRGB,

    0 votes
    6 answers

  15. декоративное подчеркивание ссылки

    Проблема такая. в блоке контента ссылки подчеркиваются вот так border-bottom:1px dotted #BF0A17; Проблема в том как убрать этот бордер если ссылка стоит на изображение. <a href><img /></a>

    Asked by ArtOfHuman,

    0 votes
    3 answers

  16. Выравнивание background-image

    Здравствуйте! Возникла такая проблема: фон который я истользую отказывается выравниваться по низу страницы и Opera и FF, как нистранно в IE7 и IE7 все рабатает так как хотелось бы. Где то читал, что такое возможно если использовать абсольтное позиционирование, но у меня везде используется относительное. Буду рад любым предположениям. Заранее благодарен. P.S.: адрес странички: http://soft.als-krsn.ru/ Css: @import "reset.css"; @import "jqueryslidemenu.css"; * html, body #container { height: 100%; } body {height: 100%;background: #e3ebff url(../img/bg-body.jpg) repeat-x bottom;color:#282726;font:12px Arial,sans-serif;} #container { background:white; position: relative;…

    Asked by Icen,

    0 votes
    10 answers

  17. Выравнивание ячеек таблицы

    Есть таблица шириной 100%, которая состоит из 4-х столбцов. первый столбаец - ширина 20% второй столбец - ширина 30% третий столбец - ширина 20% четвертый столбец - ширина 30% В первом и третьем столбцах находится текст, во втором и четвертом столбцах находятся инпуты (<input type="text">). У инпутов ширина 100%. Проблема: В браузере Интернет Испортил, если в инпуте много текста колонка расширяется больше положенных 30%. Вопрос: Как бы так сделать, чтобы в ИЕ ничего не ломалось? Пробовал ставить у <input> overflow: hidden; - толку никакого.

    Asked by Great Rash,

    0 votes
    5 answers

  18. печать страницы

    страница сверстана слоями, а как организовать печать не всей страницы, а только контента, и чтоб, если материал если не вмещается на страницы при печати разбивался на логические блоки?

    Asked by sc@r@bey,

    0 votes
    15 answers

  19. как добавить якорь?

    есть ссылки index.php?id=1 как правильно добавить якорь к ссылке, что он находил эту страницу и открывал раздел страницы, где указан якорь?

    Asked by sc@r@bey,

    0 votes
    2 answers

  20. форматирование сылки

    народ, помогите плиз с задачкой: надо чтобы ссылка независимо от длины текста (возможно на одну или две строки) находилась ровно посередине backgraund-image'a, последний имеет заведомо бОльший размер чем, самая большая ссылка. Размер имейджа мы знаем (допустим 220px*60px). Вот класс для ссылки: a.manufacturer { background-image: url(src/button.gif); width: 220px; height: 60px text-align: center; vertical-align: middle; } a.manufacturer:hover { background-image: url(src/button+.gif); } а не работает. Просьба не предлагать запихивать ссылку внутрь дивов, ячеек таблицы и тд, надо просто выровнять текст по центру по высоте и ширине, где бы ни находилась ссылка с таким стиле…

    Asked by red_88,

    0 votes
    7 answers

  21. подсвечивание ссылок

    <div class="div_par"> <a href="#"> <div class="left">Выбираем авто</div> <div class="right">(111233)</div> </a> </div> то есть как сделать чтоб при разных цветах left и right при наведении цвет был один никак не выходит

    Asked by mafinok,

    0 votes
    15 answers

  22. Обтекание изображения списком

    А как сделать, чтоб список, не обтекал изображение, а шел списком ровно? <p><img src="media/khp2.jpg" align="left" alt="*" />Текст:</p> <ul> <li>пункт</li> <li>пункт</li> <li>пункт</li> <li>пункт</li> <li>пункт</li> <li>пункт</li> </ul> #content-inner img { float: left; margin: 0 18px 0 0; padding: 0 4px 4px 0; background: url(../media/photo-frame.gif) no-repeat bottom right; } у меня так, но последние пункт обтекают изображение

    Asked by sc@r@bey,

    0 votes
    5 answers

  23. символы какой кодировки?

    Как спец символы, начинающиеся с "" и заканчивающиеся ";" превратить в нормальные буквы?

    Asked by kich,

    0 votes
    4 answers

  24. Как задать цвет маркеров у LI при этом не затрагивая цвет текста?

    Как задать цвет маркеров у LI при этом не затрагивая цвет текста? Так что бы цвет шрифта определялся, допустим, в BODY, а у маркеров был мною заданный цвет.

    Asked by rug_1,

    0 votes
    11 answers

  25. Шаблоны

    Ситуация такая: есть шаблон на страницы в корневую директорию и шаблон с таким же оформлением на поддиректорию. Как можно привязать изменения оформления на один шаблон, чтоб не проделывать работы дважды? Пользую Macromedia Dreamweaver 8. Спасибо.

    Asked by Pseex,

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