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. форматирование сылки

    народ, помогите плиз с задачкой: надо чтобы ссылка независимо от длины текста (возможно на одну или две строки) находилась ровно посередине 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

  2. вычисление ширины в ie6

    Почему-то, ie6 неправильно считает ширину блоков. В остальных браузерах нормально, в ie6 приходится использовать хак (( <!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=windows-1251" /> <style> html { width:100%; height:100%; } *{ margin: 0; padding: 0; border: 0; } body {font-size:10pt; font-family:Arial;background:#000;} .bot{ padding:0 10px; background:blue; height:56px; width:100%; } .clear {clear:both;} .center { background: red; width:95%; _width:94%; padding:20…

    Asked by Destrifer,

    0 votes
    7 answers

  3. Аналог font size

    В справочнике здесь написано, что font size=3 можно заменить на font-size:medium; в Firefox размеры совпадают, а в Опере и ИЕ - он крупнее. Small совпадает в опере, а в Firefox он меньше.

    Asked by Ashotn,

    0 votes
    7 answers

  4. Как создать переменную которая бы содержала в себе путь к файлам

    Добрый вечер Подскажите как можно создать переменную или что то такое чтобы к примеру если изменился путь к папке с картинками не надо было менять в 20 местах код а только в одном прописать путь и в случае если надо поменять то поменять в одном месте Спасибо всем за помощь

    Asked by bgraf,

    0 votes
    7 answers

  5. Разное отображение стилей в IE 7.0 и FF 3.0.7

    Уважаемые Гуру. Нужен Ваш совет. И так. Есть код CSS body {margin: 0px;} img {border: 0px;} BODY { FONT-SIZE: 11px; COLOR: #075273; FONT-FAMILY: Tahoma, Arial, Helvetica } TD { FONT-SIZE: 11px; FONT-FAMILY: Tahoma, 'Arial Cyr', 'MS Sans Serif' } A { FONT-SIZE: 11px; COLOR: #d7e5ec; TEXT-DECORATION: none} A:active {FONT-SIZE: 11px; COLOR: #d7e5ec; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:visited {FONT-SIZE: 11px; COLOR: #d7e5ec; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:hover {FONT-SIZE: 11px; COLOR: #3a92b3; FONT-WEIGHT: normal; TEXT-DECORATION: underline} /* Поле меню */ .menu { padding: 0; margin: 0; font: 8pt/11pt Tahoma, sans-serif; width: 180px;…

    Asked by BadBoy,

    0 votes
    7 answers

  6. bg no repeat не помогает...

    Доброго времени суток! проблемы собсна 2: 1-ая: при разрешении 1280х768 в колонке справа повторяется фон средней колонки. пытался описать колонки так : #row_left { width:10%; height:"650"; background:url(bg_left.JPG); background-repeat:no-repeat; } #row_main { width:80%; height:"650"; background:url(backg.jpg); background-repeat:no-repeat; } #row_right { width:10%; height:"650"; background:url(bg_right.JPG); background-repeat:no-repeat; } ничего не получилось. 2-ая - меню " На главную", " Карта сайта", "Контакты " только в IE расположено красиво. в фаере и опере увеличивается высота. ПРОШУ помощи! с меня ПИВО. ЗЫ: не судите строго - это моя первая верстка... если…

    Asked by Fioletov,

    0 votes
    7 answers

  7. div в таблице

    Здравтсвуйте. есть таблица с background картинкой.. в таблицу внесены 2 div контейнера с картинками... при клике мышкой в любое место таблицы эти контейнеры выделяются... как это отменить это выделение? спасибо

    Asked by ach,

    0 votes
    7 answers

  8. Перевод строк

    Добрый день! Как узнать о переносах строк? Ситуация такая: Есть <div>слово1 слово2 слово3 слово4 слово5</div>. Если сжать ширину у div, то, например, получим: <div>слово1 слово2 слово3 слово4 слово5</div> Как определить, что слово3 и слово5 перенесены? Подскажите пожалуйста!

    Asked by Dimver,

    0 votes
    7 answers

  9. помогите плиз установить и устранить ошибку на странице http://www.zdes-mebel.ru/

    помогите плиз установить и устранить ошибку на странице http://www.zdes-mebel.ru/ вот код ошибки Ошибки в сценариях веб-страницы Агент пользователя: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727) штамп времени: Tue, 17 Mar 2009 09:04:45 UTC Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-mebel.ru/[/url] Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-mebel.ru/[/url] Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-m…

    Asked by vovchikku,

    0 votes
    7 answers

  10. ширина слоя и float

    Столкнулся с проблемой. Помогите, плиз, решить. Есть слой контейнер, в нем два слоя хочу поставить один за другим по-вертикали. Ширину как контейнера, так и внутренних слоев, задаю в пикселах. Внутри слоев image и подпись к ней. Проблема в том, что в Opera ширина слоев больше, чем в IE, и второй слой перескакивает вниз???

    Asked by stosen,

    0 votes
    7 answers

  11. Отступы при стопроцентной ширине/высоте

    Есть див высотой 50% от окна. Внутри него есть еще один див, который должен быть высотой 100% от родительского дива минус 30 пикселей сверху и снизу. Если я добавляю padding к родительскому диву, то его высота получается больше 50%. Возможно ли сделать нужные отступы, не увеличивая высоту родительского дива, не используя JavaScript? Сделать высоту родительского дива меньше 50% нельзя, т.к. иначе размер будет немного разный по высоте при различных разрешениях, что недопустимо.

    Asked by Great Rash,

    0 votes
    7 answers

  12. Вместа текста отображаются крокозябры

    Вобщем наверстал сайт со слелующей гарнитурой текста font-family: Arial, Helvetica, sans-serif; У меня на компе всё отображаетскя корректно.Но у друга...у друга вот совершенно нечитаемый текст на древнешаманском языке. Умные люди скажу что ему(другу) нужно установить дополнительный набор языков. Но хотелось бы решить проблему так чтобы у всех без установки каких-либо дополнительных приложений текст на сайте отображался должным образом.

    Asked by Rebroid,

    0 votes
    7 answers

  13. Что то с кросбраузерностью, немогу понять

    доброго времени суток! у меня такая проблема: пишу меню, по нажатию на ссылку должен менять положение "плавающий блок" див. Так вот в ие вроде работает, в опере видно как блок на секунду передвигается, а потом обратно на исходную, в мозиле вообще не реагирует Sad если убрать тэг "доктип" то начинает работать и в мазиле вобщем неделю убил и ничего не получилось. помогите кто чем может.. вот собственно код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <script> function switchmenu(l_top){ document.getElementById("content").style.top=l_top; } </script> <body marginwidth="0" marginheight="0" leftmargin=…

    Asked by Patch,

    0 votes
    7 answers

  14. Удивительный баг IE (6.0.2900 а может и других)

    http://bug.alexprojects.ru/test-index.shtml Откройте в IE (я открывал в 6.0.2900). Изначально у вас должно быть пустое поле СПРАВА от меню внутри ЛЕВОЙ красной рамки. Нажмите на ряде букв в жёлтом окне. Рамки это бордеры ячеек (TD). Левой ячейке сказано иметь ширину 190. (и align=right) Попробуйте в других браузерах, попробуйте при разной ширине окна IE. Какие будут соображения? 6.0.2900.5512 - двигается поле справа от меню. 6.0.2900.2180 - двигается новостной блок. При определённом (достаточно большом) количестве символов в поле где "ааааа" - все эффекты исчезают. Также эффект зависит от ширины выводимых символов.

    Asked by aruru,

    0 votes
    7 answers

  15. Не работают вместе php и SSI.

    В .htaccess было сначало прописано AddHandler application/x-httpd-php .php .html, чтобы обрабатывался php. Затем я начал пользоваться SSI. Страницы оставил в формате html, поэтому прописал AddHandler server-parsed .html . Но после этого не работает php на сайте. Как сделать так чтоб они работали вместе...

    Asked by LBM,

    0 votes
    7 answers

  16. не получается background

    Всем привет! Пытаюсь сверстать макет, чисто на дивах. Имеется див со следующими параметрами: .bgimg4 { width:912px; height:auto; background-image:url(bgimg2.gif); background-repeat:repeat-y; border:0px; } Проблема в том что, как только в этот блок, я помещаю дивы, с заданными параметрами float:left; или right - фоновый рисунок вместе с дивом просто сворачивается наверх о_О, Примерно так как я на картинке изобразил: Вот. Это моя первая верстка, по этому очень прошу не бить сильно, если что не так.

    Asked by Clayton,

    0 votes
    7 answers

  17. Альтернативное произношение для TTS

    Существуют ли в XHTML и HTML атрибуты, указывающие альтернативное произношение для систем TTS? Скажем, написано "FAQ", а спич-машина читает "Frequently Asked Questions". Я имею в виду что-то типа: <span xml:lang="en" xml:speech="Frequently Asked Questions">FAQ</span>

    Asked by Webr,

    0 votes
    7 answers

  18. При изменении у ссылки padding-top, ссылка вниз «не отодвигается»

    Вот например тут http://consart.ru/include/menu.php. Т.е., по идеи padding устанавливает значение полей вокруг элемента, но тут он как бы не отталкивается ни от li ни от div, как будто их и нет. Я как-то муторно обьясняю . Просто такое ощущение, что ссылка словно на отдельном слое, хотя не так.

    Asked by QQQ,

    0 votes
    7 answers

  19. Обработка таблиц эксплорером.

    Здравствуйте. Столкнулся с такой проблемой. Есть страница сайта, загрузка которой занимает 1-1,5 секунды. Табличная вёрстка. Так вот, при заходе на эту страницу в начале появляется белый фон, далее через 1-1,5 секунды разом выводится всё содержимое. Вопрос, как сделать чтобы загрузка происходила постепенно, как в FireFox'е? Я так понимаю эксплорер пока не найдёт последнего тега </table> не покажет содержимое? Если так, то как это избежать? Или спасёт только вёрстка слоями?

    Asked by Flake,

    0 votes
    7 answers

  20. как выровнять элемент по центру страницы

    например как здесь http://www.ya.ru/

    Asked by sc@r@bey,

    0 votes
    7 answers

  21. Div внутри таблицы меняет ширину столбца, а не должен...

    Имеется таблица, центральный столбец фиксированный, крайние разъезжаются и делят по 50% оставшейся ширины. Как только добавляю div в крайний столбец - он разъезжается, хотя текст влезает в ту ширину что была, и крайняя колонка становится заметно шире первой, причем, вроде только в Firefox (у меня 3.08). Код: <!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"> <!-- table,td { margin:0px; padding:0px; border-collapse:collapse; border-width…

    Asked by Aurica,

    0 votes
    7 answers

  22. Проблемы при создании всплывающего окна!

    У меня вот такие вопросы Помогите их решить!

    Asked by CnaM,

    0 votes
    7 answers

  23. Проблемы с отображением текста в Мозилке

    самая простая вещь - верстка текста внутри сайта. мозилла не хочет распознавать тахому. что делать?

    Asked by Extranjero,

    0 votes
    7 answers

  24. Оцените решение прибивания футера.

    Ни один из существующих способов мне не нравится. Решил делать все методом научного тыка. У меня футеры хедеры и т.д. имеют общую высоту 111px. За минимальный размер браузера принимаю 800х600 px. Установил min-height: 489px; для среднего блока с контентом. Это минимальная высота 800px минус сумма высот остальных блоков 111px. Получается что при разрешении 800х600 все выглядит идеально. При большем разрешении, под футером появляется место пустое. Установил цвет фона окна под цвет футера. Теперь получается что при изменении разрешения создается видимость изменения размера футера. Если учесть что страницы будут наполнятся контентом, то это вроде бы вполне приемлемо. Вариан…

    Asked by Ururu,

    0 votes
    7 answers

  25. Свой крусор на сайте

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

    Asked by haZe,

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